._1rp8- {
    position: relative;
    z-index: 100;
    width: 100%;
    height: calc(100% - 70px);
    overflow: hidden;
    /*top: 70px*/

}

@media screen and (max-width: 648px) {
    ._1rp8- {
        overflow-x: auto
    }
}

@media screen and (max-height: 512px) {
    ._1rp8- {
        overflow-y: auto
    }
}

@media screen and (min-width: 1441px) {
    ._1rp8-:after {
        position: fixed;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 127px;
        content: ""
    }

    ._1rp8-:after {
        background-color: var(--app-background-stripe)
    }

    ._1rp8-:after {
        left: 0
    }

    html[dir=rtl] ._1rp8-:after {
        right: 0
    }

    .YDZzC._1rp8-:after, .dark ._1rp8-:after, .native ._1rp8-:after {
        content: none
    }
}

._1rwUd {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 59px;
    pointer-events: none;
    -webkit-app-region: drag
}

._1rwUd {
    left: 0
}

html[dir=rtl] ._1rwUd {
    right: 0
}

.YDZzC {
    overflow-y: auto
}

._1f763::-webkit-scrollbar-track, .YDZzC::-webkit-scrollbar-track {
    background-color: var(--app-background)
}

#startup {
    background-color: var(--startup-background)
}

._2op5b {
    color: var(--button-secondary)
}

._3-0k1 {
    color: var(--secondary);
    font-size: 14px;
    line-height: 20px
}

._3-0k1 {
    margin-bottom: 20px
}

._3-0k1 a {
    color: var(--button-secondary)
}

._3y20E {
    height: 0
}

._3y20E {
    margin-top: 12px;
    margin-bottom: 12px;
    border: none;
    border-top: 1px solid var(--border-stronger)
}

._2XERB {
    position: fixed;
    top: 50%;
    width: 360px
}

._2XERB {
    padding-top: 120px
}

._2XERB {
    left: 50%;
    margin-left: -180px
}

html[dir=rtl] ._2XERB {
    right: 50%;
    margin-right: -180px
}

.aLK5N {
    z-index: 2
}

.aLK5N, html[dir=rtl] .aLK5N {
    animation: zlPza 2s linear infinite
}

._2w4ui {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: _1hllW 1.5s ease-in-out infinite
}

._1LcWJ, ._2w4ui {
    stroke: var(--spinner-default)
}

._3fSDS {
    stroke: rgba(var(--white-rgb), .9)
}

.VtUhN {
    stroke: var(--white)
}

._3SASF {
    stroke: rgba(var(--green-deep-rgb), .7)
}

._1aq4p {
    stroke: var(--spinner-incoming)
}

._1DeFf {
    stroke: var(--spinner-outgoing)
}

._3W76j {
    visibility: visible
}

@keyframes zlPza {
    to {
        transform: rotate(1turn)
    }
}

@keyframes _1bm7m {
    to {
        transform: rotate(-1turn)
    }
}

@keyframes _1hllW {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

progress.vVeoP {
    color: var(--progress-primary)
}

progress.vVeoP {
    background-color: var(--progress-background)
}

progress.vVeoP[value]::-webkit-progress-bar {
    background-color: var(--progress-background)
}

progress.vVeoP[value]::-webkit-progress-value {
    -webkit-transition: width .45s ease;
    transition: width .45s ease
}

progress.vVeoP[value]::-webkit-progress-value {
    background-color: var(--progress-primary)
}

progress.vVeoP[value]::-moz-progress-bar {
    -moz-transition: width .45s ease;
    transition: width .45s ease
}

progress.vVeoP[value]::-moz-progress-bar {
    background-color: var(--progress-primary)
}

._3QE0O {
    z-index: 800;
    overflow: auto
}

._3QE0O {
    background-color: var(--modal-backdrop)
}

.sWE2H {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-width: 648px;
    height: 600px;
    min-height: 100%
}

.sWE2H:after, .sWE2H:before {
    flex: 0 0 50px;
    content: ""
}

._1HX2v {
    display: flex;
    flex: none;
    flex-direction: column;
    box-sizing: border-box;
    width: 400px;
    overflow: hidden
}

._1HX2v {
    padding: 22px 24px 20px;
    background-color: var(--modal-background);
    border-radius: 3px;
    box-shadow: 0 17px 50px 0 rgba(var(--shadow-rgb), .19), 0 12px 15px 0 rgba(var(--shadow-rgb), .24)
}

._3e9k9 {
    position: relative;
    flex: 1 1 100%;
    white-space: normal;
    overflow-wrap: break-word
}

._3jqPp {
    font-weight: 400;
    font-size: 20px
}

._3jqPp {
    margin-bottom: 20px
}

._3jqPp {
    text-align: left
}

html[dir=rtl] ._3jqPp {
    text-align: right
}

._3QE0O.lLc_C {
    background-color: var(--modal-backdrop-solid)
}

._2fuxX {
    font-size: 14.2px;
    line-height: 20px
}

._1zIkB {
    position: relative;
    width: 500px;
    height: 500px
}

._1zIkB {
    padding: 0
}

.VSBxZ {
    width: auto
}

.VSBxZ {
    padding: 0;
    background-color: var(--panel-background-lighter)
}

._1KCbv {
    width: 500px;
    height: 348px
}

._1KCbv {
    padding: 0;
    background-color: var(--panel-background-lighter)
}

.VSBxZ ._2SGGH {
    padding: 5px 29px 25px
}

._14dh3 {
    position: relative;
    flex: 1 1 100%;
    width: 436px
}

._14dh3 {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 0
}

@media screen and (min-height: 1000px) {
    ._14dh3 {
        margin-top: 100px;
        margin-bottom: 100px
    }
}

@media screen and (max-height: 700px) {
    ._14dh3 {
        margin-top: 25px;
        margin-bottom: 25px
    }
}

._2SGGH {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: flex-end;
    overflow: hidden;
    white-space: nowrap
}

._2SGGH {
    padding: 50px 5px 0
}

._2SGGH {
    text-align: right
}

html[dir=rtl] ._2SGGH {
    text-align: left
}

._2s66d._3QE0O {
    background-color: rgba(var(--gray-900-rgb), .95)
}

._2s66d ._1HX2v {
    width: auto;
    max-width: 500px
}

._2s66d ._1HX2v {
    padding: 0;
    background-color: initial;
    box-shadow: none
}

._1FAct {
    position: absolute;
    top: 0;
    z-index: 1002;
    width: 100%;
    height: 100%
}

._1FAct {
    left: 0
}

html[dir=rtl] ._1FAct {
    right: 0
}

._2-NDv {
    display: flex;
    align-items: center;
    color: var(--inverse);
    font-size: 14px;
    line-height: 24px
}

._2-NDv {
    padding: 12px 16px;
    background-color: var(--toast-background);
    border-radius: 4px
}

._2-6v2 {
    right: 0
}

html[dir=rtl] ._2-6v2 {
    left: 0
}

.rUaqA {
    color: rgba(var(--inverse-rgb), .32)
}

.rUaqA {
    margin-left: 15px
}

html[dir=rtl] .rUaqA {
    margin-right: 15px
}

._2SZJP {
    color: #ff0;
    font-size: 14px;
    line-height: 24px
}

._2SZJP {
    cursor: pointer
}

._2SZJP {
    margin-left: 15px
}

html[dir=rtl] ._2SZJP {
    margin-right: 15px
}

._1oUE6 {
    color: var(--success);
    font-weight: 700
}

@keyframes _2XncR {
    50% {
        background-color: var(--focus-animation)
    }
}

._2G_sX, html[dir=rtl] ._2G_sX {
    animation-name: _2XncR;
    animation-duration: .38s;
    animation-timing-function: cubic-bezier(.24, .91, .01, .99)
}

.selectable-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.select-all {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
}

:not(.selectable-text) > :not > :not::-moz-selection {
    background-color: initial
}

:not(.selectable-text) > :not > :not::selection {
    background-color: initial
}

.selectable-text.invisible-space:after, .selectable-text.invisible-space:before {
    display: inline-block;
    width: 0;
    content: ""
}

.selectable-text.invisible-space:after::-moz-selection, .selectable-text.invisible-space:before::-moz-selection {
    background-color: initial
}

.selectable-text.invisible-space:after::selection, .selectable-text.invisible-space:before::selection {
    background-color: initial
}

._1VzZY {
    visibility: visible
}

.copyable-area {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

._1mHgA {
    visibility: visible
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    font: inherit;
    font-size: 100%;
    vertical-align: initial;
    outline: none;
    margin: 0;
    padding: 0;
    border: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    font-family: Segoe UI, Helvetica Neue, Helvetica, Lucida Grande, Arial, Ubuntu, Cantarell, Fira Sans, sans-serif;
    color: #4a4a4a;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dddbd1;
    background-image: linear-gradient(180deg, #dddbd1, #d2dbdc)
}

body.voip {
    background-color: initial;
    background-image: none
}

body.text-rendering-bug-fix {
    text-rendering: unset
}

.os-mac, body.native.darwin {
    font-family: system, -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue, Helvetica, Lucida Grande, Kohinoor Devanagari, sans-serif
}

.os-mac.font-fix {
    font-family: SF Pro Text, SF Pro Icons, system, -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue, Helvetica, Lucida Grande, Kohinoor Devanagari, sans-serif
}

html[dir=rtl] {
    direction: rtl
}

em {
    font-style: italic
}

strong {
    font-weight: 700
}

code {
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, Courier, monospace
}

button, input {
    font-family: Segoe UI, Helvetica Neue, Helvetica, Lucida Grande, Arial, Ubuntu, Cantarell, Fira Sans, sans-serif;
    margin: 0
}

.os-mac button, .os-mac input, body.native.darwin button, body.native.darwin input {
    font-family: system, -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue, Helvetica, Lucida Grande, Kohinoor Devanagari, sans-serif
}

button {
    outline: none;
    border: 0;
    padding: 0;
    background: none;
    cursor: pointer
}

pre {
    white-space: pre-wrap
}

ol, ul {
    padding: 0;
    margin: 0
}

a {
    text-decoration: none;
    color: #039be5
}

* {
    scrollbar-color: rgba(0, 0, 0, .2) hsla(0, 0%, 100%, .1);
    scrollbar-width: thin
}

.dark * {
    scrollbar-color: hsla(0, 0%, 100%, .16) transparent
}

::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2)
}

.dark ::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .16)
}

::-webkit-scrollbar-track {
    background: hsla(0, 0%, 100%, .1)
}

.dark ::-webkit-scrollbar-track {
    background-color: initial
}

svg {
    display: block;
    pointer-events: none
}

div[data-list-scroll-container] {
    transform: translateZ(0)
}

.media-video-thumb {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbgAAAG4BAMAAADF5O+AAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURXiQnIabpn+WoYOYpHyTn3mRnYWapYGXotUtPzYAAALNSURBVHja7d2xTttgFIZhqzLKfASia6DQnVbsSaV6RlSiK76E3P/CgtpSknjpL8dfn+cGwisIBuf3OV0HAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAp6b9dN3DzcAptj2M1cXl7Am3VyuV67razu2ZxdT73T+aPauh+5ri7lnEf5237UE1tZo17ahv3PHUValp/1TbuYuLlh/Vi33KTb7q+WsadtW2ry+Mvv2sa1zeOq4eJy9Ci4zYTfz+sl3slOB43VG5cPwbHbSs3blW5ca//jWTGvf43EhnXj8FxQ+XG/frjITFuFxz3+95GXtwfN6Xy4obKjevH4Lht5catKjfu7S3usLi3t7iz4voxOG6o3Li/70hFxe2C4959YBYU9/6TzqC4oXLj+jE4blu5cavKjdt7biIlbu+5iZC4Pb9NcuKGyo078DFnRtwuOO7QKayEuIPH5xLihsqN238ZCInbVm7cqnLjjh3GXXzcscO4S487/NskIG6o3LjjZ+cWHrcLjps42r/ouO93wXGfKziuxIkTJ06cOHHixIkTJ06cOHHixIkTJ06cOHHixIkTJ06cOHHixIkT9x/HRR+Pij7YFn0kMfswafYx4OgD3NlH76Mfmsh+3CX6QaXsR8yyHw6Mfqwz+4Hc6Eepsx+Czx5fED14IntkSPSwl+wxPdEDlrJHY2UPNYseR5c9SDB6BGT28M7ssavRA3OzRx1HD6nOHi8ePRg+e6R/9jKG6DUa2QtQolfXZC8dyl4XFb3oK3tFW/Ryvey1iNELLbNXkWYvkW2+/jd6cXP0yu3oZenRa+67q7ZxFxMvPzSNe2ob9zz1nt90y70WNP3aZ37Tnc/b1vbn8n7muLOG37rzh5njusd2F7l1N7ufY6O22+4E9Nefvv5zX242HQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAS/IC5yVH48Ho/XwAAAAASUVORK5CYII=)
}

.chrome-media-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAMAAAAau2s5AAAAMFBMVEX///+fn59tbW3Q0NDz8/OIiIiQkJCHh4f21s/idFzgYkbjc1zlgm/zx8D0x8HhalBJdsgxAAAAiUlEQVR42uXQQQvDMAiGYZOtbWJM+v//bZXCcAmoh17G3oOnB4QP/rmU517AvReYl5K4LQB3cTkCxYUguxA8xPlQeg7uaj0TsotBgFLxUy0GbKiqBsSvHEj3cSFBRxxAM0wTFNQ7DNRwDW/JLgi7D8UN/u5DgiGYTKjncaDKhKd2zYClKVfgZ7oAH+EJ3GvFORkAAAAASUVORK5CYII=)
}

.attach-media-audio-thumb, .media-gallery .image-audio, .media-viewer .image-audio {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbgAAAG4BAMAAADF5O+AAAAAGFBMVEX/rR//riP/sSr/tTX/uUH/vUz/vEj/tzqH5JbhAAAEQElEQVR4AezBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgLkxf9aGYSCKN+rQVZBAVpOAszaxm87FMv0A9VP2hCNr/yWfv9Ch0ORkJEGGp99u8OOnu5PuNkwWTet+6ZqFLSrZ0uEfblNKPtMKrvBdVUQ0BOCPtxIE8Z/c2s4Y5ViVqY1dXosIOs7+v0UUB0uY7YxIjpYu2wnR7GyZZ5LyZG6RxIEpW41E9jzZZkjmhSXbvSAZ/0jSTHpkMFjyguMvuzky+SB4CPTIZKiIJxz/tHtAEO9c0zgnCPJO2ilfN3+Hziy/OTvmTHf2dVFO5ln4RrmR2E2QvjfyFdmIG9Z3KtOea9hp4jobrM+WSp0ibnQBtCJSZ65FrMe/mAqNujo1m5ZuT1JxSjYlHYe6OusmPKdQN5G8v6wv1VmCy8lb7IdPBNeUU/oDRn8k7X6YNUPdiGEgiErttaUhLTYp9yeYlCexZdP4pHL/Pzq+MDsrvR+I6tXuzJu5AosTS/j3kwSvTvl1yII5uxMuJ21zBCWcpDxcfYjxg8KUE6uU9xRzoLEyO+WIRSk/zqbH9EqTu5U9ecF0cLfy6SfThN3K5J8PZy+N2FXlNwAOLqAnI5gb08GHRJQKkyuLZEQcvvw3VCmo4jsy7TxFPQUl93xK/igzpAtoBEPFORV4clPFAh14cklGcRl3ckPH3xfu5KaAUVFH9yfaJbPhjRZ3mnJQCfb/C6cS5BYsyy3lpCZMTzZleKosPRnSMqaxgurh/9w3KrC+ayXgC8UoD614v2HSuNmjJj7hgySWFfU98aSnxDZJcmn0RKooJLJMpA+KB93luX5xnGCIfjDieMGHiQTShnfnlM2XvLU4OTa35FdcOTaX5bDaOJ3lJo8ZHRN4Omdeeg9vAZueKGmuBmhUpjzuDHCXTAGUIyAhFsrjroDfHgqFvkrAwHbK41ZA0NgpaJk5IqV/XArwzhd7d6waIRQFYXjUJdvabC8BU98i6ReCfWJE+4D9Nr5/XkDY5g7nQP7/Db56igFn68OL+8mCU7X+Nw4cOHDgwIEDBw4cOHDgwIEDBw4cOHDgwL2e1T97DjkrH+684fkscB44cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDlxkoxc3K7KbF/etyF68uC9FdvHi7oqs8+KKImu9uEGh7U7cqtgOJ25TbDcnblZsFyfurthaJ25QcJMPtyi60YebFd3Vh3soumZ34dZe4Y0u3Kz4OheuKEGHB7cpQ1cP7qEUHQ7cphx1DlxRkt7q436VpWaqjVt6pand6+LWQYnq9pq4tShV3VQPtxQlq3mvhfvsla/2T8YuGICQ5zB1GCswANqDYwEAAACAQf7Wc9hdXQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQMVQysJwSMnUAAAAASUVORK5CYII=)
}

.firefox-lock-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiBAMAAADfS4Y4AAAAJ1BMVEX////h99592WhExw8huwB82WdDxww2wwC16qzw++7E7rw3wwAqvgDD1MEAAAAAaElEQVR4AWOgEhAycVZEF2N1AQIFNMEUkKAzukIwCEARFHFxb5QocXFEEQxxqWRgmO7iimZkAwMDB5qhLi4TGBgYXVzQBEEkNQVXu8DBLrhgCULQG6EZCYw0wSMIMXe44HKEYBUD5QAAPMpGrgas65UAAAAASUVORK5CYII=)
}

.opera-media-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAMAAAAau2s5AAAAMFBMVEX////8/Py8vLyRkZGKior09PShoaGdnZ3j4+P19fWenp7s7Ozz8/OWlpbX19exsbF3sL3SAAAAhklEQVR42u3Tyw7DIAxEUcd2Gkz6+P+/rQwjgSKl00V27V2N0FkhkB9uUfM500Wy9dbmSP2YNrf1OTIvMlfcutvWnCN3jPkg0uUkMGo6DuE4hOMQjkM4Dne5Gtb4EkJyWCEpDEgKBZJDyJynz+yu/hDI4vbx4T6lyZx6/hXsheuO/hX+XdcbMdoFHMq0EBEAAAAASUVORK5CYII=)
}

.icon-doc-generic {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA8CAYAAADL94L/AAAByElEQVR4Ae3axdJTQRAFYFyegA3u8ALseCDcicsGhxt3x+G32BXc3X3NBnfXYTqp3sZlhuqpOlXZRL46He9ReJyJxGSTEreaPfEHZiX+1uSJvelVNu+Jvjd7Yk9zI8aSUe0eDpjCIYfNSuw5v/zF5In/6mU27478tXriLJvXjdSwPq1lCDTCmxjiCNav8GZYBVMwWKagX8kWjk9vCcMhYWhEFEw1+oV0wZjdPKY6Vn9EwmBDTYPwBoXCYPLGDQTJjkHQNQRJj0FQtmgs+C8wOHIIkh2DoDu5vD5Xfkz9hsTBWDyxhjDYUDqvLRYSY1JilSQGyyxXOt4QKJPX70NDQmI27gyxHcn9bH/5RFMNAUgoDI4afOAMHBiCdiDNj5woGAhgsCEYudSI1lBCRwoPL957slAoDDYEoPXb/ZVs3FE/y9072fDxsx4BMPVfGOpl1VY/y5++4EWM1Fm9LcCKpy8RpnchDGEIQxjCEIYwhCEMYQhDGMIQhjCEIQxhCEMYwhCGMIQhDGEIQxhYNlXiP+XHXLRDM5thQVpyzIfS2YtLceVEkRmzalsgMArPhp258bA6b/LEb8LqPM930VNdvY/fhMmCxw+Of+4BTcPInBo2AAAAAElFTkSuQmCC)
}

.icon-doc-doc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA8CAMAAAD8KXLNAAAAulBMVEUAAACPw/ePw/lgqvVfqvaUx/mQxPhfqfWjz/lfqfVfqvZgp/9cp/ZfqvZgqvaayPpTpPVfqvVjpvNgqfaQw/mjzvq42PdfqvZgqvZiq/ZwsveRxflkqe9rsPdcqPZeqPRorvfN5fzw9/5bp/Z2tvdZoOqTxvqCuvPj8P7+//+QxPmBvfl3su+Pw/lWpfWx1fuJwPlUpPWVxvnp8/7////4+/9ure3C3/uq0fvb7P1usffn8v15tfFMmOceGILeAAAAF3RSTlMAIdHm7ijJ+JH8eQeTzaw68foX1Ll9kGZdllAAAAEQSURBVHgB7dZVcsMwFIVhhTkp5krmMJcZ9r+sMl7PEczopfC/f7ZFtoUQreZuWVepJ3g73VKtoSvaKzDS6kp9abSsMtQumQ1HtYbZcCSl2TBkZRiyNU+o4m6WxYqzeUIFd/P0eO7m6fGsDUNmQ+lsypA0ll6E4XdkYSbrTTj96AlJczSJ1rOP7vrQsFt9dl/HBnX8y00Cg0YFqBtkKJuDbgdEwMSLM9Cp9GnUCWoD54AOYH7XZwRDhtQRagVNfA5azKXX9RmirpGRaowKfM6bt/NDekPZYa6rIAEGz/VwNfJvskGuy3FimAOVzzhvlA+Z//f1vyltu5p90Sw5mq2eEG1H03759e+Ua7aVO82WeASxdDP0M8Z9fAAAAABJRU5ErkJggg==)
}

.icon-doc-pdf {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA8CAMAAAD8KXLNAAAAvVBMVEUAAAD3d3fxRkbyRkbyRkb3fn74g4PyRUX3lZXzRUXyRUX/RkbyQED3fn7zRUX2iYn/Rkb4lpb0cHDvQEDzRETzRkbzQEDzQkLzOzv////939/yODj2enr4kJD0UVHzPT38xMT92tr5lZX1ZGT+6+v4g4P1bW35m5v7yMj91dX3fn76sLD1XFz6qan//f36trb+5OT0VVX6rKz7vb3yNDT4iIj/9vb0TEz5o6PtTEzlRUXsYWHiNzfyRETsSEiKDgROAAAAFHRSTlMAH+Z5+80n+JHu0AWTv6w6CX3V/BbNCjoAAAHfSURBVHgB7daDsisxGMDxHNtftLZqu+//WDebOu1p08H1f7D8zRoIoferx4djXb4htYvXy7vrI32NXi4U8v6KjzcbFTcKer48bQplS3dYwyhbwhpGRTpGRZpGoNvzjUT6RkU6RkX6RiJNM7dUhE/2NYkVhDU2lCgIa6DxxNr0eathBPoab5re6xjJ1pkaRu2XmP8GiIzKCSrHAW9NiKhiwKnKsFkukRMOZaWCVnWZA7uGxEaZn6UDApBGYjz3ekDFZtrGoig1FRPwZXnoQoXL6p0qwSTjy9pdxdicG41K1ue8g6kwRiWLOPcHQDzO84aoE7N9M2SMWX1eD11hal0zNMQ8tzQ2c0UU75saBXB9zhMmTJthsyc2J7cTuIRSQQ5sxzRZK9oYN4x4VGXCDMtz14IDxiusntiM0SILQ6oG71umMLKcHTCL+rEL+qZe5iWUwta+hUwYz7btoCAHTCdJEgcTgKUxY84NfPwc1AihABhLM+x2N+c6oICXqWa5RJo8bTQ59x04YgJhYMvIMnnvfGtivxmsTdr0RbmNCca0ZjR7FCtGNnCcAd6aEIELyhLFABXb35qg62k59v9d9d/8MnN5fa75QFeXZ5qvN4SezzTPCKEn8et/p9vD49UT+gEdNgrQ89qG8QAAAABJRU5ErkJggg==)
}

.icon-doc-xls {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA8CAMAAAD8KXLNAAAAulBMVEUAAACK4K5X0otX14eI362F3aqG4q1X0Yqe5LxX0YpW0otT0YhS0YdW0otW0otX0otY0Iug5Lqg5r2e5byf3rr///9O0IVR0IdU0YlX0otV0opV0YpKz4L+//5S0YjJ8dqK4K7p+fCQ4rKI36x426KL4K5t15p12qDT9OFy2Z5Lz4JXyIdZzotb046r6MVY0oz9/v2D3qpo15e47M593KXc9uj4/fqh5r5PxYHL8dvP8t687dCd5bue5bzVEOpnAAAAFXRSTlMAwekIyxwk+JHcffGW/KzN0Ss+eo5vCipPAAABZklEQVR4Ae3WhfaqMACA8dn1T3VBd9jd+v6PZY/L2YExbtdnKz8aAQBQar43eH18ArbKW7HGbVioMKT0JvFThh6LXorZxmRQ7VXAMIgPqDHLldyGTimPuaFqfmOWq/kNXSZxQ6ckaByTQQJm6TFIyoz4thlHQmbg2p4XR5II8mdOVPkzMny0HURtu9RkpUSpdWrE6//VBqnpoUQjS87mmNbGUZIMkfYwvZ0uJxjla83aurWG0Iq35pow6F0zIJz5vagg5BpDQRjjBYTzPqYhxeCbEbm+PUDN1yUaGf0Io8uyfDcyTc8yE0wIuZo5IjQ84RtrfGsF4WIcy/ru2xROb2nPVxrfhMvAdV0DQjNwacEy/A7r4BdtU6wi1L/tbyqiqZhvVvatEMKTZ39pxTVa4rrWvvc2naYFDcbQXGeWlhNQwhiM0sN/zv/1f1N8zWs6oFnMaVptAF5ympf7pf9HqyZa671ZAhesTDDT4wdnEAAAAABJRU5ErkJggg==)
}

.icon-doc-txt {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA8CAMAAAD8KXLNAAAAvVBMVEUAAACfsLihsrl5kJp4kJultrygsrl5j5uzv8Z4kJp4kJt1jZmhsrh4j5t0i6J4kJusucB5kJp5kJt5kJt/n59/mZlviJSzv8Wvu8H///91jZh4j5pzi5d3jpl5kJv6+vuhsrmuvMJ+lJ5yipaktLvAys/FztN7kZyaq7OJnaaNoKn+/v/7/P21wcfr7vDx8/Tt8fKHm6WVp6+RpK3f5OequL+DmKLP1tra4ON7kJtviJSesLduh5N1ipNrgYvfIttIAAAAGXRSTlMA0crm/Cgh+JHueZO/rAXNOvQX1AgK8X2QgEGk0gAAAcVJREFUeAHt1IWS2zAUBVAvM5T7BM/MYeb//6zeLIRBmh0o3ZBgjsiOHcf5dvvl5lDOnp3NfH44uzo/ED28v9wgXx/4cPTQO91Ad2fHjbcx06dzA7MxE7OJAbI3QNYG6MLeeCcX1gbo0t5geaaGFwbLMzNSZhvIwIg82kB8NFq0NhAfjxDNbLwIEBtEq+kys58wRpGLTK5hLDP6oPlv5DLz8qJtreOAQUUzol/KG2hhRJHE76nm1SSJWLKuxkk3X3bEhV41YUSL1FsJvgotMpfIb9MirheuGY9ct1JSWXHLRptrRIniAdGA2/MOotJ1y/pYLQ2SBgG36lQrUEhVF4PmXkluFqIuMWGNA3RsnUHYhmkK7FSnfaIOpukLOe9owYTb54aoF6MZCTEyUm+Kl465USgcMkAJIVXFFmbkYd+VXFsYHWAz8+1YmNDHLC5VvNDYiLxBFGNLnVQYmxhnFqCKU5BmRmc4AF+EL7eQOGIaL0ZyB6sKtOxhhQkfNLoX+VEgWfa6vl+8zOf7fopfNER6p2EplHj5VUppRgQKbw3i/7Pqv/mjzNmVrfnh3J5Zmu/PjnNnae4cx3m8fbq5Ms3N0+2j8ws7X1cWmnQE/gAAAABJRU5ErkJggg==)
}

.icon-doc-ppt {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA8CAMAAAD8KXLNAAAAvVBMVEUAAAD72HT712j4yTf4yTj52nn72XX4yDj73475yTn/yjT3xzr4yTn5yDn5xzH63IL4yDn4yDj62Hb4xCr84I755Kj5yDT5yTj////5yDf5yTn823j5xzD5xi75xiz5xSr72XX60FD//vv6zET6yz796az/++/tvjL6zkr84I797bz6yjn+89LzxTzzxDb84pTyzFv96rT71mnuxUr+9dz10Wb834v72HH+9Nb+9drruCP73ID+9+H856b85Jt3fPirAAAAFnRSTlMA0Rx5/CbJ+JHtB+TNrJI6l9S58X2QIoLA1AAAAW5JREFUeAHt1oN6A0EUQOGJnXq0ZmzV7/9YvXXXe2udj4N/EW0IIc3SQSOt1h4JV+w0auW0JofFEGl2ZHpiYlZDaL+RbcxqJWBq5WwTRhLKNnB5eANnwhtAWAMVKngDCG/g8vAGzoQ3gHKajRJCMrPpCkwAZRsxnZvKc4BkDtRbzTdPzU9yGGjae+68ns+MXmSAwfYzDDWyo0FDrW1Wg61FA0a/sHlWtqK92ajL8enY59w/i+t2AdaXasAw13FGQ849tx/NWXA+HDmOywJGCkoNMFcGjWZ4YGBBRN4fpt0ancnbKJPPC+qt0WAm1QiLUazRZkNLZTijX/NLhapYw23P0pEGWitCIA00EAxp7EWfIs+zViiTOOP1YRvK+IpQce8PXVpwXSgDSCA+bwaNpqeYpO+Pu0g18HWMNvZTTULvaSTdzQZJzXZUxhhAanL07b/X/6ZVw5pjUmohzRH8Re8iTffur3+7Uctbo11qkhvyszc0CTNWCAAAAABJRU5ErkJggg==)
}

.bg-payments {
    background-image: url(data:image/png;base64,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)
}

.emoji.apple {
    background-size: 100px 100px
}

.emojik.apple {
    background-size: 160px 160px
}

.emoji.apple.b132 {
    background-size: 20px 20px
}

.emojik.apple.b132 {
    background-size: 32px 32px
}

.emoji.wa {
    background-size: 100px 100px
}

.emojik.wa {
    background-size: 160px 160px
}

.emoji.wa.b121 {
    background-size: 80px 120px
}

.emojik.wa.b121 {
    background-size: 128px 192px
}

[role=button] {
    cursor: pointer
}

input::-ms-clear {
    display: none
}

#main:after {
    display: none
}

#main:before {
    padding: 0
}

.matched-text {
    color: var(--highlight);
    font-weight: 700
}

body.dark {
    color: var(--primary)
}

body.dark {
    background-color: var(--app-background);
    background-image: none
}

a {
    color: var(--link)
}

input[type=text]::-webkit-input-placeholder {
    color: var(--input-placeholder);
    font-size: 15px
}

.os-mac input[type=text]::-webkit-input-placeholder {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input[type=text]::-moz-placeholder {
    color: var(--input-placeholder);
    font-size: 15px
}

input[type=text]::-ms-input-placeholder {
    color: var(--input-placeholder);
    font-size: 15px
}

select {
    box-sizing: border-box;
    width: 100%;
    color: var(--primary-stronger);
    font-size: 14px;
    line-height: 18px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 6px 0;
    background-color: initial;
    border: none;
    border-bottom: 1px solid var(--border-strong);
    border-radius: 0
}

.dark select:focus {
    background-color: var(--panel-background)
}

.emoji, .emojik {
    display: inline-block;
    vertical-align: top;
    zoom: 1
}

.emoji, .emojik {
    border: 0
}

code .emoji {
    vertical-align: middle
}

.emoji {
    width: 20px;
    height: 20px;
    image-rendering: -webkit-optimize-contrast
}

.emoji.apple, html[dir=rtl] .emoji.apple {
    margin-right: 1px;
    margin-left: 1px
}

.emojik {
    width: 32px;
    height: 32px;
    image-rendering: -webkit-optimize-contrast
}

.safari-fix .emoji, .safari-fix .emojik {
    image-rendering: unset
}

.overlay {
    position: fixed;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.overlay {
    left: 0
}

html[dir=rtl] .overlay {
    right: 0
}

:root {
    --beige: #e5ddd5;
    --beige-rgb: 229, 221, 213;
    --black: #000;
    --black-rgb: 0, 0, 0;
    --blue: #039be5;
    --blue-rgb: 3, 155, 229;
    --blue-light: #00a5f4;
    --blue-light-rgb: 0, 165, 244;
    --blue-ocean: #aadaff;
    --blue-ocean-rgb: 170, 218, 255;
    --blue-sky: #9de1fe;
    --blue-sky-rgb: 157, 225, 254;
    --dark: #263238;
    --dark-rgb: 38, 50, 56;
    --gray-30: #f7f7f7;
    --gray-30-rgb: 247, 247, 247;
    --gray-60: #f0f0f0;
    --gray-60-rgb: 240, 240, 240;
    --gray-70: #ededed;
    --gray-70-rgb: 237, 237, 237;
    --gray-100: #e6e6e6;
    --gray-100-rgb: 230, 230, 230;
    --gray-150: #d9d9d9;
    --gray-150-rgb: 217, 217, 217;
    --gray-200: #ccc;
    --gray-200-rgb: 204, 204, 204;
    --gray-300: #b3b3b3;
    --gray-300-rgb: 179, 179, 179;
    --gray-400: #999;
    --gray-400-rgb: 153, 153, 153;
    --gray-500: grey;
    --gray-500-rgb: 128, 128, 128;
    --gray-600: #666;
    --gray-600-rgb: 102, 102, 102;
    --gray-700: #4a4a4a;
    --gray-700-rgb: 74, 74, 74;
    --gray-800: #303030;
    --gray-800-rgb: 48, 48, 48;
    --gray-850: #262626;
    --gray-850-rgb: 38, 38, 38;
    --gray-900: #1a1a1a;
    --gray-900-rgb: 26, 26, 26;
    --green: #07bc4c;
    --green-rgb: 7, 188, 76;
    --green-deep: #1b9a59;
    --green-deep-rgb: 27, 154, 89;
    --orange: #ffad20;
    --orange-rgb: 255, 173, 32;
    --pale-blue-green: #ecfaf5;
    --pale-blue-green-rgb: 236, 250, 245;
    --pale-green: #dcf8c6;
    --pale-green-rgb: 220, 248, 198;
    --pale-yellow: #fff5c4;
    --pale-yellow-rgb: 255, 245, 196;
    --red: #d70000;
    --red-rgb: 215, 0, 0;
    --red-light: #f44336;
    --red-light-rgb: 244, 67, 54;
    --teal: #009688;
    --teal-rgb: 0, 150, 136;
    --teal-light: #1de9b6;
    --teal-light-rgb: 29, 233, 182;
    --teal-lighter: #00bfa5;
    --teal-lighter-rgb: 0, 191, 165;
    --white: #fff;
    --white-rgb: 255, 255, 255;
    --yellow: #fed859;
    --yellow-rgb: 254, 216, 89;
    --active-tab-marker: #009688;
    --active-tab-marker-rgb: 0, 150, 136;
    --app-background: #dddbd1;
    --app-background-rgb: 221, 219, 209;
    --app-background-deeper: #d2dbdc;
    --app-background-deeper-rgb: 210, 219, 220;
    --app-background-stripe: #009688;
    --app-background-stripe-rgb: 0, 150, 136;
    --attach-media-drop-border: rgba(0, 0, 0, 0.3);
    --attach-media-drop-border-rgb: 0, 0, 0;
    --attach-media-drop-overlay: hsla(0, 0%, 100%, 0.6);
    --attach-media-drop-overlay-rgb: 255, 255, 255;
    --audio-progress-incoming: #31c76a;
    --audio-progress-incoming-rgb: 49, 199, 106;
    --audio-progress-outgoing: #889a7b;
    --audio-progress-outgoing-rgb: 136, 154, 123;
    --audio-progress-played-incoming: #30b6f6;
    --audio-progress-played-incoming-rgb: 48, 182, 246;
    --audio-progress-played-outgoing: #2ab5eb;
    --audio-progress-played-outgoing-rgb: 42, 181, 235;
    --audio-track-incoming: #e6e6e6;
    --audio-track-incoming-rgb: 230, 230, 230;
    --audio-track-outgoing: #c6dfb2;
    --audio-track-outgoing-rgb: 198, 223, 178;
    --avatar-background: #e6e6e6;
    --avatar-background-rgb: 230, 230, 230;
    --avatar-border: #fff;
    --avatar-border-rgb: 255, 255, 255;
    --avatar-placeholder-background: #dfe5e7;
    --avatar-placeholder-background-rgb: 223, 229, 231;
    --avatar-placeholder-primary: #fff;
    --avatar-placeholder-primary-rgb: 255, 255, 255;
    --background-default: #fff;
    --background-default-rgb: 255, 255, 255;
    --background-default-active: #ebebeb;
    --background-default-active-rgb: 235, 235, 235;
    --background-default-hover: #f5f5f5;
    --background-default-hover-rgb: 245, 245, 245;
    --badge-icon: #fff;
    --badge-icon-rgb: 255, 255, 255;
    --badge-pending: #00bfa5;
    --badge-pending-rgb: 0, 191, 165;
    --border-bubble: rgba(0, 0, 0, 0.06);
    --border-bubble-rgb: 0, 0, 0;
    --border-default: #f0f0f0;
    --border-default-rgb: 240, 240, 240;
    --border-list: #f2f2f2;
    --border-list-rgb: 242, 242, 242;
    --border-panel: rgba(0, 0, 0, 0.05);
    --border-panel-rgb: 0, 0, 0;
    --border-strong: #d9d9d9;
    --border-strong-rgb: 217, 217, 217;
    --border-stronger: rgba(0, 0, 0, 0.08);
    --border-stronger-rgb: 0, 0, 0;
    --bubble-meta: rgba(0, 0, 0, 0.45);
    --bubble-meta-rgb: 0, 0, 0;
    --bubble-meta-icon: rgba(0, 0, 0, 0.3);
    --bubble-meta-icon-rgb: 0, 0, 0;
    --butterbar-battery-background: #fa685e;
    --butterbar-battery-background-rgb: 249.69711, 103.94798, 93.50289;
    --butterbar-battery-icon: hsla(0, 0%, 100%, 0.9);
    --butterbar-battery-icon-rgb: 255, 255, 255;
    --butterbar-battery-primary: #fff;
    --butterbar-battery-primary-rgb: 255, 255, 255;
    --butterbar-battery-secondary: #fff;
    --butterbar-battery-secondary-rgb: 255, 255, 255;
    --butterbar-connection-background: #fed859;
    --butterbar-connection-background-rgb: 254, 216, 89;
    --butterbar-connection-primary: rgba(48, 48, 48, 0.96);
    --butterbar-connection-primary-rgb: 48, 48, 48;
    --butterbar-connection-secondary: rgba(48, 48, 48, 0.85);
    --butterbar-connection-secondary-rgb: 48, 48, 48;
    --butterbar-default-background: #9de1fe;
    --butterbar-default-background-rgb: 157, 225, 254;
    --butterbar-icon: hsla(0, 0%, 100%, 0.9);
    --butterbar-icon-rgb: 255, 255, 255;
    --butterbar-notice-background: #e2f2ef;
    --butterbar-notice-background-rgb: 226, 242, 239;
    --butterbar-notice-circle: #fff;
    --butterbar-notice-circle-rgb: 255, 255, 255;
    --butterbar-notice-icon: #6fb9b0;
    --butterbar-notice-icon-rgb: 111, 185, 176;
    --butterbar-notice-smb-background: #d8e9f2;
    --butterbar-notice-smb-background-rgb: 216, 233, 242;
    --butterbar-notice-smb-circle: #fff;
    --butterbar-notice-smb-circle-rgb: 255, 255, 255;
    --butterbar-notice-smb-icon: #3a5564;
    --butterbar-notice-smb-icon-rgb: 58, 85, 100;
    --butterbar-notification-icon: hsla(0, 0%, 100%, 0.9);
    --butterbar-notification-icon-rgb: 255, 255, 255;
    --butterbar-primary: rgba(48, 48, 48, 0.96);
    --butterbar-primary-rgb: 48, 48, 48;
    --butterbar-secondary: rgba(48, 48, 48, 0.85);
    --butterbar-secondary-rgb: 48, 48, 48;
    --butterbar-update-background: #1de9b6;
    --butterbar-update-background-rgb: 29, 233, 182;
    --butterbar-update-icon: hsla(0, 0%, 100%, 0.9);
    --butterbar-update-icon-rgb: 255, 255, 255;
    --button-alternative: #00a5f4;
    --button-alternative-rgb: 0, 165, 244;
    --button-alternative-background: #fff;
    --button-alternative-background-rgb: 255, 255, 255;
    --button-background-disabled: #e6e6e6;
    --button-background-disabled-rgb: 230, 230, 230;
    --button-bubble: rgba(0, 150, 136, 0.7);
    --button-bubble-rgb: 0, 150, 136;
    --button-plain-background: #fff;
    --button-plain-background-rgb: 255, 255, 255;
    --button-primary: #fff;
    --button-primary-rgb: 255, 255, 255;
    --button-primary-background: #05cd51;
    --button-primary-background-rgb: 5.44623, 204.85377, 81.46347;
    --button-primary-background-hover: #06d253;
    --button-primary-background-hover-rgb: 5.57831, 209.82169, 83.43905;
    --button-round-background: #09e85e;
    --button-round-background-rgb: 8.64769, 232.25231, 93.88923;
    --button-secondary: #07bc4c;
    --button-secondary-rgb: 7, 188, 76;
    --button-secondary-background: #fff;
    --button-secondary-background-rgb: 255, 255, 255;
    --button-secondary-background-hover: #fff;
    --button-secondary-background-hover-rgb: 255, 255, 255;
    --button-secondary-hover: #05cd51;
    --button-secondary-hover-rgb: 5.44623, 204.85377, 81.46347;
    --chat-marker: #999;
    --chat-marker-rgb: 153, 153, 153;
    --chat-marker-admin: #07bc4c;
    --chat-marker-admin-rgb: 7, 188, 76;
    --chat-marker-admin-border: rgba(7, 188, 76, 0.7);
    --chat-marker-admin-border-rgb: 7, 188, 76;
    --chat-marker-border: rgba(91, 202, 255, 0.1);
    --chat-marker-border-rgb: 91, 201.90164, 255;
    --chatlist-icon: rgba(0, 0, 0, 0.3);
    --chatlist-icon-rgb: 0, 0, 0;
    --checkbox-background: #009688;
    --checkbox-background-rgb: 0, 150, 136;
    --checkbox-mark: #fff;
    --checkbox-mark-rgb: 255, 255, 255;
    --chevron-button-background: rgba(0, 0, 0, 0.35);
    --chevron-button-background-rgb: 0, 0, 0;
    --compose-input-background: #fff;
    --compose-input-background-rgb: 255, 255, 255;
    --compose-input-background-focused: #d4f1ff;
    --compose-input-background-focused-rgb: 212, 241, 255;
    --compose-input-border: #fff;
    --compose-input-border-rgb: 255, 255, 255;
    --compose-input-border-focused: #ccedfd;
    --compose-input-border-focused-rgb: 204, 237, 253;
    --compose-panel-background: #f0f0f0;
    --compose-panel-background-rgb: 240, 240, 240;
    --compose-panel-background-hover: #e6e6e6;
    --compose-panel-background-hover-rgb: 230, 230, 230;
    --compose-primary: #4a4a4a;
    --compose-primary-rgb: 74, 74, 74;
    --conversation-panel-background: #e5ddd5;
    --conversation-panel-background-rgb: 229, 221, 213;
    --conversation-panel-border: rgba(0, 0, 0, 0.03);
    --conversation-panel-border-rgb: 0, 0, 0;
    --danger: #df3333;
    --danger-rgb: 223, 51, 51;
    --drawer-background: #ededed;
    --drawer-background-rgb: 237, 237, 237;
    --drawer-background-deep: #ededed;
    --drawer-background-deep-rgb: 237, 237, 237;
    --drawer-gallery-background: #ededed;
    --drawer-gallery-background-rgb: 237, 237, 237;
    --drawer-gallery-background-active: #dadada;
    --drawer-gallery-background-active-rgb: 218, 218, 218;
    --drawer-gallery-background-hover: #e4e4e4;
    --drawer-gallery-background-hover-rgb: 228, 228, 228;
    --drawer-header-title: #fff;
    --drawer-header-title-rgb: 255, 255, 255;
    --drawer-section-background: #fff;
    --drawer-section-background-rgb: 255, 255, 255;
    --dropdown-background: #fff;
    --dropdown-background-rgb: 255, 255, 255;
    --dropdown-background-hover: #f5f5f5;
    --dropdown-background-hover-rgb: 245, 245, 245;
    --empty-state-background: #e6e6e6;
    --empty-state-background-rgb: 230, 230, 230;
    --empty-state-icon: #fff;
    --empty-state-icon-rgb: 255, 255, 255;
    --ephemeral-nux-bubble: #00bfa5;
    --ephemeral-nux-bubble-rgb: 0, 191, 165;
    --ephemeral-nux-timer: #00bfa5;
    --ephemeral-nux-timer-rgb: 0, 191, 165;
    --focus: #00a5f4;
    --focus-rgb: 0, 165, 244;
    --focus-animation: rgba(0, 165, 244, 0.22);
    --focus-animation-rgb: 0, 165, 244;
    --focus-animation-deeper: rgba(0, 165, 244, 0.3);
    --focus-animation-deeper-rgb: 0, 165, 244;
    --focus-lighter: rgba(0, 165, 244, 0.1);
    --focus-lighter-rgb: 0, 165, 244;
    --highlight: #009688;
    --highlight-rgb: 0, 150, 136;
    --icon: #919191;
    --icon-rgb: 145, 145, 145;
    --icon-ack: #4fc3f7;
    --icon-ack-rgb: 79, 195, 247;
    --icon-disabled: #c9c9c9;
    --icon-disabled-rgb: 201, 201, 201;
    --icon-fixed: #919191;
    --icon-fixed-rgb: 145, 145, 145;
    --icon-lighter: rgba(0, 0, 0, 0.3);
    --icon-lighter-rgb: 0, 0, 0;
    --icon-search-back: #33b7f6;
    --icon-search-back-rgb: 51, 183, 246;
    --icon-strong: #333;
    --icon-strong-rgb: 51, 51, 51;
    --incoming-background: #fff;
    --incoming-background-rgb: 255, 255, 255;
    --incoming-background-deeper: #f0f0f0;
    --incoming-background-deeper-rgb: 240, 240, 240;
    --incoming-background-highlight: #ccc;
    --incoming-background-highlight-rgb: 204, 204, 204;
    --incoming-primary: #989898;
    --incoming-primary-rgb: 152, 152, 152;
    --input-border-active: #00bfa5;
    --input-border-active-rgb: 0, 191, 165;
    --input-border: rgba(0, 0, 0, 0.15);
    --input-border-rgb: 0, 0, 0;
    --input-placeholder: #999;
    --input-placeholder-rgb: 153, 153, 153;
    --intro-background: #f8f9fa;
    --intro-background-rgb: 248, 249, 250;
    --intro-border: #4adf83;
    --intro-border-rgb: 74.14115, 222.85885, 130.83464;
    --intro-logo: rgba(78, 100, 112, 0.4);
    --intro-logo-rgb: 78, 100, 112;
    --intro-secondary: rgba(0, 0, 0, 0.45);
    --intro-secondary-rgb: 0, 0, 0;
    --inverse: #fff;
    --inverse-rgb: 255, 255, 255;
    --labels-icon: rgba(0, 0, 0, 0.4);
    --labels-icon-rgb: 0, 0, 0;
    --link: #039be5;
    --link-rgb: 3, 155, 229;
    --live-location-footer-background: hsla(0, 0%, 100%, 0.9);
    --live-location-footer-background-rgb: 255, 255, 255;
    --live-location-glow: rgba(37, 211, 102, 0.3);
    --live-location-glow-rgb: 37, 211, 102;
    --live-location-glow-stale: rgba(255, 0, 31, 0.3);
    --live-location-glow-stale-rgb: 255, 0, 31;
    --location-cluster-background: #fff;
    --location-cluster-background-rgb: 255, 255, 255;
    --media-editor-control: #1c313f;
    --media-editor-control-rgb: 28, 49, 63;
    --media-viewer-background: hsla(0, 0%, 100%, 0.96);
    --media-viewer-background-rgb: 255, 255, 255;
    --media-viewer-button-background: #ccc;
    --media-viewer-button-background-rgb: 204, 204, 204;
    --media-viewer-button-icon: #fff;
    --media-viewer-button-icon-rgb: 255, 255, 255;
    --media-inner-border: rgba(0, 0, 0, 0.1);
    --media-inner-border-rgb: 0, 0, 0;
    --menu-context-sticker-icon: rgba(48, 48, 48, 0.5);
    --menu-context-sticker-icon-rgb: 48, 48, 48;
    --menu-context-sticker-icon-inverse: #fff;
    --menu-context-sticker-icon-inverse-rgb: 255, 255, 255;
    --menu-tabs-list-active: #6cea91;
    --menu-tabs-list-active-rgb: 108.28579, 234.05421, 145.4638;
    --message-background-deep: rgba(0, 0, 0, 0.12);
    --message-background-deep-rgb: 0, 0, 0;
    --message-placeholder-icon: rgba(48, 48, 48, 0.3);
    --message-placeholder-icon-rgb: 48, 48, 48;
    --message-primary: #303030;
    --message-primary-rgb: 48, 48, 48;
    --message-selection-highlight: rgba(0, 150, 136, 0.08);
    --message-selection-highlight-rgb: 0, 150, 136;
    --modal-backdrop: hsla(0, 0%, 100%, 0.85);
    --modal-backdrop-rgb: 255, 255, 255;
    --modal-backdrop-solid: #ededed;
    --modal-backdrop-solid-rgb: 237, 237, 237;
    --modal-background: #fff;
    --modal-background-rgb: 255, 255, 255;
    --notification-biz-background: rgba(236, 250, 245, 0.95);
    --notification-biz-background-rgb: 236, 250, 245;
    --notification-biz-text: rgba(0, 0, 0, 0.96);
    --notification-biz-text-rgb: 0, 0, 0;
    --notification-e2e-background: rgba(255, 245, 196, 0.95);
    --notification-e2e-background-rgb: 255, 245, 196;
    --notification-e2e-icon: rgba(0, 0, 0, 0.45);
    --notification-e2e-icon-rgb: 0, 0, 0;
    --notification-e2e-text: rgba(0, 0, 0, 0.96);
    --notification-e2e-text-rgb: 0, 0, 0;
    --notification-text: rgba(0, 0, 0, 0.96);
    --notification-text-rgb: 0, 0, 0;
    --notification-info-icon: rgba(0, 0, 0, 0.45);
    --notification-info-icon-rgb: 0, 0, 0;
    --outgoing-background: #dcf8c6;
    --outgoing-background-rgb: 220, 248, 198;
    --outgoing-background-deeper: #cfe9ba;
    --outgoing-background-deeper-rgb: 207, 233, 186;
    --outgoing-background-highlight: #b3cba1;
    --outgoing-background-highlight-rgb: 179, 203, 161;
    --overlay: #000;
    --overlay-rgb: 0, 0, 0;
    --panel-background: #ededed;
    --panel-background-rgb: 237, 237, 237;
    --panel-background-active: #dadada;
    --panel-background-active-rgb: 218, 218, 218;
    --panel-background-colored: #00bfa5;
    --panel-background-colored-rgb: 0, 191, 165;
    --panel-background-colored-deeper: #009688;
    --panel-background-colored-deeper-rgb: 0, 150, 136;
    --panel-background-deep: #d9d9d9;
    --panel-background-deep-rgb: 217, 217, 217;
    --panel-background-deeper: #e6e6e6;
    --panel-background-deeper-rgb: 230, 230, 230;
    --panel-background-hover: #e4e4e4;
    --panel-background-hover-rgb: 228, 228, 228;
    --panel-background-lighter: #f7f7f7;
    --panel-background-lighter-rgb: 247, 247, 247;
    --panel-header-background: #ededed;
    --panel-header-background-rgb: 237, 237, 237;
    --panel-header-icon: #919191;
    --panel-header-icon-rgb: 145, 145, 145;
    --panel-input-background: #e6e6e6;
    --panel-input-background-rgb: 230, 230, 230;
    --panel-primary: rgba(0, 0, 0, 0.35);
    --panel-primary-rgb: 0, 0, 0;
    --payment-amount: #008c7f;
    --payment-amount-rgb: 0, 139.8, 126.752;
    --payment-status-failed: #f44336;
    --payment-status-failed-rgb: 244, 67, 54;
    --payment-status-processing: rgba(0, 0, 0, 0.45);
    --payment-status-processing-rgb: 0, 0, 0;
    --payment-status-success: #07bc4c;
    --payment-status-success-rgb: 7, 188, 76;
    --payment-status-waiting: rgba(0, 0, 0, 0.45);
    --payment-status-waiting-rgb: 0, 0, 0;
    --photopicker-overlay-background: hsla(0, 0%, 40%, 0.8);
    --photopicker-overlay-background-rgb: 102, 102, 102;
    --picker-background: #f0f0f0;
    --picker-background-rgb: 240, 240, 240;
    --popup-panel-background: rgba(0, 0, 0, 0.05);
    --popup-panel-background-rgb: 0, 0, 0;
    --primary: #4a4a4a;
    --primary-rgb: 74, 74, 74;
    --primary-strong: #000;
    --primary-strong-rgb: 0, 0, 0;
    --primary-stronger: #303030;
    --primary-stronger-rgb: 48, 48, 48;
    --primary-strongest: #000;
    --primary-strongest-rgb: 0, 0, 0;
    --primary-title: #525252;
    --primary-title-rgb: 81.65, 81.65, 81.65;
    --product-image-button-background: rgba(0, 0, 0, 0.35);
    --product-image-button-background-rgb: 0, 0, 0;
    --product-thumb-background: #ededed;
    --product-thumb-background-rgb: 237, 237, 237;
    --product-thumb-background-deeper: #d9d9d9;
    --product-thumb-background-deeper-rgb: 216.6, 216.6, 216.6;
    --progress-background: #e6e6e6;
    --progress-background-rgb: 230, 230, 230;
    --progress-primary: #00d9bb;
    --progress-primary-rgb: 0, 216.5, 187.0288;
    --ptt-blue: #4fc3f7;
    --ptt-blue-rgb: 79, 195, 247;
    --ptt-button-cancel: rgba(229, 57, 53, 0.8);
    --ptt-button-cancel-rgb: 229, 57, 53;
    --ptt-button-send: rgba(9, 210, 97, 0.8);
    --ptt-button-send-rgb: 9, 210, 97;
    --ptt-gray: rgba(48, 48, 48, 0.7);
    --ptt-gray-rgb: 48, 48, 48;
    --ptt-green: #09d261;
    --ptt-green-rgb: 9, 210, 97;
    --ptt-message-blue: #039be5;
    --ptt-message-blue-rgb: 3, 155, 229;
    --quick-action-button: #fff;
    --quick-action-button-rgb: 255, 255, 255;
    --quick-action-button-background: rgba(0, 0, 0, 0.14);
    --quick-action-button-background-rgb: 0, 0, 0;
    --rich-text-panel-background: #f0f0f0;
    --rich-text-panel-background-rgb: 240, 240, 240;
    --search-container-background: #f6f6f6;
    --search-container-background-rgb: 245.725, 245.725, 245.725;
    --search-input-background: #fff;
    --search-input-background-rgb: 255, 255, 255;
    --secondary: rgba(0, 0, 0, 0.6);
    --secondary-rgb: 0, 0, 0;
    --secondary-light: rgba(0, 0, 0, 0.25);
    --secondary-light-rgb: 0, 0, 0;
    --secondary-lighter: rgba(0, 0, 0, 0.45);
    --secondary-lighter-rgb: 0, 0, 0;
    --secondary-stronger: rgba(0, 0, 0, 0.8);
    --secondary-stronger-rgb: 0, 0, 0;
    --security-icon-background: #d3ede6;
    --security-icon-background-rgb: 211, 237, 230;
    --security-icon-lock: #1fc4b1;
    --security-icon-lock-rgb: 31, 196, 177;
    --security-icon-shield: #f0faf7;
    --security-icon-shield-rgb: 240, 250, 247;
    --shadow: #000;
    --shadow-rgb: 0, 0, 0;
    --shadow-light: rgba(0, 0, 0, 0.08);
    --shadow-light-rgb: 0, 0, 0;
    --spinner-default: #ccc;
    --spinner-default-rgb: 204, 204, 204;
    --spinner-highlight: rgba(7, 188, 76, 0.7);
    --spinner-highlight-rgb: 7, 188, 76;
    --spinner-incoming: #b3b3b3;
    --spinner-incoming-rgb: 179, 179, 179;
    --spinner-outgoing: #9aae8b;
    --spinner-outgoing-rgb: 154, 174, 139;
    --startup-background: #f0f0f0;
    --startup-background-rgb: 240, 240, 240;
    --startup-icon: #bfbfbf;
    --startup-icon-rgb: 191, 191, 191;
    --status-background: #000;
    --status-background-rgb: 0, 0, 0;
    --status-background-hover: #262626;
    --status-background-hover-rgb: 38, 38, 38;
    --status-primary: #fff;
    --status-primary-rgb: 255, 255, 255;
    --status-secondary: hsla(0, 0%, 100%, 0.55);
    --status-secondary-rgb: 255, 255, 255;
    --status-secondary-stronger: #b3b3b3;
    --status-secondary-stronger-rgb: 179, 179, 179;
    --success: #07bc4c;
    --success-rgb: 7, 188, 76;
    --suspicious-background: rgba(244, 67, 54, 0.8);
    --suspicious-background-rgb: 244, 67, 54;
    --system-message-background: rgba(225, 245, 254, 0.92);
    --system-message-background-rgb: 225, 245, 254;
    --system-message-text: rgba(0, 0, 0, 0.88);
    --system-message-text-rgb: 0, 0, 0;
    --teal-hover: #00ab97;
    --teal-hover-rgb: 0, 171, 151;
    --teal-pale: #5fb9b0;
    --teal-pale-rgb: 95, 185, 176;
    --thumb-border-active: #fff;
    --thumb-border-active-rgb: 255, 255, 255;
    --thumb-border-active-new-media-editor: #303030;
    --thumb-border-active-new-media-editor-rgb: 48, 48, 48;
    --thumb-border-viewer-active: #ccc;
    --thumb-border-viewer-active-rgb: 204, 204, 204;
    --toast-background: rgba(0, 0, 0, 0.82);
    --toast-background-rgb: 0, 0, 0;
    --tooltip-background: rgba(89, 89, 89, 0.85);
    --tooltip-background-rgb: 89.25, 89.25, 89.25;
    --typing: #07bc4c;
    --typing-rgb: 7, 188, 76;
    --unread-background: #fff;
    --unread-background-rgb: 255, 255, 255;
    --unread-bar-background: hsla(0, 0%, 100%, 0.25);
    --unread-bar-background-rgb: 255, 255, 255;
    --unread-marker-background: #06d755;
    --unread-marker-background-rgb: 5.71038, 214.78962, 85.41462;
    --unread-marker-text: #fff;
    --unread-marker-text-rgb: 255, 255, 255;
    --vcard-placeholder-background: rgba(0, 0, 0, 0.04);
    --vcard-placeholder-background-rgb: 0, 0, 0;
    --vcard-placeholder-background-deeper: rgba(0, 0, 0, 0.08);
    --vcard-placeholder-background-deeper-rgb: 0, 0, 0;
    --video-player-background: #000;
    --video-player-background-rgb: 0, 0, 0;
    --video-primary: #fff;
    --video-primary-rgb: 255, 255, 255;
    --voip-accept-background: #23c25d;
    --voip-accept-background-rgb: 35, 194, 93;
    --voip-background: #262626;
    --voip-background-rgb: 38, 38, 38;
    --voip-background-deep: #000;
    --voip-background-deep-rgb: 0, 0, 0;
    --voip-beta-tag-background: #9d9d9d;
    --voip-beta-tag-background-rgb: 157, 157, 157;
    --voip-beta-tag-font-color: #ebebeb;
    --voip-beta-tag-font-color-rgb: 235, 235, 235;
    --voip-controls-background: #2d2d2d;
    --voip-controls-background-rgb: 45, 45, 45;
    --voip-primary: #fff;
    --voip-primary-rgb: 255, 255, 255;
    --voip-alternative: #000;
    --voip-alternative-rgb: 0, 0, 0;
    --voip-reject-background: #ff3b30;
    --voip-reject-background-rgb: 255, 59, 48;
    --voip-disabled-background: #222;
    --voip-disabled-background-rgb: 34, 34, 34;
    --wallpaper-background: #e5ddd5;
    --wallpaper-background-rgb: 229, 221, 213;
    --wallpaper-thumb-border-active: #00a5f4;
    --wallpaper-thumb-border-active-rgb: 0, 165, 244;
    --wallpaper-thumb-border-hover: #fff;
    --wallpaper-thumb-border-hover-rgb: 255, 255, 255;
    --win32-title-primary: #fff;
    --win32-title-primary-rgb: 255, 255, 255
}

.color-1 {
    color: #35cd96 !important
}

.bg-color-1 {
    background-color: #35cd96 !important
}

.color-2 {
    color: #6bcbef !important
}

.bg-color-2 {
    background-color: #6bcbef !important
}

.color-3 {
    color: #e542a3 !important
}

.bg-color-3 {
    background-color: #e542a3 !important
}

.color-4 {
    color: #91ab01 !important
}

.bg-color-4 {
    background-color: #91ab01 !important
}

.color-5 {
    color: #ffa97a !important
}

.bg-color-5 {
    background-color: #ffa97a !important
}

.color-6 {
    color: #1f7aec !important
}

.bg-color-6 {
    background-color: #1f7aec !important
}

.color-7 {
    color: #dfb610 !important
}

.bg-color-7 {
    background-color: #dfb610 !important
}

.color-8 {
    color: #029d00 !important
}

.bg-color-8 {
    background-color: #029d00 !important
}

.color-9 {
    color: #8b7add !important
}

.bg-color-9 {
    background-color: #8b7add !important
}

.color-10 {
    color: #fe7c7f !important
}

.bg-color-10 {
    background-color: #fe7c7f !important
}

.color-11 {
    color: #ba33dc !important
}

.bg-color-11 {
    background-color: #ba33dc !important
}

.color-12 {
    color: #59d368 !important
}

.bg-color-12 {
    background-color: #59d368 !important
}

.color-13 {
    color: #b04632 !important
}

.bg-color-13 {
    background-color: #b04632 !important
}

.color-14 {
    color: #fd85d4 !important
}

.bg-color-14 {
    background-color: #fd85d4 !important
}

.color-15 {
    color: #8393ca !important
}

.bg-color-15 {
    background-color: #8393ca !important
}

.color-16 {
    color: #ff8f2c !important
}

.bg-color-16 {
    background-color: #ff8f2c !important
}

.color-17 {
    color: #3bdec3 !important
}

.bg-color-17 {
    background-color: #3bdec3 !important
}

.color-18 {
    color: #b4876e !important
}

.bg-color-18 {
    background-color: #b4876e !important
}

.color-19 {
    color: #c90379 !important
}

.bg-color-19 {
    background-color: #c90379 !important
}

.color-20 {
    color: #ef4b4f !important
}

.bg-color-20 {
    background-color: #ef4b4f !important
}

.dark {
    --active-tab-marker: #00af9c;
    --active-tab-marker-rgb: 0, 175, 156;
    --app-background: #090e11;
    --app-background-rgb: 9.3, 13.74, 16.7;
    --app-background-deeper: #090e11;
    --app-background-deeper-rgb: 9.3, 13.74, 16.7;
    --app-background-stripe: transparent;
    --app-background-stripe-rgb: 0, 0, 0;
    --attach-media-drop-border: rgba(241, 241, 242, 0.2);
    --attach-media-drop-border-rgb: 241, 241, 242;
    --attach-media-drop-overlay: rgba(56, 61, 63, 0.3);
    --attach-media-drop-overlay-rgb: 55.76, 60.6, 63.24;
    --audio-progress-incoming: #3cb362;
    --audio-progress-incoming-rgb: 60, 179, 98;
    --audio-progress-outgoing: #5f9899;
    --audio-progress-outgoing-rgb: 95, 152, 153;
    --audio-progress-played-incoming: #5ca0c2;
    --audio-progress-played-incoming-rgb: 92, 160, 194;
    --audio-progress-played-outgoing: #55aacb;
    --audio-progress-played-outgoing-rgb: 85, 170, 203;
    --audio-track-incoming: #3b4044;
    --audio-track-incoming-rgb: 59, 64, 68;
    --audio-track-outgoing: #1d6f70;
    --audio-track-outgoing-rgb: 29, 111, 112;
    --avatar-background: #131c21;
    --avatar-background-rgb: 18.6, 28.22, 33.4;
    --avatar-border: #a5aaad;
    --avatar-border-rgb: 165, 170, 173;
    --avatar-placeholder-background: #6e7377;
    --avatar-placeholder-background-rgb: 110, 115, 119;
    --avatar-placeholder-primary: #d6d7d9;
    --avatar-placeholder-primary-rgb: 214, 215, 217;
    --background-default: #131c21;
    --background-default-rgb: 18.6, 28.22, 33.4;
    --background-default-active: #323739;
    --background-default-active-rgb: 49.815, 54.58382, 57.185;
    --background-default-hover: #2d3134;
    --background-default-hover-rgb: 44.745, 49.27333, 52.155;
    --badge-border: #d4d5d7;
    --badge-border-rgb: 212, 213, 215;
    --badge-pending: #009688;
    --badge-pending-rgb: 0, 150, 136;
    --border-bubble: rgba(241, 241, 242, 0.12);
    --border-bubble-rgb: 241, 241, 242;
    --border-default: #242d32;
    --border-default-rgb: 36, 45, 50;
    --border-list: #30383d;
    --border-list-rgb: 48, 56, 61;
    --border-panel: #30373b;
    --border-panel-rgb: 48, 55, 59;
    --border-strong: #3b4347;
    --border-strong-rgb: 59, 67, 71;
    --border-stronger: rgba(241, 241, 242, 0.11);
    --border-stronger-rgb: 241, 241, 242;
    --bubble-meta: rgba(241, 241, 242, 0.63);
    --bubble-meta-rgb: 241, 241, 242;
    --bubble-meta-icon: rgba(241, 241, 242, 0.63);
    --bubble-meta-icon-rgb: 241, 241, 242;
    --butterbar-battery-background: #a7494c;
    --butterbar-battery-background-rgb: 167, 73, 76;
    --butterbar-battery-icon: #f5d6d7;
    --butterbar-battery-icon-rgb: 245, 214, 215;
    --butterbar-battery-primary: rgba(241, 241, 242, 0.96);
    --butterbar-battery-primary-rgb: 241, 241, 242;
    --butterbar-battery-secondary: rgba(241, 241, 242, 0.75);
    --butterbar-battery-secondary-rgb: 241, 241, 242;
    --butterbar-connection-background: #d7a53b;
    --butterbar-connection-background-rgb: 215, 165, 59;
    --butterbar-connection-primary: rgba(9, 14, 17, 0.96);
    --butterbar-connection-primary-rgb: 9.3, 13.74, 16.7;
    --butterbar-connection-secondary: rgba(9, 14, 17, 0.75);
    --butterbar-connection-secondary-rgb: 9.3, 13.74, 16.7;
    --butterbar-default-background: #085373;
    --butterbar-default-background-rgb: 8, 83, 115;
    --butterbar-icon: rgba(241, 241, 242, 0.8);
    --butterbar-icon-rgb: 241, 241, 242;
    --butterbar-notice-background: #2d383e;
    --butterbar-notice-background-rgb: 45, 56, 62;
    --butterbar-notice-circle: #384b55;
    --butterbar-notice-circle-rgb: 56, 75, 85;
    --butterbar-notice-icon: #7bb5ae;
    --butterbar-notice-icon-rgb: 123, 181, 174;
    --butterbar-notice-smb-background: #2d383e;
    --butterbar-notice-smb-background-rgb: 45, 56, 62;
    --butterbar-notice-smb-circle: #384b55;
    --butterbar-notice-smb-circle-rgb: 56, 75, 85;
    --butterbar-notice-smb-icon: #7bb5ae;
    --butterbar-notice-smb-icon-rgb: 123, 181, 174;
    --butterbar-notification-icon: #8eb2be;
    --butterbar-notification-icon-rgb: 142, 178, 190;
    --butterbar-primary: rgba(241, 241, 242, 0.96);
    --butterbar-primary-rgb: 241, 241, 242;
    --butterbar-secondary: rgba(241, 241, 242, 0.75);
    --butterbar-secondary-rgb: 241, 241, 242;
    --butterbar-update-background: #056162;
    --butterbar-update-background-rgb: 5, 97, 98;
    --butterbar-update-icon: #8eafaa;
    --butterbar-update-icon-rgb: 142, 175, 170;
    --button-alternative: #68bbe4;
    --button-alternative-rgb: 104, 187, 228;
    --button-alternative-background: #262d31;
    --button-alternative-background-rgb: 38, 45, 49;
    --button-background-disabled: #2a2f32;
    --button-background-disabled-rgb: 41.6, 47.46667, 50.4;
    --button-bubble: rgba(0, 175, 156, 0.7);
    --button-bubble-rgb: 0, 175, 156;
    --button-plain-background: #2f3437;
    --button-plain-background-rgb: 47.1, 51.86667, 54.9;
    --button-primary: #131c21;
    --button-primary-rgb: 18.6, 28.22, 33.4;
    --button-primary-background: #00af9c;
    --button-primary-background-rgb: 0, 175, 156;
    --button-primary-background-hover: #00c3ae;
    --button-primary-background-hover-rgb: 0, 195.4, 174.18514;
    --button-round-background: #00af9c;
    --button-round-background-rgb: 0, 175, 156;
    --button-secondary: #00af9c;
    --button-secondary-rgb: 0, 175, 156;
    --button-secondary-background: transparent;
    --button-secondary-background-rgb: 0, 0, 0;
    --button-secondary-background-hover: rgba(241, 241, 242, 0.05);
    --button-secondary-background-hover-rgb: 241, 241, 242;
    --button-secondary-hover: #00af9c;
    --button-secondary-hover-rgb: 0, 175, 156;
    --chat-marker: #999;
    --chat-marker-rgb: 153, 153, 153;
    --chat-marker-admin: #00af9c;
    --chat-marker-admin-rgb: 0, 175, 156;
    --chat-marker-admin-border: rgba(0, 175, 156, 0.7);
    --chat-marker-admin-border-rgb: 0, 175, 156;
    --chat-marker-border: hsla(0, 0%, 60%, 0.7);
    --chat-marker-border-rgb: 153, 153, 153;
    --chatlist-icon: rgba(241, 241, 242, 0.63);
    --chatlist-icon-rgb: 241, 241, 242;
    --checkbox-background: #00af9c;
    --checkbox-background-rgb: 0, 175, 156;
    --checkbox-mark: #131c21;
    --checkbox-mark-rgb: 18.6, 28.22, 33.4;
    --chevron-button-background: rgba(241, 241, 242, 0.35);
    --chevron-button-background-rgb: 241, 241, 242;
    --compose-input-background: #33383b;
    --compose-input-background-rgb: 51.22296, 56.04619, 58.67704;
    --compose-input-background-focused: #3f5560;
    --compose-input-background-focused-rgb: 63, 85, 96;
    --compose-input-border: #33383b;
    --compose-input-border-rgb: 51.22296, 56.04619, 58.67704;
    --compose-input-border-focused: #415a67;
    --compose-input-border-focused-rgb: 65, 90, 103;
    --compose-panel-background: #1e2428;
    --compose-panel-background-rgb: 29.591, 36.36026, 40.309;
    --compose-panel-background-hover: #151e23;
    --compose-panel-background-hover-rgb: 21, 30, 35;
    --compose-primary: #f1f1f2;
    --compose-primary-rgb: 241, 241, 242;
    --conversation-panel-background: #0d1418;
    --conversation-panel-background-rgb: 13.12731, 19.91681, 23.57269;
    --conversation-panel-border: rgba(241, 241, 242, 0.12);
    --conversation-panel-border-rgb: 241, 241, 242;
    --danger: #ef697a;
    --danger-rgb: 239, 105, 122;
    --drawer-background: #131c21;
    --drawer-background-rgb: 18.6, 28.22, 33.4;
    --drawer-background-deep: #0d1418;
    --drawer-background-deep-rgb: 13.12731, 19.91681, 23.57269;
    --drawer-gallery-background: #131c21;
    --drawer-gallery-background-rgb: 18.6, 28.22, 33.4;
    --drawer-gallery-background-active: #0d1418;
    --drawer-gallery-background-active-rgb: 13.12731, 19.91681, 23.57269;
    --drawer-gallery-background-hover: #0d1418;
    --drawer-gallery-background-hover-rgb: 13.12731, 19.91681, 23.57269;
    --drawer-header-title: #e1e1e3;
    --drawer-header-title-rgb: 225, 225, 227;
    --drawer-section-background: #131c21;
    --drawer-section-background-rgb: 18.6, 28.22, 33.4;
    --dropdown-background: #2a2f32;
    --dropdown-background-rgb: 41.6, 47.46667, 50.4;
    --dropdown-background-hover: #20272b;
    --dropdown-background-hover-rgb: 31.75, 39.01316, 43.25;
    --empty-state-background: #20272b;
    --empty-state-background-rgb: 31.75, 39.01316, 43.25;
    --empty-state-icon: #777c7f;
    --empty-state-icon-rgb: 119, 124, 127;
    --ephemeral-nux-bubble: #00bfa5;
    --ephemeral-nux-bubble-rgb: 0, 191, 165;
    --ephemeral-nux-timer: #00bfa5;
    --ephemeral-nux-timer-rgb: 0, 191, 165;
    --focus: #68bbe4;
    --focus-rgb: 104, 187, 228;
    --focus-animation: rgba(104, 187, 228, 0.26);
    --focus-animation-rgb: 104, 187, 228;
    --focus-animation-deeper: rgba(104, 187, 228, 0.32);
    --focus-animation-deeper-rgb: 104, 187, 228;
    --focus-lighter: rgba(104, 187, 228, 0.12);
    --focus-lighter-rgb: 104, 187, 228;
    --highlight: #00af9c;
    --highlight-rgb: 0, 175, 156;
    --icon: #828689;
    --icon-rgb: 130, 134, 137;
    --icon-ack: #34b7f1;
    --icon-ack-rgb: 52, 183, 241;
    --icon-disabled: #3f4549;
    --icon-disabled-rgb: 63, 69, 73;
    --icon-fixed: #828689;
    --icon-fixed-rgb: 130, 134, 137;
    --icon-lighter: rgba(241, 241, 242, 0.3);
    --icon-lighter-rgb: 241, 241, 242;
    --icon-search-back: #73787b;
    --icon-search-back-rgb: 115, 120, 123;
    --icon-strong: #c5c6c8;
    --icon-strong-rgb: 197, 198, 200;
    --incoming-background: #262d31;
    --incoming-background-rgb: 38.35, 44.85526, 48.65;
    --incoming-background-deeper: #20262a;
    --incoming-background-deeper-rgb: 32, 38, 42;
    --incoming-background-highlight: #ccc;
    --incoming-background-highlight-rgb: 204, 204, 204;
    --incoming-primary: #797c7e;
    --incoming-primary-rgb: 121, 124, 126;
    --input-border: rgba(241, 241, 242, 0.15);
    --input-border-rgb: 241, 241, 242;
    --input-border-active: #00af9c;
    --input-border-active-rgb: 0, 175, 156;
    --input-placeholder: rgba(241, 241, 242, 0.43);
    --input-placeholder-rgb: 241, 241, 242;
    --intro-background: #262d31;
    --intro-background-rgb: 38.35, 44.85526, 48.65;
    --intro-border: #056162;
    --intro-border-rgb: 5, 97, 98;
    --intro-logo: rgba(241, 241, 242, 0.26);
    --intro-logo-rgb: 241, 241, 242;
    --intro-secondary: #a6a8aa;
    --intro-secondary-rgb: 166, 168, 170;
    --inverse: #f1f1f2;
    --inverse-rgb: 241, 241, 242;
    --labels-icon: rgba(241, 241, 242, 0.4);
    --labels-icon-rgb: 241, 241, 242;
    --link: #68bbe4;
    --link-rgb: 104, 187, 228;
    --live-location-footer-background: rgba(19, 28, 33, 0.9);
    --live-location-footer-background-rgb: 18.6, 28.22, 33.4;
    --live-location-glow: rgba(37, 211, 102, 0.3);
    --live-location-glow-rgb: 37, 211, 102;
    --live-location-glow-stale: rgba(255, 0, 31, 0.3);
    --live-location-glow-stale-rgb: 255, 0, 31;
    --location-cluster-background: #131c21;
    --location-cluster-background-rgb: 18.6, 28.22, 33.4;
    --media-editor-control: #1c313f;
    --media-editor-control-rgb: 28, 49, 63;
    --media-inner-border: hsla(0, 0%, 100%, 0.1);
    --media-inner-border-rgb: 255, 255, 255;
    --media-viewer-background: rgba(19, 28, 33, 0.98);
    --media-viewer-background-rgb: 18.6, 28.22, 33.4;
    --media-viewer-button-background: #262d31;
    --media-viewer-button-background-rgb: 38.35, 44.85526, 48.65;
    --media-viewer-button-icon: #f1f1f2;
    --media-viewer-button-icon-rgb: 241, 241, 242;
    --menu-context-sticker-icon: rgba(241, 241, 242, 0.5);
    --menu-context-sticker-icon-rgb: 241, 241, 242;
    --menu-context-sticker-icon-inverse: rgba(48, 48, 48, 0.5);
    --menu-context-sticker-icon-inverse-rgb: 48, 48, 48;
    --menu-tabs-list-active: #00af9c;
    --menu-tabs-list-active-rgb: 0, 175, 156;
    --message-background-deep: rgba(9, 14, 17, 0.35);
    --message-background-deep-rgb: 9.3, 13.74, 16.7;
    --message-placeholder-icon: hsla(0, 0%, 80%, 0.3);
    --message-placeholder-icon-rgb: 204, 204, 204;
    --message-primary: rgba(241, 241, 242, 0.95);
    --message-primary-rgb: 241, 241, 242;
    --message-selection-highlight: rgba(241, 241, 242, 0.05);
    --message-selection-highlight-rgb: 241, 241, 242;
    --modal-backdrop: rgba(9, 14, 17, 0.85);
    --modal-backdrop-rgb: 9.3, 13.74, 16.7;
    --modal-backdrop-solid: #20272b;
    --modal-backdrop-solid-rgb: 31.75, 39.01316, 43.25;
    --modal-background: #3b4042;
    --modal-background-rgb: 59, 63.52941, 66;
    --notification-biz-background: #20272b;
    --notification-biz-background-rgb: 31.75, 39.01316, 43.25;
    --notification-biz-text: #55fad9;
    --notification-biz-text-rgb: 85, 250, 217;
    --notification-e2e-background: #20272b;
    --notification-e2e-background-rgb: 31.75, 39.01316, 43.25;
    --notification-e2e-icon: #fad964;
    --notification-e2e-icon-rgb: 250, 217, 100;
    --notification-e2e-text: #fad964;
    --notification-e2e-text-rgb: 250, 217, 100;
    --notification-info-icon: #55fad9;
    --notification-info-icon-rgb: 85, 250, 217;
    --notification-text: rgba(241, 241, 242, 0.4);
    --notification-text-rgb: 241, 241, 242;
    --outgoing-background: #056162;
    --outgoing-background-rgb: 5, 97, 98;
    --outgoing-background-deeper: #065051;
    --outgoing-background-deeper-rgb: 6, 80, 81;
    --outgoing-background-highlight: #ccc;
    --outgoing-background-highlight-rgb: 204, 204, 204;
    --overlay: #090e11;
    --overlay-rgb: 9.3, 13.74, 16.7;
    --panel-background: #20272b;
    --panel-background-rgb: 31.75, 39.01316, 43.25;
    --panel-background-active: #1e2529;
    --panel-background-active-rgb: 30, 37, 41;
    --panel-background-colored: #323739;
    --panel-background-colored-rgb: 49.815, 54.58382, 57.185;
    --panel-background-colored-deeper: #323739;
    --panel-background-colored-deeper-rgb: 49.815, 54.58382, 57.185;
    --panel-background-deep: #191f23;
    --panel-background-deep-rgb: 25, 31, 35;
    --panel-background-deeper: #1e2429;
    --panel-background-deeper-rgb: 30, 36, 41;
    --panel-background-hover: #1e2429;
    --panel-background-hover-rgb: 30, 36, 41;
    --panel-background-lighter: #1e2429;
    --panel-background-lighter-rgb: 30, 36, 41;
    --panel-header-background: #2a2f32;
    --panel-header-background-rgb: 41.6, 47.46667, 50.4;
    --panel-header-icon: #b1b3b5;
    --panel-header-icon-rgb: 177, 179, 181;
    --panel-input-background: #262d31;
    --panel-input-background-rgb: 38.35, 44.85526, 48.65;
    --panel-primary: rgba(241, 241, 242, 0.35);
    --panel-primary-rgb: 241, 241, 242;
    --payment-amount: #00a593;
    --payment-amount-rgb: 0, 164.8, 146.90743;
    --payment-status-failed: #ef697a;
    --payment-status-failed-rgb: 239, 105, 122;
    --payment-status-processing: rgba(241, 241, 242, 0.45);
    --payment-status-processing-rgb: 241, 241, 242;
    --payment-status-success: #40cf6c;
    --payment-status-success-rgb: 64, 207, 108;
    --payment-status-waiting: rgba(241, 241, 242, 0.45);
    --payment-status-waiting-rgb: 241, 241, 242;
    --photopicker-overlay-background: rgba(35, 43, 47, 0.8);
    --photopicker-overlay-background-rgb: 35, 43, 47;
    --picker-background: #2a2f32;
    --picker-background-rgb: 41.6, 47.46667, 50.4;
    --popup-panel-background: #131c21;
    --popup-panel-background-rgb: 18.6, 28.22, 33.4;
    --primary: #d4d5d7;
    --primary-rgb: 212, 213, 215;
    --primary-strong: rgba(241, 241, 242, 0.92);
    --primary-strong-rgb: 241, 241, 242;
    --primary-stronger: rgba(241, 241, 242, 0.88);
    --primary-stronger-rgb: 241, 241, 242;
    --primary-strongest: #fff;
    --primary-strongest-rgb: 255, 255, 255;
    --primary-title: rgba(241, 241, 242, 0.88);
    --primary-title-rgb: 241, 241, 242;
    --product-image-button-background: rgba(9, 14, 17, 0.35);
    --product-image-button-background-rgb: 9.3, 13.74, 16.7;
    --product-thumb-background: #20272b;
    --product-thumb-background-rgb: 31.75, 39.01316, 43.25;
    --product-thumb-background-deeper: #313c43;
    --product-thumb-background-deeper-rgb: 49.022, 60.23632, 66.778;
    --progress-background: #2a2f32;
    --progress-background-rgb: 41.6, 47.46667, 50.4;
    --progress-primary: #0c897c;
    --progress-primary-rgb: 12, 137, 124;
    --ptt-blue: #34b7f1;
    --ptt-blue-rgb: 52, 183, 241;
    --ptt-button-cancel: #ef697a;
    --ptt-button-cancel-rgb: 239, 105, 122;
    --ptt-button-send: #40cf6c;
    --ptt-button-send-rgb: 64, 207, 108;
    --ptt-gray: rgba(241, 241, 242, 0.4);
    --ptt-gray-rgb: 241, 241, 242;
    --ptt-green: #09d261;
    --ptt-green-rgb: 9, 210, 97;
    --ptt-message-blue: #68bbe4;
    --ptt-message-blue-rgb: 104, 187, 228;
    --quick-action-button: rgba(241, 241, 242, 0.5);
    --quick-action-button-rgb: 241, 241, 242;
    --quick-action-button-background: rgba(9, 14, 17, 0.6);
    --quick-action-button-background-rgb: 9.3, 13.74, 16.7;
    --rich-text-panel-background: #1e2428;
    --rich-text-panel-background-rgb: 29.591, 36.36026, 40.309;
    --search-container-background: #131c21;
    --search-container-background-rgb: 18.6, 28.22, 33.4;
    --search-input-background: #323739;
    --search-input-background-rgb: 49.815, 54.58382, 57.185;
    --secondary: rgba(241, 241, 242, 0.63);
    --secondary-rgb: 241, 241, 242;
    --secondary-light: rgba(241, 241, 242, 0.25);
    --secondary-light-rgb: 241, 241, 242;
    --secondary-lighter: rgba(241, 241, 242, 0.45);
    --secondary-lighter-rgb: 241, 241, 242;
    --secondary-stronger: rgba(241, 241, 242, 0.8);
    --secondary-stronger-rgb: 241, 241, 242;
    --security-icon-background: #d3ede6;
    --security-icon-background-rgb: 211, 237, 230;
    --security-icon-lock: #1fc4b1;
    --security-icon-lock-rgb: 31, 196, 177;
    --security-icon-shield: #f0faf7;
    --security-icon-shield-rgb: 240, 250, 247;
    --shadow: #000;
    --shadow-rgb: 0, 0, 0;
    --shadow-light: rgba(0, 0, 0, 0.08);
    --shadow-light-rgb: 0, 0, 0;
    --spinner-default: #75787a;
    --spinner-default-rgb: 117, 120, 122;
    --spinner-highlight: #00af9c;
    --spinner-highlight-rgb: 0, 175, 156;
    --spinner-incoming: #63686b;
    --spinner-incoming-rgb: 99, 104, 107;
    --spinner-outgoing: #4c8c8d;
    --spinner-outgoing-rgb: 76, 140, 141;
    --startup-background: #131c21;
    --startup-background-rgb: 18.6, 28.22, 33.4;
    --startup-icon: #6c7175;
    --startup-icon-rgb: 108, 113, 117;
    --status-background: #000;
    --status-background-rgb: 0, 0, 0;
    --status-background-hover: #242424;
    --status-background-hover-rgb: 36, 36, 36;
    --status-primary: #fff;
    --status-primary-rgb: 255, 255, 255;
    --status-secondary: hsla(0, 0%, 100%, 0.55);
    --status-secondary-rgb: 255, 255, 255;
    --status-secondary-stronger: #b3b3b3;
    --status-secondary-stronger-rgb: 179, 179, 179;
    --success: #00af9c;
    --success-rgb: 0, 175, 156;
    --suspicious-background: rgba(239, 105, 122, 0.8);
    --suspicious-background-rgb: 239, 105, 122;
    --system-message-background: #1e2a30;
    --system-message-background-rgb: 30, 42, 48;
    --system-message-text: rgba(241, 241, 242, 0.92);
    --system-message-text-rgb: 241, 241, 242;
    --teal-hover: #00b7a1;
    --teal-hover-rgb: 0, 183, 161;
    --teal-pale: #5fc8bc;
    --teal-pale-rgb: 95, 200, 188;
    --thumb-border-active: #75787a;
    --thumb-border-active-rgb: 117, 120, 122;
    --thumb-border-active-new-media-editor: #f1f1f2;
    --thumb-border-active-new-media-editor-rgb: 241, 241, 242;
    --thumb-border-viewer-active: #75787a;
    --thumb-border-viewer-active-rgb: 117, 120, 122;
    --toast-background: rgba(9, 14, 17, 0.96);
    --toast-background-rgb: 9.3, 13.74, 16.7;
    --tooltip-background: rgba(42, 46, 48, 0.85);
    --tooltip-background-rgb: 41.71478, 45.64271, 47.78522;
    --typing: #00af9c;
    --typing-rgb: 0, 175, 156;
    --unread-background: #20272b;
    --unread-background-rgb: 31.75, 39.01316, 43.25;
    --unread-bar-background: rgba(9, 14, 17, 0.6);
    --unread-bar-background-rgb: 9.3, 13.74, 16.7;
    --unread-marker-background: #00af9c;
    --unread-marker-background-rgb: 0, 175, 156;
    --unread-marker-text: #131c21;
    --unread-marker-text-rgb: 18.6, 28.22, 33.4;
    --vcard-placeholder-background: rgba(241, 241, 242, 0.04);
    --vcard-placeholder-background-rgb: 241, 241, 242;
    --vcard-placeholder-background-deeper: rgba(241, 241, 242, 0.12);
    --vcard-placeholder-background-deeper-rgb: 241, 241, 242;
    --video-player-background: #000;
    --video-player-background-rgb: 0, 0, 0;
    --video-primary: #fff;
    --video-primary-rgb: 255, 255, 255;
    --voip-accept-background: #23c25d;
    --voip-accept-background-rgb: 35, 194, 93;
    --voip-background: #262626;
    --voip-background-rgb: 38, 38, 38;
    --voip-background-deep: #000;
    --voip-background-deep-rgb: 0, 0, 0;
    --voip-beta-tag-background: #5f6264;
    --voip-beta-tag-background-rgb: 95, 98, 100;
    --voip-beta-tag-font-color: #252a2c;
    --voip-beta-tag-font-color-rgb: 37, 42, 44;
    --voip-controls-background: #2d2d2d;
    --voip-controls-background-rgb: 45, 45, 45;
    --voip-primary: #fff;
    --voip-primary-rgb: 255, 255, 255;
    --voip-alternative: #000;
    --voip-alternative-rgb: 0, 0, 0;
    --voip-reject-background: #ff3b30;
    --voip-reject-background-rgb: 255, 59, 48;
    --voip-disabled-background: #222;
    --voip-disabled-background-rgb: 34, 34, 34;
    --wallpaper-background: #0d1418;
    --wallpaper-background-rgb: 13.12731, 19.91681, 23.57269;
    --wallpaper-thumb-border-active: #75787a;
    --wallpaper-thumb-border-active-rgb: 117, 120, 122;
    --wallpaper-thumb-border-hover: #3b4042;
    --wallpaper-thumb-border-hover-rgb: 59, 63.52941, 66;
    --win32-title-primary: #fff;
    --win32-title-primary-rgb: 255, 255, 255
}

.dark .color-1 {
    color: #35cd96 !important
}

.dark .bg-color-1 {
    background-color: #35cd96 !important
}

.dark .color-2 {
    color: #6bcbef !important
}

.dark .bg-color-2 {
    background-color: #6bcbef !important
}

.dark .color-3 {
    color: #db5ec2 !important
}

.dark .bg-color-3 {
    background-color: #db5ec2 !important
}

.dark .color-4 {
    color: #91ab01 !important
}

.dark .bg-color-4 {
    background-color: #91ab01 !important
}

.dark .color-5 {
    color: #e69f73 !important
}

.dark .bg-color-5 {
    background-color: #e69f73 !important
}

.dark .color-6 {
    color: #6eadf5 !important
}

.dark .bg-color-6 {
    background-color: #6eadf5 !important
}

.dark .color-7 {
    color: #dfb610 !important
}

.dark .bg-color-7 {
    background-color: #dfb610 !important
}

.dark .color-8 {
    color: #00b33e !important
}

.dark .bg-color-8 {
    background-color: #00b33e !important
}

.dark .color-9 {
    color: #8b7add !important
}

.dark .bg-color-9 {
    background-color: #8b7add !important
}

.dark .color-10 {
    color: #e67072 !important
}

.dark .bg-color-10 {
    background-color: #e67072 !important
}

.dark .color-11 {
    color: #ba33dc !important
}

.dark .bg-color-11 {
    background-color: #ba33dc !important
}

.dark .color-12 {
    color: #72cc92 !important
}

.dark .bg-color-12 {
    background-color: #72cc92 !important
}

.dark .color-13 {
    color: #b04632 !important
}

.dark .bg-color-13 {
    background-color: #b04632 !important
}

.dark .color-14 {
    color: #fd85d4 !important
}

.dark .bg-color-14 {
    background-color: #fd85d4 !important
}

.dark .color-15 {
    color: #bd88eb !important
}

.dark .bg-color-15 {
    background-color: #bd88eb !important
}

.dark .color-16 {
    color: #e68200 !important
}

.dark .bg-color-16 {
    background-color: #e68200 !important
}

.dark .color-17 {
    color: #3bdec3 !important
}

.dark .bg-color-17 {
    background-color: #3bdec3 !important
}

.dark .color-18 {
    color: #c69478 !important
}

.dark .bg-color-18 {
    background-color: #c69478 !important
}

.dark .color-19 {
    color: #e36c91 !important
}

.dark .bg-color-19 {
    background-color: #e36c91 !important
}

.dark .color-20 {
    color: #e05e5e !important
}

.dark .bg-color-20 {
    background-color: #e05e5e !important
}

._30EVj {
    display: inline-block;
    line-height: normal;
    white-space: pre-wrap
}

._30EVj {
    margin-bottom: 5px
}

._30EVj + ._30EVj {
    margin-left: 4px
}

html[dir=rtl] ._30EVj + ._30EVj {
    margin-right: 4px
}

.IqPek, ._20rhf, .gMRg5, ._3mqax {
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    transition: box-shadow .18s ease-out, background .18s ease-out, color .18s ease-out
}

.IqPek, ._20rhf, .gMRg5, ._3mqax {
    padding: 10px 24px;
    border-radius: 3px
}

._30EVj:hover {
    box-shadow: 0 1px 1px 0 rgba(var(--shadow-rgb), .06), 0 2px 5px 0 rgba(var(--shadow-rgb), .2)
}

.keyboard-user ._30EVj:focus {
    outline: rgba(var(--focus-rgb), .5) solid 2px
}

.IqPek {
    color: var(--button-secondary)
}

.IqPek:hover {
    color: var(--button-secondary-hover)
}

.IqPek:hover {
    background-color: var(--button-secondary-background-hover)
}

._20rhf {
    color: var(--primary-strong)
}

._20rhf {
    background-color: var(--button-plain-background)
}

.gMRg5 {
    color: var(--button-primary)
}

.gMRg5 {
    background-color: var(--button-primary-background)
}

.gMRg5:hover {
    background-color: var(--button-primary-background-hover)
}

._3NpEq._30EVj, ._3NpEq._30EVj:hover {
    color: var(--secondary-lighter);
    pointer-events: none
}

._3NpEq._30EVj, ._3NpEq._30EVj:hover {
    box-shadow: none;
    cursor: default
}

._3NpEq.gMRg5, ._3NpEq.gMRg5:hover {
    background-color: var(--button-background-disabled)
}

._3xXZa {
    white-space: nowrap
}

._16MdC {
    color: var(--button-secondary);
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase
}

._16MdC {
    margin-bottom: 0;
    padding: 6px
}

.os-mac ._16MdC {
    font-weight: 300
}

._16MdC:hover {
    color: var(--button-secondary-hover)
}

._16MdC:hover {
    box-shadow: none
}

._3mqax {
    color: #f44336;
    text-transform: none
}

._3mqax {
    padding: 9px 23px;
    border: 2px solid #f44336
}

.nIxDr {
    padding-left: 6px
}

html[dir=rtl] .nIxDr {
    padding-right: 6px
}

._2jX3t {
    display: flex;
    min-width: 0;
    min-height: 0
}

.dWI29 {
    flex-direction: row
}

._3cDJl {
    flex-direction: column
}

._60UuS {
    flex-direction: row-reverse
}

._3YzhV {
    flex-direction: column-reverse
}

._3tRja {
    justify-content: flex-start
}

._2rbZG {
    justify-content: center
}

._16A_a {
    justify-content: flex-end
}

._2dkEC {
    justify-content: space-between
}

._3oYyO {
    justify-content: space-around
}

.tWUh3 {
    justify-content: space-evenly
}

._1GbxC {
    align-items: center
}

.LfLiB {
    align-items: flex-start
}

.-b4KF {
    align-items: flex-end
}

._1B8VQ {
    align-items: stretch
}

._2sT-1 {
    align-items: baseline
}

._1pJXi {
    flex-wrap: wrap
}

._16D-8 {
    flex-wrap: wrap-reverse
}

._2xUEC {
    flex: 0 1 auto;
    order: 0;
    min-width: 0;
    min-height: 0
}

._2XHG4 {
    align-self: auto
}

._3gxm1 {
    align-self: flex-start
}

.gZo_X {
    align-self: center
}

.ohC9y {
    align-self: flex-end
}

._2l6Y8 {
    align-self: stretch
}

._3nLE_ {
    position: absolute;
    z-index: 10000;
    max-width: 340px;
    overflow: hidden
}

._3nLE_ {
    padding: 9px 0;
    background-color: var(--dropdown-background);
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(var(--shadow-rgb), .26), 0 2px 10px 0 rgba(var(--shadow-rgb), .16)
}

._3nLE_ {
    text-align: left
}

html[dir=rtl] ._3nLE_ {
    text-align: right
}

._3aUCy {
    top: 44px
}

._3aUCy {
    right: 4px
}

html[dir=rtl] ._3aUCy {
    left: 4px
}

._3g-3H, ._2n3FI {
    position: absolute;
    z-index: 10000;
    overflow: visible
}

._3g-3H, ._2n3FI {
    margin-bottom: 12px;
    padding: 9px 14px;
    background-color: var(--picker-background);
    border-radius: 3px;
    box-shadow: 0 4px 20px 0 rgba(var(--shadow-rgb), .1), 0 8px 17px 0 rgba(var(--shadow-rgb), .16)
}

._3g-3H, ._2n3FI {
    text-align: left
}

html[dir=rtl] ._3g-3H, html[dir=rtl] ._2n3FI {
    text-align: right
}

._3g-3H {
    margin-left: -14px
}

._2n3FI {
    margin-left: -30px
}

._3g-3H ._1hhxx, ._2n3FI ._1hhxx {
    position: relative;
    z-index: 2;
    display: flex
}

._3g-3H .ZdoFc, ._2n3FI .ZdoFc {
    position: absolute;
    bottom: -7px;
    z-index: 1;
    width: 14px;
    height: 14px
}

._3g-3H .ZdoFc, ._2n3FI .ZdoFc {
    background-color: var(--picker-background)
}

._3g-3H .ZdoFc, ._2n3FI .ZdoFc {
    transform: rotate(45deg)
}

html[dir=rtl] ._3g-3H .ZdoFc, html[dir=rtl] ._2n3FI .ZdoFc {
    transform: rotate(-45deg)
}

._3g-3H .ZdoFc, ._2n3FI .ZdoFc {
    left: 22px
}

._3g-3H._2xQT4, ._2n3FI._2xQT4 {
    margin-right: -14px;
    margin-left: 0
}

._2n3FI._2xQT4 {
    margin-right: -30px
}

._3g-3H._2xQT4 .ZdoFc, ._2n3FI._2xQT4 .ZdoFc {
    right: 22px;
    left: auto
}

._2p-gP, ._2lpio, ._2NwMF {
    max-width: none;
    overflow: visible
}

._2p-gP, ._2lpio, ._2NwMF {
    margin-top: 12px;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 4px 20px 0 rgba(var(--shadow-rgb), .1), 0 8px 17px 0 rgba(var(--shadow-rgb), .16)
}

._2lpio {
    width: 388px;
    margin-left: -18px
}

._2NwMF {
    width: 410px
}

._2p-gP {
    width: 334px
}

._2lpio .ZdoFc, ._2NwMF .ZdoFc {
    position: absolute;
    top: -7px;
    z-index: -1;
    width: 14px;
    height: 14px
}

._2lpio .ZdoFc, ._2NwMF .ZdoFc {
    background-color: var(--rich-text-panel-background);
    box-shadow: 0 4px 20px 0 rgba(var(--shadow-rgb), .1), 0 8px 17px 0 rgba(var(--shadow-rgb), .16)
}

._2lpio .ZdoFc, ._2NwMF .ZdoFc {
    transform: rotate(45deg)
}

html[dir=rtl] ._2lpio .ZdoFc, html[dir=rtl] ._2NwMF .ZdoFc {
    transform: rotate(-45deg)
}

._2lpio .ZdoFc, ._2NwMF .ZdoFc {
    left: 22px
}

._2p-gP ._2xQT4, ._2lpio._2xQT4, ._2NwMF._2xQT4 {
    margin-right: -18px;
    margin-left: 0
}

._2lpio._2xQT4 .ZdoFc, ._2NwMF._2xQT4 .ZdoFc {
    right: 22px;
    left: auto
}

._2p-gP._3mDZg, ._2lpio._3mDZg, ._2NwMF._3mDZg {
    margin-top: auto;
    margin-bottom: 12px
}

._2lpio._3mDZg .ZdoFc, ._2NwMF._3mDZg .ZdoFc {
    top: auto;
    bottom: -7px;
    background-color: var(--rich-text-panel-background)
}

.zUMWU {
    width: 300px;
    max-width: none;
    overflow: visible
}

.zUMWU {
    margin-top: 12px;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 4px 20px 0 rgba(var(--shadow-rgb), .1), 0 8px 17px 0 rgba(var(--shadow-rgb), .16)
}

.zUMWU {
    margin-left: -18px
}

.zUMWU .ZdoFc {
    position: absolute;
    top: -7px;
    z-index: -1;
    width: 14px;
    height: 14px
}

.zUMWU .ZdoFc {
    background-color: var(--dropdown-background);
    box-shadow: 0 4px 20px 0 rgba(var(--shadow-rgb), .1), 0 8px 17px 0 rgba(var(--shadow-rgb), .16)
}

.zUMWU .ZdoFc {
    transform: rotate(45deg)
}

html[dir=rtl] .zUMWU .ZdoFc {
    transform: rotate(-45deg)
}

.zUMWU .ZdoFc {
    left: 22px
}

.zUMWU._2xQT4 {
    margin-right: -18px;
    margin-left: 0
}

.zUMWU._2xQT4 .ZdoFc {
    right: 22px;
    left: auto
}

.zUMWU._3mDZg {
    margin-top: auto;
    margin-bottom: 12px
}

.zUMWU._3mDZg .ZdoFc {
    top: auto;
    bottom: -7px
}

._2c4Sf {
    position: absolute;
    bottom: 0;
    z-index: 1000;
    box-sizing: initial;
    width: 51px;
    pointer-events: all
}

._2c4Sf {
    padding: 0 10px 7px;
    cursor: default
}

._2c4Sf ._1hhxx {
    display: flex;
    flex-direction: column-reverse
}

._3bA0V {
    position: relative;
    display: flex;
    justify-content: center
}

._3bA0V {
    padding: 72px 60px;
    background-color: rgba(var(--black-rgb), .025)
}

@media screen and (max-width: 780px) {
    ._3bA0V {
        padding: 0
    }
}

._3eHDf {
    position: relative;
    flex: none
}

._3eHDf, .Xqn5L, ._3tdru {
    width: 560px;
    height: 314px
}

@media screen and (max-width: 780px) {
    ._3eHDf {
        width: 100%;
        height: 0
    }

    ._3eHDf {
        padding-bottom: 56.07143%
    }

    .Xqn5L, ._3tdru {
        width: 100%;
        height: auto
    }
}

.Xqn5L {
    z-index: 1;
    display: block
}

._3tdru {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10
}

._3tdru {
    background-size: 560px 314px
}

._3tdru, html[dir=rtl] ._3tdru {
    right: 0;
    left: 0
}

._1LGm0 {
    visibility: hidden
}

.hlWTw {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center
}

.hlWTw, html[dir=rtl] .hlWTw {
    right: 0;
    left: 0
}

.qzjMT {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    overflow: hidden;
    color: var(--inverse)
}

.qzjMT {
    background-color: rgba(var(--overlay-rgb), .45);
    border-radius: 50%
}

.YGr4D {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top
}

._38iEl {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

._3s3u8 {
    display: flex;
    justify-content: center
}

._3s3u8 {
    margin: 30px
}

._3m75J {
    position: absolute;
    bottom: 0;
    z-index: 900;
    min-height: 24px;
    line-height: 24px
}

._3m75J {
    margin: 16px
}

.oTLKF {
    opacity: 1;
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), transform .3s cubic-bezier(.1, .82, .25, 1)
}

.oTLKF {
    transform: translateY(0)
}

.hxd_3 {
    opacity: 1;
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), transform .3s cubic-bezier(.1, .82, .25, 1)
}

.hxd_3 {
    transform: translateY(-120%)
}

.CXrxu {
    opacity: 1;
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), transform .3s cubic-bezier(.1, .82, .25, 1)
}

.CXrxu {
    transform: translateY(-240%)
}

._1p59i {
    opacity: 0;
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), transform .3s cubic-bezier(.1, .82, .25, 1)
}

._1p59i {
    transform: translateY(-360%)
}

.landing-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 2
}

.landing-wrapper {
    cursor: default;
    padding-bottom: 92px
}

.landing-wrapper:before {
    content: "";
    height: 222px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.landing-wrapper:before {
    background-color: #00bfa5
}

.landing-wrapper:before {
    left: 0
}

html[dir=rtl] .landing-wrapper:before {
    right: 0
}

.landing-window {
    display: flex;
    flex-direction: column;
    flex: none;
    max-width: 1050px;
    overflow: hidden;
    z-index: 2
}

.landing-window {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 17px 50px 0 rgba(0, 0, 0, .19), 0 12px 15px 0 rgba(0, 0, 0, .24)
}

.landing-window, html[dir=rtl] .landing-window {
    margin-left: auto;
    margin-right: auto
}

.landing-main {
    position: relative
}

.landing-main {
    padding: 64px 60px 110px
}

.landing-header {
    align-items: center;
    display: flex;
    flex: none;
    justify-content: flex-start;
    min-height: 39px;
    width: 1050px
}

.landing-header {
    margin: 27px auto 28px
}

.landing-headerTitle {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: middle
}

.landing-headerTitle {
    margin-left: 14px
}

html[dir=rtl] .landing-headerTitle {
    margin-right: 14px
}

.edge-fix .landing-headerTitle {
    font-weight: 600
}

.landing-icon {
    display: inline-block;
    vertical-align: middle
}

.landing-logo {
    display: block;
    height: 39px;
    width: 39px
}

.landing-title {
    color: #525252;
    font-size: 28px;
    font-weight: 300;
    line-height: normal
}

@media screen and (min-height: 760px) and (min-width: 1095px) {
    .landing-header {
        margin-bottom: 66px
    }
}

@media screen and (min-height: 760px) and (min-width: 780px) and (max-width: 1095px) {
    .landing-header {
        margin-bottom: 68px
    }
}

@media screen and (max-width: 1095px) {
    .landing-header {
        width: 100%
    }

    .landing-wrapper {
        box-sizing: border-box
    }

    .landing-wrapper, html[dir=rtl] .landing-wrapper {
        padding-left: 36px;
        padding-right: 36px
    }

    .landing-main {
        padding: 58px 52px 110px
    }
}

@media screen and (max-width: 960px) {
    .landing-wrapper {
        position: relative
    }

    .headline {
        font-size: 26px
    }

    .listItem {
        font-size: 16px;
        line-height: 25px
    }
}

@media screen and (max-width: 900px) {
    .headline {
        margin-bottom: 36px
    }
}

@media screen and (max-width: 780px) {
    .landing-window {
        width: 100%
    }

    .landing-main {
        padding-bottom: 82px
    }

    .text {
        flex: none;
        order: 1;
        width: 100%
    }

    .hint {
        bottom: unset;
        font-size: unset;
        order: 2;
        position: relative;
        width: 100%
    }

    .hint {
        margin-bottom: 52px;
        margin-top: 28px
    }

    .hint {
        left: unset
    }

    html[dir=rtl] .hint {
        right: unset
    }

    .qr {
        order: 3
    }

    .qr, html[dir=rtl] .qr {
        margin-left: auto;
        margin-right: auto
    }

    .toggle {
        bottom: unset;
        order: 4;
        position: relative;
        width: 100%
    }

    .toggle {
        margin-top: 28px
    }

    .toggle {
        right: unset
    }

    html[dir=rtl] .toggle {
        left: unset
    }

    .headline {
        margin-bottom: 28px
    }
}

@media screen and (max-width: 660px) {
    .landing-wrapper {
        min-width: 520px;
        position: relative
    }

    .landing-wrapper {
        padding: 0
    }

    .landing-header {
        box-sizing: border-box
    }

    .landing-header, html[dir=rtl] .landing-header {
        padding-left: 36px;
        padding-right: 36px
    }

    .landing-window {
        border-radius: 0
    }

    .landing-main {
        padding: 36px 36px 72px
    }
}

html[dir=rtl] .landing-headerTitle {
    margin-left: 0;
    margin-right: 14px
}

._1G1FQ {
    display: flex;
    flex-grow: 1;
    align-items: flex-start
}

@media screen and (max-width: 780px) {
    ._1G1FQ {
        flex-flow: column wrap
    }
}

.ZwtfF {
    flex: none;
    max-width: 556px
}

._3l6Cf {
    position: relative
}

._3l6Cf {
    margin-left: 60px
}

html[dir=rtl] ._3l6Cf {
    margin-right: 60px
}

._1WKYb {
    margin-bottom: 52px
}

._1155t {
    list-style-type: decimal
}

._1155t {
    margin: 0
}

._1155t {
    padding: 0 0 0 24px
}

html[dir=rtl] ._1155t {
    padding: 0 24px 0 0
}

._38sqg {
    color: var(--gray-700);
    font-size: 18px;
    line-height: 28px
}

._38sqg strong {
    display: inline-block;
    font-weight: 500;
    line-height: 24px
}

.edge-fix ._38sqg strong {
    font-weight: 600
}

._38sqg + ._38sqg {
    margin-top: 18px
}

._3DgtU {
    position: absolute;
    bottom: 66px;
    color: var(--teal);
    font-size: 14px;
    line-height: 1
}

._3DgtU {
    left: 60px
}

html[dir=rtl] ._3DgtU {
    right: 60px
}

._1iKcN {
    position: absolute;
    bottom: 66px;
    width: 264px;
    color: rgba(var(--black-rgb), .45);
    font-size: 14px;
    line-height: 1
}

._1iKcN {
    text-align: center
}

._1iKcN {
    right: 60px
}

html[dir=rtl] ._1iKcN {
    left: 60px
}

._1iKcN input {
    vertical-align: middle
}

._1iKcN input {
    margin-right: 6px
}

html[dir=rtl] ._1iKcN input {
    margin-left: 6px
}

@media screen and (max-width: 1095px) {
    .ZwtfF {
        flex: 1 1 auto;
        max-width: 100%
    }
}

@media screen and (max-width: 960px) {
    ._1WKYb {
        font-size: 26px
    }

    ._38sqg {
        font-size: 16px;
        line-height: 25px
    }
}

@media screen and (max-width: 900px) {
    ._1WKYb {
        margin-bottom: 36px
    }
}

@media screen and (max-width: 780px) {
    .ZwtfF {
        flex: none;
        order: 1;
        width: 100%
    }

    ._3DgtU {
        position: relative;
        bottom: unset;
        order: 2;
        width: 100%;
        font-size: unset
    }

    ._3DgtU {
        margin-top: 28px;
        margin-bottom: 52px
    }

    ._3DgtU {
        left: unset
    }

    html[dir=rtl] ._3DgtU {
        right: unset
    }

    ._3l6Cf {
        order: 3
    }

    ._3l6Cf, html[dir=rtl] ._3l6Cf {
        margin-right: auto;
        margin-left: auto
    }

    ._1iKcN {
        position: relative;
        bottom: unset;
        order: 4;
        width: 100%
    }

    ._1iKcN {
        margin-top: 28px
    }

    ._1iKcN {
        right: unset
    }

    html[dir=rtl] ._1iKcN {
        left: unset
    }

    ._1WKYb {
        margin-bottom: 28px
    }
}

@media screen and (max-width: 660px) {
    ._1WKYb {
        font-size: 24px;
        line-height: 1
    }

    ._38sqg {
        font-size: 16px;
        line-height: 24px
    }

    ._38sqg + ._38sqg {
        margin-top: 17px
    }

    ._3DgtU {
        font-size: 13px;
        line-height: 1
    }
}

._1jxi5 {
    box-sizing: border-box;
    color: var(--inverse);
    font-size: 14px;
    line-height: normal
}

._1jxi5 {
    padding: 10px 15px;
    background-color: var(--blue-light);
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(var(--shadow-rgb), .15)
}

._1jxi5 {
    text-align: left
}

html[dir=rtl] ._1jxi5 {
    text-align: right
}

._1jxi5:before {
    position: absolute;
    top: -8px;
    display: block;
    width: 0;
    height: 0;
    content: ""
}

._1jxi5:before {
    border-bottom: 8px solid var(--blue-light)
}

._1jxi5:before {
    left: 14px
}

._1jxi5:before, html[dir=rtl] ._1jxi5:before {
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

html[dir=rtl] ._1jxi5:before {
    right: 14px
}

.pLj1U {
    position: absolute;
    top: 100%;
    display: inline-block;
    min-width: 250px
}

.pLj1U {
    margin-top: 10px
}

.pLj1U {
    left: auto;
    margin-left: -16px
}

html[dir=rtl] .pLj1U {
    right: auto;
    margin-right: -16px
}

._36sC3 {
    overflow-wrap: break-word;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

._1yHR2 {
    position: relative;
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 264px;
    height: 264px;
    overflow: hidden
}

._1yHR2 {
    border-radius: 2px
}

._1yHR2 canvas, ._1yHR2 img {
    max-width: 264px
}

._1yHR2 ._1PTz1 {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 64px;
    height: 64px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

._1yHR2 ._1PTz1 {
    margin-top: -32px
}

._1yHR2 ._1PTz1 {
    left: 50%;
    margin-left: -32px
}

html[dir=rtl] ._1yHR2 ._1PTz1 {
    right: 50%;
    margin-right: -32px
}

._1yHR2 ._1PTz1, ._1yHR2 canvas, ._1yHR2 img {
    opacity: 1;
    transition: opacity .5s cubic-bezier(.1, .82, .25, 1)
}

._1yHR2.UlvkP ._1PTz1, ._1yHR2.UlvkP canvas, ._1yHR2.UlvkP img {
    opacity: .04
}

.n9gYh {
    position: absolute;
    top: 50%;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: initial;
    width: 140px;
    height: 200px;
    color: var(--inverse);
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase
}

.n9gYh {
    margin-top: -100px;
    padding: 0 30px;
    text-align: center;
    background-color: var(--teal-pale);
    border-radius: 50%
}

.n9gYh {
    left: 50%;
    margin-left: -100px
}

html[dir=rtl] .n9gYh {
    right: 50%;
    margin-right: -100px
}

._17UUr {
    flex: none;
    color: rgba(var(--inverse), .9)
}

._17UUr {
    margin: 5px 0 15px
}

._2_dbe {
    position: absolute;
    bottom: 100%;
    width: 500px;
    overflow: visible
}

._2_dbe {
    margin-bottom: 10px;
    text-align: center
}

._2_dbe {
    left: 50%;
    margin-left: -250px
}

html[dir=rtl] ._2_dbe {
    right: 50%;
    margin-right: -250px
}

._2_dbe ._1jxi5 {
    position: relative;
    display: inline-block;
    max-width: 480px
}

._2_dbe ._1jxi5 {
    text-align: center
}

._2_dbe ._1jxi5:before {
    top: auto;
    bottom: -8px
}

._2_dbe ._1jxi5:before {
    transform: scaleY(-1)
}

._2_dbe ._1jxi5:before {
    left: 50%;
    margin-left: -8px
}

html[dir=rtl] ._2_dbe ._1jxi5:before {
    right: 50%;
    margin-right: -8px
}

._2ezGC {
    display: inline-block;
    vertical-align: top
}

._3kxXi {
    display: block
}

._3kxXi {
    transform: scaleX(-1)
}

._3dLfH {
    display: inline-block;
    vertical-align: top
}

.eemKb path {
    fill: var(--inverse);
    fill-opacity: 1
}

.VEmYY path {
    fill: var(--primary-strong);
    fill-opacity: 1
}

html, body, #app {
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#app {
    position: absolute;
    top: 0;
    left: 0;
}

#startup, #initial_startup {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #f0f0f0;

    -moz-user-select: none;
    -webkit-user-select: none;

    display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.spinner-container {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
}

.spinner-path {
    stroke-dasharray: 1, 150; /* 1%, 101% circumference */
    stroke-dashoffset: 0;
    stroke: #acb9bf;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150; /* 1%, 101% circumference */
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150; /* 70%, 101% circumference */
        stroke-dashoffset: -35; /* 25% circumference */
    }
    100% {
        stroke-dasharray: 90, 150; /* 70%, 101% circumference */
        stroke-dashoffset: -124; /* -99% circumference */
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150; /* 1%, 101% circumference */
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150; /* 70%, 101% circumference */
        stroke-dashoffset: -35; /* 25% circumference */
    }
    100% {
        stroke-dasharray: 90, 150; /* 70%, 101% circumference */
        stroke-dashoffset: -124; /* -99% circumference */
    }
}

.progress-container {
    width: 360px;
    position: fixed;
    padding-top: 120px;
    top: 50%;
    left: 50%;
    margin-left: -180px;
}

progress {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 3px;
    border: none;
    margin: 0;
    color: #00d9bb;
    background-color: #e6e6e6;
}

progress[value]::-webkit-progress-bar {
    background-color: #e6e6e6;
}

progress[value]::-webkit-progress-value {
    background-color: #00d9bb;
    transition: width 0.45s ease;
}

progress[value]::-moz-progress-bar {
    background-color: #00d9bb;
    transition: width 0.45s ease;
}

._3euH5 {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: center
}

._3euH5 {
    padding-top: 30px
}

._3euH5 {
    padding-right: 30px;
    padding-left: 15px
}

html[dir=rtl] ._3euH5 {
    padding-left: 30px;
    padding-right: 15px
}

._2RPkW {
    display: inline;
    vertical-align: middle
}

._2RPkW {
    margin-left: 6px
}

html[dir=rtl] ._2RPkW {
    margin-right: 6px
}

._1WC91 {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: center
}

._1WC91 {
    padding-top: 30px
}

._1WC91 {
    padding-right: 30px;
    padding-left: 15px
}

html[dir=rtl] ._1WC91 {
    padding-left: 30px;
    padding-right: 15px
}

._2rFYl {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 82px;
    height: 82px
}

._2rFYl {
    margin-bottom: 15px;
    text-align: center;
    border: 4px solid transparent
}

._2rFYl {
    float: left;
    margin-left: 15px
}

html[dir=rtl] ._2rFYl {
    float: right;
    margin-right: 15px
}

._mtbd {
    max-height: 72px;
    overflow: hidden;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis
}

._mtbd {
    margin: 0 3px
}

._2U_Ng {
    width: 82px;
    height: 0
}

._2U_Ng {
    margin-left: 15px
}

html[dir=rtl] ._2U_Ng {
    margin-right: 15px
}

.U45SQ {
    border: 4px solid var(--wallpaper-thumb-border-hover);
    cursor: pointer
}

._2ILMM {
    position: relative
}

._2ILMM {
    box-shadow: inset 0 0 15px var(--shadow-light)
}

._2ILMM:after {
    position: absolute;
    top: -4px;
    z-index: 1;
    display: block;
    box-sizing: border-box;
    width: 82px;
    height: 82px;
    content: ""
}

._2ILMM:after {
    border: 4px solid var(--wallpaper-thumb-border-active)
}

._2ILMM:after {
    left: -4px
}

html[dir=rtl] ._2ILMM:after {
    right: -4px
}

._2ILMM .U45SQ {
    border: none
}

._1wlMU {
    background-color: var(--wallpaper-background)
}

._3ZCHZ {
    display: block;
    height: 18px
}

._3ZCHZ {
    padding: 6px 0;
    cursor: pointer
}

._1mRZq {
    margin-right: 6px
}

html[dir=rtl] ._1mRZq {
    margin-left: 6px
}

._1zUIu {
    flex: none
}

._1zUIu + ._2Ng6E {
    margin-top: 8px
}

._2Ng6E {
    flex: none;
    overflow: hidden
}

._2Ng6E {
    padding-bottom: 8px
}

._3QmX_ {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px
}

._3QmX_ {
    margin-bottom: 7px
}

._3QmX_ .emoji {
    vertical-align: -5px
}

._3Tiru {
    display: flex;
    flex-grow: 0 1 auto;
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._36C61 {
    flex: 1 0 auto;
    color: var(--secondary-lighter);
    font-size: 12px;
    line-height: 14px;
    vertical-align: initial
}

._36C61 {
    margin-left: 6px;
    text-align: right
}

html[dir=rtl] ._36C61 {
    margin-right: 6px;
    text-align: left
}

._2s9OA {
    flex: 0 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._2s9OA {
    margin-left: 3px
}

html[dir=rtl] ._2s9OA {
    margin-right: 3px
}

.BsZoR {
    position: relative;
    flex: none;
    width: 8px
}

.BsZoR:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: var(--secondary-lighter);
    font-size: 12px;
    line-height: 26px;
    content: "\25B8"
}

.BsZoR:before {
    left: 0
}

html[dir=rtl] .BsZoR:before {
    right: 0
}

._1TbWB {
    flex: none;
    color: rgba(var(--icon-fixed-rgb), .7)
}

._1TbWB {
    margin-top: -1px
}

._1TbWB {
    margin-left: 6px
}

html[dir=rtl] ._1TbWB {
    margin-right: 6px
}

html[dir=rtl] .BsZoR {
    transform: scaleX(-1)
}

._2nziO {
    flex: none
}

._2nziO {
    margin-right: 6px
}

html[dir=rtl] ._2nziO {
    margin-left: 6px
}

._28Cpf {
    flex: 0 1 auto
}

._28Cpf {
    margin-right: 3px
}

html[dir=rtl] ._28Cpf {
    margin-left: 3px
}

._1hI5g {
    position: relative;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._1XH7x {
    display: inline-block
}

._1Oy25 {
    display: block;
    width: 100%
}

._3cwQ7 {
    cursor: pointer
}

._3cwQ7:hover {
    text-decoration: underline
}

._1wCTk {
    white-space: pre-line
}

._3Tk1z {
    color: var(--primary-strong);
    font-size: 17px;
    line-height: 21px
}

.textsize-xxlarge ._3Tk1z {
    font-size: 17.5px;
    line-height: 27px
}

.textsize-xlarge ._3Tk1z {
    font-size: 17px;
    line-height: 25px
}

.textsize-large ._3Tk1z {
    font-size: 16.5px;
    line-height: 23px
}

.textsize-small ._3Tk1z {
    font-size: 15.5px;
    line-height: 19px
}

.textsize-xsmall ._3Tk1z {
    font-size: 15px;
    line-height: 17px
}

.textsize-xxsmall ._3Tk1z {
    font-size: 14.5px;
    line-height: 15px
}

.os-mac ._3Tk1z {
    font-size: 16px
}

._3ZYWe {
    color: var(--primary-strong);
    font-size: 19px;
    line-height: 28px
}

._2Phw8 {
    color: var(--secondary-lighter);
    font-size: 14px;
    line-height: 20px
}

._1fPA0 {
    color: var(--teal);
    font-size: 14px;
    line-height: normal
}

.cfOIi {
    color: var(--teal);
    font-size: 16px;
    line-height: normal
}

.dPvdk {
    color: var(--secondary)
}

._13D7V, .dPvdk {
    font-size: 13px;
    line-height: 20px
}

._13D7V {
    color: var(--secondary-lighter)
}

._4NnSi {
    font-size: 14px;
    line-height: 20px
}

._1WmI4 {
    color: var(--danger)
}

._2GOq- {
    color: var(--success)
}

._3OStv {
    color: var(--primary-strong)
}

._32QJG {
    font-weight: 400;
    font-size: 20px
}

._3PgT- {
    font-weight: 300
}

._27rts {
    font-weight: 400
}

._1Won6 {
    font-weight: 500
}

._25DeY {
    font-weight: 600
}

.pWS_g {
    font-weight: 700
}

._3Ceb0 {
    z-index: 200;
    display: flex;
    flex: none;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    height: 108px;
    color: var(--drawer-header-title)
}

._3Ceb0 {
    background-color: var(--panel-background-colored)
}

._3Ceb0 {
    padding-right: 20px;
    padding-left: 23px
}

html[dir=rtl] ._3Ceb0 {
    padding-left: 20px;
    padding-right: 23px
}

._1DmXq {
    display: flex;
    flex: none;
    align-items: center;
    width: 100%
}

._1DmXq {
    text-align: initial
}

._2qOtp {
    flex-grow: 1;
    overflow: hidden;
    font-size: 19px;
    line-height: normal;
    white-space: nowrap;
    text-overflow: ellipsis
}

._2qOtp {
    margin-top: -3px
}

.os-mac ._2qOtp {
    margin-top: -1px
}

.ZA4zk {
    display: flex;
    flex: none;
    align-items: center
}

.ZA4zk {
    margin-left: 4px
}

html[dir=rtl] .ZA4zk {
    margin-right: 4px
}

._1K7Z6 {
    flex: none
}

._3Ceb0 ._1DmXq {
    height: 59px
}

._3Ceb0 ._1DmXq {
    padding: 0;
    background-color: initial
}

._3Ceb0 ._2qOtp {
    font-weight: 500
}

.os-mac ._3Ceb0 ._2qOtp {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.edge-fix ._3Ceb0 ._2qOtp {
    font-weight: 600
}

._3Ceb0 ._1K7Z6 {
    width: 53px
}

._3J0ww._3Ceb0 {
    height: 59px
}

._3tpsN {
    display: flex;
    flex: none;
    align-items: center;
    box-sizing: border-box;
    height: 59px;
    color: var(--primary)
}

._3tpsN {
    background-color: var(--panel-header-background)
}

._3tpsN {
    padding-right: 20px;
    padding-left: 25px
}

html[dir=rtl] ._3tpsN {
    padding-left: 20px;
    padding-right: 25px
}

._3tpsN ._1DmXq {
    color: var(--primary-strong);
    font-weight: 400
}

._3tpsN ._2qOtp {
    font-size: 16px;
    line-height: normal
}

._3tpsN ._2qOtp {
    margin-top: -4px
}

.os-mac ._3tpsN ._2qOtp {
    margin-top: -1px
}

._3tpsN ._1K7Z6 {
    width: 54px
}

.ItuW3 {
    display: flex;
    flex: none;
    align-items: center;
    box-sizing: border-box;
    height: 49px;
    color: var(--drawer-header-title)
}

.ItuW3 {
    background-color: var(--panel-background-colored)
}

.ItuW3 {
    padding: 0 20px 0 25px
}

html[dir=rtl] .ItuW3 {
    padding: 0 25px 0 20px
}

._3544I {
    display: flex;
    flex: none;
    align-items: center;
    box-sizing: border-box;
    height: 59px;
    color: var(--drawer-header-title)
}

._3544I {
    background-color: var(--panel-background-colored-deeper)
}

._3544I {
    padding: 0 20px 0 25px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

html[dir=rtl] ._3544I {
    padding: 0 25px 0 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.ItuW3 ._2qOtp, ._3544I ._2qOtp {
    font-weight: 500
}

.os-mac .ItuW3 ._2qOtp, .os-mac ._3544I ._2qOtp {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.edge-fix .ItuW3 ._2qOtp, .edge-fix ._3544I ._2qOtp {
    font-weight: 600
}

.ItuW3 ._2qOtp {
    margin-top: -4px
}

.os-mac .ItuW3 ._2qOtp {
    margin-top: -1px
}

.ItuW3 ._1K7Z6 {
    width: 48px;
    opacity: .7
}

.hYtwT {
    flex: none;
    color: var(--drawer-header-title);
    vertical-align: top
}

.hYtwT {
    cursor: pointer
}

._3tpsN .hYtwT {
    color: var(--icon)
}

.Vzymz {
    flex: none
}

._3Ceb0._1co-_ ._1K7Z6 {
    width: 45px
}

._31lgd {
    position: relative;
    height: 200px;
    overflow: hidden
}

._31lgd {
    background-color: var(--avatar-background)
}

._2y9SG {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

._2y9SG svg {
    width: 100px;
    height: 100px
}

._2y9SG:after {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    content: ""
}

._2y9SG:after {
    background-color: rgba(var(--gray-800-rgb), .5)
}

._2y9SG:after {
    left: 0
}

html[dir=rtl] ._2y9SG:after {
    right: 0
}

.IdTzl {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.IdTzl {
    padding: 0 30px;
    text-align: center
}

.IdTzl, html[dir=rtl] .IdTzl {
    right: 0;
    left: 0
}

.CH1Cj {
    font-weight: 500
}

._1CEiX, .CH1Cj {
    color: var(--inverse)
}

._1CEiX {
    display: -webkit-box;
    max-height: 60px;
    overflow: hidden;
    line-height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

._1CEiX {
    margin-top: 12px
}

._37MLX {
    border-radius: 0
}

._2Qp_U {
    height: auto
}

._2Qp_U {
    border-radius: 0
}

.chGSa {
    display: flex;
    align-items: center
}

.LhZF7 {
    color: var(--panel-header-icon)
}

._1RLgD {
    color: var(--icon-strong)
}

._1umq5 {
    color: var(--inverse)
}

.chGSa > span {
    display: flex;
    align-items: center
}

._2wfYK {
    position: relative;
    flex: none;
    height: 24px;
    transition: background-color .3s ease
}

._2wfYK {
    padding: 8px;
    border-radius: 50%
}

._2wfYK {
    margin-left: 10px
}

html[dir=rtl] ._2wfYK {
    margin-right: 10px
}

._2wfYK.lpKIg, ._2wfYK._3Hj74, ._2wfYK:active {
    background-color: rgba(var(--shadow-rgb), .1)
}

._2wfYK:active {
    transition: background-color .1s ease
}

._2wfYK._3Ppmx {
    opacity: .45;
    pointer-events: none
}

._2wfYK:first-of-type {
    margin-left: 0
}

html[dir=rtl] ._2wfYK:first-of-type {
    margin-right: 0
}

._2wfYK > div {
    display: flex;
    align-items: center
}

._66M2L {
    margin: 3px
}

@media screen and (max-width: 720px) {
    ._2wfYK {
        padding: 6px
    }

    ._2wfYK {
        margin-left: 2px
    }

    html[dir=rtl] ._2wfYK {
        margin-right: 2px
    }
}

.keyboard-user ._2wfYK > div:focus {
    outline: rgba(var(--focus-rgb), .5) solid 2px
}

._3jGWj {
    color: var(--icon)
}

._2ZEfG {
    color: inherit
}

.P4VHE {
    flex: none
}

.P4VHE {
    padding-bottom: 32px
}

._3WItk {
    position: absolute;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    opacity: 1;
    transition: all .4s ease-out
}

._3WItk {
    padding: 8px;
    background: var(--background-default);
    box-shadow: 0 2px 3px rgba(var(--shadow-rgb), .1)
}

._2hBor {
    font-weight: 500
}

._2hBor {
    margin: 0 10px
}

._5pbKg {
    color: rgba(var(--green-deep-rgb), .7)
}

._1RF7A {
    position: absolute;
    z-index: -10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: all .5s ease-out
}

._1RF7A {
    padding: 8px;
    background: var(--background-default);
    box-shadow: 0 2px 3px rgba(var(--shadow-rgb), .1);
    transform: translateY(-50px)
}

._2BQrC {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: auto
}

._2BQrC {
    background-color: var(--drawer-background)
}

._2BQrC {
    left: 0
}

html[dir=rtl] ._2BQrC {
    right: 0
}

._19uQ5 {
    background-color: var(--background-default)
}

._16K5B {
    background-color: var(--drawer-gallery-background)
}

._3g0m8, ._2V3qe, .QWTBH {
    background-color: var(--panel-background-deeper)
}

._1kIIu {
    background-color: var(--intro-background)
}

.dark ._1AfeU {
    background-color: var(--drawer-background-deep)
}

.wx4c2 {
    position: absolute;
    width: 100%;
    height: calc(100% - 59px)
}

.wx4c2 {
    margin-top: 59px
}

._1RHZR {
    position: relative;
    z-index: 100;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1
}

.dark ._1RHZR::-webkit-scrollbar-track {
    background-color: var(--background-default)
}

.b-lt8 {
    overflow: hidden
}

.bfduJ {
    align-items: center;
    justify-content: center
}

._2ydmI {
    margin-top: 10px;
    margin-bottom: 10px
}

._32gvZ {
    width: 400px
}

._32gvZ {
    margin: 0 auto;
    padding: 50px 0;
    background: var(--background-default)
}

._24blV {
    color: var(--icon)
}

._2W7WG {
    color: inherit
}

._1RAno {
    position: relative;
    display: flex;
    flex-direction: column
}

._1RAno {
    margin-bottom: 12px
}

._1RAno, html[dir=rtl] ._1RAno {
    padding-right: 9%;
    padding-left: 9%
}

.textsize-xxlarge ._1RAno {
    margin-bottom: 18px
}

.textsize-xlarge ._1RAno {
    margin-bottom: 16px
}

.textsize-large ._1RAno {
    margin-bottom: 14px
}

.textsize-small ._1RAno {
    margin-bottom: 8px
}

.textsize-xsmall ._1RAno {
    margin-bottom: 6px
}

.textsize-xxsmall ._1RAno {
    margin-bottom: 4px
}

.keyboard-user ._1RAno:focus {
    background-color: var(--focus-lighter)
}

._1RAno._2rBI0 {
    margin-bottom: 2px
}

.textsize-xxlarge ._1RAno._2rBI0 {
    margin-bottom: 5px
}

.textsize-xlarge ._1RAno._2rBI0 {
    margin-bottom: 4px
}

.textsize-large ._1RAno._2rBI0 {
    margin-bottom: 3px
}

.textsize-small ._1RAno._2rBI0, .textsize-xsmall ._1RAno._2rBI0 {
    margin-bottom: 2px
}

.textsize-xxsmall ._1RAno._2rBI0 {
    margin-bottom: 1px
}

@media (max-width: 1216px) and (min-width: 1152px) {
    ._1RAno, html[dir=rtl] ._1RAno {
        padding-right: 8.5%;
        padding-left: 8.5%
    }
}

@media (max-width: 1152px) and (min-width: 1088px) {
    ._1RAno, html[dir=rtl] ._1RAno {
        padding-right: 8%;
        padding-left: 8%
    }

    .three ._1RAno, html[dir=rtl] .three ._1RAno {
        padding-right: 6%;
        padding-left: 6%
    }
}

@media (max-width: 1088px) and (min-width: 1025px) {
    ._1RAno, html[dir=rtl] ._1RAno {
        padding-right: 7.5%;
        padding-left: 7.5%
    }

    .three ._1RAno, html[dir=rtl] .three ._1RAno {
        padding-right: 4%;
        padding-left: 4%
    }
}

@media (max-width: 1024px) {
    ._1RAno, html[dir=rtl] ._1RAno {
        padding-right: 7%;
        padding-left: 7%
    }
}

@media (max-width: 968px) {
    ._1RAno, html[dir=rtl] ._1RAno {
        padding-right: 6.5%;
        padding-left: 6.5%
    }
}

@media (max-width: 912px) {
    ._1RAno, html[dir=rtl] ._1RAno {
        padding-right: 6%;
        padding-left: 6%
    }
}

@media (max-width: 856px) {
    ._1RAno, html[dir=rtl] ._1RAno {
        padding-right: 5.5%;
        padding-left: 5.5%
    }
}

@media (max-width: 800px) {
    ._1RAno, html[dir=rtl] ._1RAno {
        padding-right: 5%;
        padding-left: 5%
    }
}

._1RAno.msg-preview {
    margin: 0;
    padding: 0
}

._3ASsl {
    display: flex;
    flex-direction: row;
    justify-content: center
}

._3ASsl._2BF9- {
    padding: 0
}

._1ij5F {
    position: relative;
    flex: none;
    color: var(--message-primary);
    font-size: 14.2px;
    line-height: 19px
}

._1ij5F {
    border-radius: 7.5px
}

.textsize-xxlarge ._1ij5F {
    font-size: 16.6px;
    line-height: 25px
}

.textsize-xlarge ._1ij5F {
    font-size: 15.6px;
    line-height: 23px
}

.textsize-large ._1ij5F {
    font-size: 14.6px;
    line-height: 21px
}

.textsize-small ._1ij5F {
    font-size: 12.6px;
    line-height: 17px
}

.textsize-xsmall ._1ij5F {
    font-size: 11.6px;
    line-height: 15px
}

.textsize-xxsmall ._1ij5F {
    font-size: 10.6px;
    line-height: 13px
}

.textsize-xlarge ._1ij5F .emoji, .textsize-xxlarge ._1ij5F .emoji {
    transform: translateY(2px)
}

.textsize-small ._1ij5F .emoji {
    transform: translateY(-2px) scale(.85)
}

.textsize-xsmall ._1ij5F .emoji {
    transform: translateY(-3px) scale(.75)
}

.textsize-xxsmall ._1ij5F .emoji {
    transform: translateY(-3px) scale(.65)
}

._1ij5F:last-of-type {
    margin-bottom: 0
}

.message-in {
    align-items: flex-start
}

.message-out {
    align-items: flex-end
}

.message-in ._1zinb ._2XJpe {
    border-top-left-radius: 0
}

.message-out ._1zinb ._2XJpe, html[dir=rtl] .message-in ._1zinb ._2XJpe {
    border-top-right-radius: 0
}

html[dir=rtl] .message-out ._1zinb ._2XJpe {
    border-top-left-radius: 0
}

._3N37N {
    position: absolute;
    top: 0;
    z-index: 100;
    display: block;
    width: 8px;
    height: 13px
}

.message-out ._3N37N {
    color: var(--outgoing-background)
}

.message-in ._3N37N {
    color: var(--incoming-background)
}

.message-in ._3N37N, .tail-override-left ._3N37N {
    left: -8px
}

html[dir=rtl] .message-in ._3N37N, html[dir=rtl] .tail-override-left ._3N37N {
    right: -8px
}

.safari-fix .message-in ._3N37N, .safari-fix .tail-override-left ._3N37N {
    left: -7px
}

html[dir=rtl] .safari-fix .message-in ._3N37N, html[dir=rtl] .safari-fix .tail-override-left ._3N37N {
    right: -7px
}

.message-out ._3N37N, .tail-override-right ._3N37N {
    right: -8px
}

html[dir=rtl] .message-out ._3N37N, html[dir=rtl] .tail-override-right ._3N37N {
    left: -8px
}

.safari-fix .message-out ._3N37N, .safari-fix .tail-override-right ._3N37N {
    right: -7px
}

html[dir=rtl] .safari-fix .message-out ._3N37N, html[dir=rtl] .safari-fix .tail-override-right ._3N37N {
    left: -7px
}

.tail-override-left._1zinb, .tail-override-left._1zinb ._2XJpe {
    border-top-left-radius: 0;
    border-top-right-radius: 7.5px
}

.tail-override-right._1zinb, .tail-override-right._1zinb ._2XJpe, html[dir=rtl] .tail-override-left._1zinb, html[dir=rtl] .tail-override-left._1zinb ._2XJpe {
    border-top-right-radius: 0;
    border-top-left-radius: 7.5px
}

html[dir=rtl] .tail-override-right._1zinb, html[dir=rtl] .tail-override-right._1zinb ._2XJpe {
    border-top-right-radius: 7.5px;
    border-top-left-radius: 0
}

._3_7Yk {
    opacity: 0
}

.message-out ._3_7Yk {
    color: var(--outgoing-background-highlight)
}

.message-in ._3_7Yk {
    color: var(--incoming-background-highlight)
}

._31W3v {
    line-height: unset
}

._31W3v {
    background-color: initial;
    border-radius: 0;
    box-shadow: none
}

._38uQs ._3N37N {
    display: none !important
}

.KpuSa {
    display: inline-block;
    flex: none;
    box-sizing: border-box;
    max-width: 100% !important;
    color: var(--system-message-text);
    font-size: 12.5px;
    line-height: 21px
}

.KpuSa {
    padding: 5px 12px 6px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(var(--inverse-rgb), .4);
    background-color: var(--system-message-background);
    border-radius: 7.5px;
    box-shadow: 0 1px .5px rgba(var(--shadow-rgb), .13)
}

.dark .KpuSa {
    text-shadow: none
}

.textsize-xxlarge .KpuSa {
    font-size: 15.5px;
    line-height: 25px
}

.textsize-xlarge .KpuSa {
    font-size: 14.5px;
    line-height: 23px
}

.textsize-large .KpuSa {
    font-size: 13.5px;
    line-height: 21px
}

.textsize-small .KpuSa {
    font-size: 11.5px;
    line-height: 17px
}

.textsize-xsmall .KpuSa {
    font-size: 10.5px;
    line-height: 15px
}

.textsize-xxsmall .KpuSa {
    font-size: 9.5px;
    line-height: 13px
}

@media screen and (max-width: 900px) {
    ._2tbXF {
        max-width: 95%
    }
}

@media screen and (min-width: 901px) and (max-width: 1024px) {
    ._2tbXF {
        max-width: 85%
    }
}

@media screen and (min-width: 1025px) and (max-width: 1300px) {
    ._2tbXF {
        max-width: 75%
    }
}

@media screen and (min-width: 1301px) {
    ._2tbXF {
        max-width: 65%
    }
}

._1v1c- {
    max-width: 99% !important
}

._2g1jG {
    color: var(--system-message-text)
}

._2g1jG {
    background-color: var(--system-message-background)
}

._1N_HH {
    color: var(--notification-e2e-text)
}

._1N_HH {
    background-color: var(--notification-e2e-background)
}

._1C8gB {
    color: var(--notification-biz-text)
}

._1C8gB {
    background-color: var(--notification-biz-background)
}

._1Dktp {
    opacity: .7
}

._1RAno._2GO0z {
    align-items: flex-start
}

._1RAno._2GO0z {
    margin-bottom: 0
}

._1RAno._2GO0z {
    padding-right: 12px;
    padding-left: 32px
}

html[dir=rtl] ._1RAno._2GO0z {
    padding-left: 12px;
    padding-right: 32px
}

._2GO0z ._1ij5F {
    max-width: 100% !important
}

._2GO0z ._2tbXF {
    width: auto
}

._2GO0z ._36w0j, ._2GO0z ._68obY, ._2GO0z .j9c-4, ._2GO0z ._2M4PY, ._2GO0z ._3BV2U, ._2GO0z ._2Irzd, ._2GO0z .Ui24H, ._2GO0z ._12-Tz {
    width: 100%;
    max-width: 336px !important
}

._2GO0z ._9pOn1 {
    width: auto;
    max-width: 100% !important
}

._2GO0z ._3Q3_X, ._2GO0z ._1O3Eo, ._2GO0z ._2tMVz {
    width: auto
}

._26IQ6 {
    margin-bottom: 0;
    padding: 0
}

._26IQ6 ._1ij5F {
    width: auto;
    max-width: 100%
}

._26IQ6 ._36w0j, ._26IQ6 ._68obY, ._26IQ6 .j9c-4, ._26IQ6 ._2M4PY, ._26IQ6 ._3BV2U, ._26IQ6 ._2Irzd, ._26IQ6 .Ui24H, ._26IQ6 ._12-Tz {
    width: 336px;
    max-width: 100%
}

._26IQ6 ._9pOn1 {
    width: auto;
    max-width: 100% !important
}

._26IQ6 ._3Q3_X, ._26IQ6 ._1O3Eo, ._26IQ6 ._2tMVz {
    width: auto
}

._26IQ6._2FNAC {
    margin-left: 22px
}

html[dir=rtl] ._26IQ6._2FNAC {
    margin-right: 22px
}

._3N1CI {
    visibility: hidden
}

.message-in._1cYV6, .message-out._1cYV6 {
    max-width: 100%
}

._1ubAk {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 25px;
    color: var(--quick-action-button)
}

._1ubAk {
    margin-top: -13px;
    background-color: var(--quick-action-button-background);
    border-radius: 50%
}

.message-out ._1ubAk {
    left: -32px
}

.message-in ._1ubAk, html[dir=rtl] .message-out ._1ubAk {
    right: -32px
}

.message-in._2GO0z ._1ubAk, .message-in._26IQ6 ._1ubAk, html[dir=rtl] .message-in ._1ubAk {
    left: -32px
}

html[dir=rtl] .message-in._2GO0z ._1ubAk, html[dir=rtl] .message-in._26IQ6 ._1ubAk {
    right: -32px
}

.matched-mention {
    color: var(--link)
}

.matched-mention {
    cursor: pointer
}

.matched-mention .at-symbol {
    color: var(--secondary-lighter)
}

.matched-mention.inactive-mention {
    pointer-events: none
}

.matched-mention.inactive-mention {
    cursor: auto
}

.matched-mention.quoted-mention {
    color: unset;
    text-decoration: initial
}

.matched-mention.quoted-mention .at-symbol {
    color: unset
}

._3la0x {
    text-align: center
}

._3la0x ._1ij5F {
    display: inline-block
}

._3la0x ._1ij5F {
    text-align: initial
}

._1xDhR, ._2GO0z ._1xDhR, ._26IQ6 ._1xDhR {
    width: 286px
}

._1-6X_ {
    height: 1px
}

._1-6X_ {
    padding: 0
}

._1-6X_ {
    margin-right: 29px;
    margin-left: 12px
}

html[dir=rtl] ._1-6X_ {
    margin-left: 29px;
    margin-right: 12px
}

._17u8- {
    display: flex;
    flex-flow: row wrap;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 330px
}

._1mbe6 {
    padding-top: 3px;
    padding-bottom: 5px
}

._1mbe6 {
    padding-left: 6px
}

html[dir=rtl] ._1mbe6 {
    padding-right: 6px
}

._2xcUE ._1mbe6 {
    padding-bottom: 0
}

._3dejV {
    max-width: 330px
}

._3dejV {
    padding: 3px
}

._3kGIG {
    padding: 3px 0 3px 6px
}

html[dir=rtl] ._3kGIG {
    padding: 3px 6px 3px 0
}

.VDehy ._3kGIG {
    padding-top: 0
}

.vxAgX {
    margin-top: 0
}

.Sd4Y0 {
    display: flex;
    flex-flow: row wrap
}

._3Ujmg {
    position: relative
}

._1cmaz {
    display: inline-block;
    max-width: 336px
}

._1cmaz {
    background-color: var(--incoming-background);
    border-radius: 7.5px;
    box-shadow: 0 1px .5px rgba(var(--shadow-rgb), .13)
}

._1cmaz {
    padding: 4px 10px 3px 9px;
    border-top-left-radius: 0
}

html[dir=rtl] ._1cmaz {
    padding: 4px 9px 3px 10px;
    border-top-right-radius: 0
}

._2XJpe {
    position: relative;
    z-index: 200
}

._2XJpe {
    border-radius: 7.5px
}

.message-in ._2XJpe {
    background-color: var(--incoming-background)
}

.message-in ._2XJpe ._1OtkT {
    background-color: initial
}

.message-out ._2XJpe {
    background-color: var(--outgoing-background)
}

.message-out ._2XJpe ._1OtkT {
    background-color: initial
}

._7M8i6 {
    box-shadow: 0 1px .5px rgba(var(--shadow-rgb), .13)
}

._2Iger, html[dir=rtl] ._2Iger {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.BEXkE {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%
}

.BEXkE {
    cursor: pointer
}

@keyframes _23zJS {
    50% {
        filter: brightness(.8) saturate(1.1)
    }
}

@keyframes _1mgTh {
    50% {
        filter: brightness(1.2) contrast(.85)
    }
}

@keyframes _1W1pe {
    50% {
        filter: brightness(1.3) contrast(.85)
    }
}

._23zJS, html[dir=rtl] ._23zJS {
    animation-name: _23zJS;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(.24, .91, .01, .99)
}

.dark .message-in ._23zJS, html[dir=rtl] .dark .message-in ._23zJS {
    animation-name: _1W1pe
}

.dark .message-out ._23zJS, html[dir=rtl] .dark .message-out ._23zJS {
    animation-name: _1mgTh
}

._3c-5v, .cPulg {
    display: flex
}

._1RJch {
    color: var(--icon)
}

._1RJch:hover {
    color: var(--icon-lighter)
}

.VIV7l {
    display: none
}

._3HzoQ:hover .VIV7l {
    display: flex
}

._1_R13 {
    display: flex;
    flex: none;
    justify-content: center
}

._1_R13 {
    padding-top: 24px;
    padding-bottom: 24px
}

._2P6zx {
    display: inherit;
    overflow: inherit;
    white-space: inherit;
    text-overflow: inherit
}

._1mxvE {
    color: var(--teal)
}

.EBUoE {
    display: inline-block;
    flex: 0 0 auto
}

.EBUoE {
    margin-top: 1px
}

.EBUoE {
    margin-left: 3px
}

html[dir=rtl] .EBUoE {
    margin-right: 3px
}

._3es8f {
    display: inherit;
    overflow: inherit;
    white-space: inherit;
    text-overflow: inherit
}

._3cD3_ {
    display: inline-flex;
    align-items: flex-end;
    height: 17px;
    color: var(--labels-icon);
    vertical-align: top
}

._3cD3_ {
    margin-left: 8px
}

html[dir=rtl] ._3cD3_ {
    margin-right: 8px
}

.i2U-Z {
    border-top: none
}

._24129 {
    padding: 15px 0 13px 18px
}

html[dir=rtl] ._24129 {
    padding: 15px 18px 13px 0
}

._2-XT1 {
    margin: 8px 0 0;
    padding: 15px 0
}

._2WvWn {
    position: relative;
    width: 68px;
    height: 68px
}

._2WvWn {
    border: 2px solid var(--icon-disabled);
    border-radius: 6px
}

._2WvWn:before {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 3px;
    content: ""
}

._2WvWn:before {
    background: var(--icon)
}

._2WvWn:before {
    left: 50%;
    transform: translate(-50%, -50%)
}

html[dir=rtl] ._2WvWn:before {
    right: 50%;
    transform: translate(50%, -50%)
}

._2WvWn:after {
    position: absolute;
    top: 50%;
    display: block;
    width: 3px;
    height: 20px;
    content: ""
}

._2WvWn:after {
    background: var(--icon)
}

._2WvWn:after {
    left: 50%;
    transform: translate(-50%, -50%)
}

html[dir=rtl] ._2WvWn:after {
    right: 50%;
    transform: translate(50%, -50%)
}

.U7SeD {
    position: relative;
    z-index: 1;
    box-sizing: border-box
}

.U7SeD {
    cursor: pointer
}

.U7SeD {
    padding: 10px 7px 10px 13px
}

html[dir=rtl] .U7SeD {
    padding: 10px 13px 10px 7px
}

.U7SeD.xZswV {
    z-index: 1000
}

.U7SeD.d3gGY, .U7SeD.xZswV {
    background-color: var(--drawer-gallery-background-hover)
}

.U7SeD._3ocLm {
    z-index: 100
}

.U7SeD._3ocLm {
    background-color: var(--drawer-gallery-background-active)
}

.U7SeD:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    content: ""
}

.U7SeD:before {
    background-color: var(--border-panel)
}

.U7SeD:before {
    left: 42px
}

html[dir=rtl] .U7SeD:before {
    right: 42px
}

.U7SeD._3ocLm:after, .U7SeD.d3gGY:after, .U7SeD.xZswV:after {
    position: absolute;
    bottom: -1px;
    display: block;
    width: 100%;
    height: 1px;
    content: ""
}

.U7SeD._3ocLm:after, .U7SeD.d3gGY:after, .U7SeD.xZswV:after {
    left: 0
}

html[dir=rtl] .U7SeD._3ocLm:after, html[dir=rtl] .U7SeD.d3gGY:after, html[dir=rtl] .U7SeD.xZswV:after {
    right: 0
}

.U7SeD.d3gGY:after, .U7SeD.d3gGY:before, .U7SeD.xZswV:after, .U7SeD.xZswV:before {
    background-color: var(--drawer-gallery-background-hover)
}

.U7SeD._3ocLm:after, .U7SeD._3ocLm:before {
    background-color: var(--drawer-gallery-background-active)
}

@keyframes _9_Vg1 {
    50% {
        background-color: var(--focus-animation-deeper)
    }
}

._1EhBd, html[dir=rtl] ._1EhBd {
    animation-name: _9_Vg1;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(.24, .91, .01, .99)
}

._3Pwfx {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 72px;
    pointer-events: all
}

._3Pwfx {
    background-color: var(--background-default);
    cursor: pointer
}

.textsize-large ._3Pwfx, .textsize-xlarge ._3Pwfx, .textsize-xxlarge ._3Pwfx {
    height: 72px
}

.textsize-small ._3Pwfx {
    height: 64px
}

.textsize-xsmall ._3Pwfx {
    height: 58px
}

.textsize-xxsmall ._3Pwfx {
    height: 52px
}

._22mTQ {
    display: flex;
    flex: none;
    align-items: center
}

._22mTQ {
    margin-top: -1px
}

._22mTQ {
    padding: 0 15px 0 13px
}

html[dir=rtl] ._22mTQ {
    padding: 0 13px 0 15px
}

._1C6Zl {
    display: flex;
    flex-basis: auto;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    min-width: 0
}

._1C6Zl {
    border-top: 1px solid var(--border-list)
}

._1C6Zl {
  padding-right: 15px;
  padding-left: 15px;
}

html[dir=rtl] ._1C6Zl {
    padding-left: 15px
}

._2SEEg {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    align-self: center;
    height: 100%
}

._2SEEg {
    padding: 0 13px 0 0
}

html[dir=rtl] ._2SEEg {
    padding: 0 0 0 13px
}

._1c_mC {
    display: flex;
    align-items: center;
    line-height: normal
}

._1c_mC {
    text-align: left
}

html[dir=rtl] ._1c_mC {
    text-align: right
}

._1c_mC._3A6K1 {
    margin-right: 13px
}

html[dir=rtl] ._1c_mC._3A6K1 {
    margin-left: 13px
}

._7W_3c {
    display: flex;
    align-items: center;
    min-height: 20px;
    color: var(--secondary);
    font-size: 13px;
    line-height: 20px
}

._7W_3c {
    margin-top: 2px
}

._3Tw1q {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    color: var(--primary-strong);
    font-weight: 400;
    font-size: 17px;
    line-height: 21px
}

._3Tw1q {
    text-align: left
}

html[dir=rtl] ._3Tw1q {
    text-align: right
}

.os-mac ._3Tw1q {
    font-size: 16px
}

.os-win ._3Tw1q {
    line-height: normal
}

.textsize-xxlarge ._3Tw1q {
    font-size: 17.5px;
    line-height: 27px
}

.textsize-xlarge ._3Tw1q {
    font-size: 17px;
    line-height: 25px
}

.textsize-large ._3Tw1q {
    font-size: 16.5px;
    line-height: 23px
}

.textsize-small ._3Tw1q {
    font-size: 15.5px;
    line-height: 19px
}

.textsize-xsmall ._3Tw1q {
    font-size: 15px;
    line-height: 17px
}

.textsize-xxsmall ._3Tw1q {
    font-size: 14.5px;
    line-height: 15px
}

.fqPQb {
    flex-grow: 1;
    overflow: hidden;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fqPQb {
    background-color: initial
}

.fqPQb {
    text-align: left
}

html[dir=rtl] .fqPQb {
    text-align: right
}

.textsize-xxlarge .fqPQb {
    font-size: 15.5px;
    line-height: 26px
}

.textsize-xlarge .fqPQb {
    font-size: 15px;
    line-height: 24px
}

.textsize-large .fqPQb {
    font-size: 14.5px;
    line-height: 22px
}

.textsize-small .fqPQb {
    height: 18px;
    font-size: 13.5px;
    line-height: 18px
}

.textsize-xsmall .fqPQb {
    height: 16px;
    font-size: 13px;
    line-height: 16px
}

.textsize-xxsmall .fqPQb {
    height: 14px;
    font-size: 12.5px;
    line-height: 14px
}

.fqPQb a {
    color: inherit
}

.fqPQb .matched-mention {
    color: inherit;
    font-weight: 500
}

.edge-fix .fqPQb .matched-mention {
    font-weight: 600
}

._1C6Zl .emoji, ._1C6Zl .icon, .fqPQb svg {
    flex: none
}

.textsize-xxlarge ._1C6Zl .emoji, .textsize-xxlarge ._1C6Zl .icon, .textsize-xxlarge .fqPQb svg {
    transform: translateY(4px)
}

.textsize-xlarge ._1C6Zl .emoji, .textsize-xlarge ._1C6Zl .icon, .textsize-xlarge .fqPQb svg {
    transform: translateY(3px)
}

.textsize-large ._1C6Zl .emoji, .textsize-large ._1C6Zl .icon, .textsize-large .fqPQb svg {
    transform: translateY(1px)
}

.textsize-small ._1C6Zl .emoji, .textsize-small ._1C6Zl .icon, .textsize-small .fqPQb svg {
    transform: translateY(-1px) scale(.85)
}

.textsize-xsmall ._1C6Zl .emoji, .textsize-xsmall ._1C6Zl .icon, .textsize-xsmall .fqPQb svg {
    transform: translateY(-2px) scale(.75)
}

.textsize-xxsmall ._1C6Zl .emoji, .textsize-xxsmall ._1C6Zl .icon, .textsize-xxsmall .fqPQb svg {
    transform: translateY(-3px) scale(.65)
}

._2gsiG {
    flex: none;
    max-width: 100%;
    color: var(--secondary-lighter);
    font-size: 12px;
    line-height: 20px
}

._2gsiG {
    margin-left: 6px
}

html[dir=rtl] ._2gsiG {
    margin-right: 6px
}

.dark ._2gsiG {
    color: var(--secondary)
}

.textsize-xxlarge ._2gsiG {
    font-size: 15px
}

.textsize-xlarge ._2gsiG {
    font-size: 14px
}

.textsize-large ._2gsiG {
    font-size: 13px
}

.textsize-small ._2gsiG {
    font-size: 11px
}

.textsize-xsmall ._2gsiG {
    font-size: 10px
}

.textsize-xxsmall ._2gsiG {
    font-size: 9px
}

._1c_mC ._2gsiG {
    overflow: hidden;
    line-height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis
}

._1c_mC ._2gsiG {
    margin-top: 3px
}

.textsize-xxlarge ._1c_mC ._2gsiG {
    line-height: 17px
}

.textsize-xxlarge ._1c_mC ._2gsiG {
    margin-top: 4px
}

.textsize-xlarge ._1c_mC ._2gsiG {
    line-height: 16px
}

.textsize-xlarge ._1c_mC ._2gsiG {
    margin-top: 4px
}

.textsize-large ._1c_mC ._2gsiG {
    line-height: 15px
}

.textsize-large ._1c_mC ._2gsiG {
    margin-top: 4px
}

.textsize-small ._1c_mC ._2gsiG {
    line-height: 13px
}

.textsize-small ._1c_mC ._2gsiG {
    margin-top: 3px
}

.textsize-xsmall ._1c_mC ._2gsiG {
    line-height: 12px
}

.textsize-xsmall ._1c_mC ._2gsiG {
    margin-top: 3px
}

.textsize-xxsmall ._1c_mC ._2gsiG {
    line-height: 11px
}

.textsize-xxsmall ._1c_mC ._2gsiG {
    margin-top: 3px
}

._3Pwfx:hover {
    background-color: var(--background-default-hover)
}

._3Pwfx:hover ._1C6Zl {
    border-top-color: var(--background-default-hover)
}

._3Pwfx.vwouH ._7W_3c {
    color: var(--secondary-stronger);
    font-weight: 400
}

.dark ._3Pwfx.vwouH ._7W_3c {
    color: rgba(var(--secondary-strongest-rgb), .9)
}

.vwouH ._2gsiG {
    color: var(--secondary-stronger)
}

.dark .vwouH ._1c_mC ._2gsiG {
    color: var(--unread-marker-background)
}

.vwouH ._3Tw1q {
    font-weight: 500
}

.dark .vwouH ._3Tw1q {
    color: var(--primary-strongest)
}

.vwouH .fqPQb {
    font-weight: 500
}

.edge-fix .vwouH .fqPQb, .edge-fix .vwouH ._3Tw1q {
    font-weight: 600
}

._3Pwfx._1GGbM:after, ._3Pwfx:hover:after {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 0;
    content: ""
}

._3Pwfx._1GGbM:after, ._3Pwfx:hover:after {
    border-top: 1px solid var(--background-default-hover)
}

._3Pwfx._1GGbM:after, ._3Pwfx:hover:after {
    left: 0
}

html[dir=rtl] ._3Pwfx._1GGbM:after, html[dir=rtl] ._3Pwfx:hover:after {
    right: 0
}

.safari-fix ._3Pwfx:hover {
    transition: background-color 0s
}

._3Pwfx._1GGbM {
    background-color: var(--background-default-active)
}

._3Pwfx._1GGbM ._1C6Zl, ._3Pwfx._1GGbM:after {
    border-top-color: var(--background-default-active)
}

._3Pwfx._1GGbM ._7W_3c {
    color: var(--secondary-stronger)
}

._3Pwfx._1-e5U {
    transition: background-color .5s cubic-bezier(.1, .82, .25, 1)
}

._3Pwfx._1-e5U {
    background-color: var(--background-default-hover)
}

._3Pwfx._31SiM:hover {
    background-color: var(--background-default);
    cursor: default
}

._3Pwfx._31SiM:hover:after {
    display: none
}

._3Pwfx._2Sy_N {
    opacity: .3
}

._3Pwfx._2Sy_N {
    border-left: 5px solid #cecbcb
}

html[dir=rtl] ._3Pwfx._2Sy_N {
    border-right: 5px solid #cecbcb
}

._1AWZi ._1C6Zl {
    padding: 0 18px 0 15px
}

html[dir=rtl] ._1AWZi ._1C6Zl {
    padding: 0 15px 0 18px
}

._3uP6b ._1C6Zl {
    padding-left: 15px
}

html[dir=rtl] ._3uP6b ._1C6Zl {
    padding-right: 15px
}

._3uP6b ._2gsiG, html[dir=rtl] ._3uP6b ._2gsiG {
    margin-right: 0;
    margin-left: 0
}

._3uP6b ._3Tw1q {
    display: none
}

._2XSjg {
    padding-left: 14px
}

html[dir=rtl] ._2XSjg {
    padding-right: 14px
}

._2XSjg ._2gsiG {
    margin-top: 0
}

._3Pwfx._3vT4i {
    height: 100%
}

._3Pwfx._3vT4i {
    background-color: initial
}

._3Pwfx._3vT4i {
    padding-left: 6px
}

html[dir=rtl] ._3Pwfx._3vT4i {
    padding-right: 6px
}

._3Pwfx._3vT4i:hover {
    background-color: var(--status-background-hover)
}

._3vT4i._3Pwfx:hover:after {
    display: none
}

._3Pwfx._3vT4i ._7W_3c {
    color: var(--status-secondary)
}

._3vT4i ._1C6Zl {
    border-top: none !important
}

._3vT4i ._3Tw1q {
    color: var(--status-primary)
}

._3qF0b {
    padding-left: 55px
}

html[dir=rtl] ._3qF0b {
    padding-right: 55px
}

._3Pwfx.wJ21F {
    align-items: center;
    height: auto
}

._3Pwfx.wJ21F {
    padding-right: 24px
}

html[dir=rtl] ._3Pwfx.wJ21F {
    padding-left: 24px
}

.wJ21F ._22mTQ {
    padding: 16px 19px
}

.wJ21F ._1C6Zl {
    padding: 0;
    border-top: none
}

.wJ21F .fqPQb {
    font-size: 15px;
    line-height: 22px
}

.wJ21F ._3Tw1q {
    font-size: 19px;
    line-height: 28px
}

.wJ21F ._3Tw1q .emoji {
    vertical-align: -3px
}

._2jw57._3Pwfx {
    cursor: auto
}

._2jw57._3Pwfx:hover {
    background-color: initial
}

._2jw57._3Pwfx:hover:after {
    display: none
}

._2jw57._3Pwfx:first-of-type ._1C6Zl {
    border-top: none
}

._2aIZQ ._1C6Zl {
    font-weight: 600
}

._2aIZQ ._1C6Zl {
    border-top: none
}

._2aIZQ ._1C6Zl {
    padding-left: 18px
}

html[dir=rtl] ._2aIZQ ._1C6Zl {
    padding-right: 18px
}

._3K4Re ._1C6Zl {
    border-top: none
}

._3K4Re ._1C6Zl {
    padding-left: 15px
}

html[dir=rtl] ._3K4Re ._1C6Zl {
    padding-right: 15px
}

._3K4Re ._1c_mC, ._3K4Re ._7W_3c {
    display: block;
    width: 200px;
    height: 20px
}

._3K4Re ._1c_mC, ._3K4Re ._7W_3c {
    background: var(--media-inner-border);
    border-radius: 3px
}

._3K4Re ._7W_3c {
    width: 70px
}

._3K4Re ._7W_3c {
    margin-top: 5px
}

._3Pwfx._2Lv5N {
    display: inline-flex;
    height: auto;
    vertical-align: top
}

._3Pwfx._2Lv5N {
    margin: 0 0 6px;
    padding: 0;
    background-color: var(--panel-background-deeper);
    border-radius: 16px;
    cursor: default
}

._3Pwfx._2Lv5N {
    margin-right: 6px
}

html[dir=rtl] ._3Pwfx._2Lv5N {
    margin-left: 6px
}

._3Pwfx._2Lv5N:hover {
    background-color: var(--panel-background-deeper)
}

._3Pwfx._2Lv5N._1GGbM {
    background-color: var(--panel-background)
}

._3Pwfx._2Lv5N ._1C6Zl {
    padding: 0;
    border-top: none !important
}

._3Pwfx._2Lv5N ._22mTQ {
    padding: 0
}

._3Pwfx._2Lv5N ._22mTQ {
    margin-right: 8px
}

html[dir=rtl] ._3Pwfx._2Lv5N ._22mTQ {
    margin-left: 8px
}

._3Pwfx._2Lv5N ._2SEEg {
    color: var(--primary);
    font-weight: 400 !important;
    font-size: 13.5px
}

._3Pwfx._2Lv5N ._1C6Zl._2SEEg {
    padding: 0
}

._3Pwfx._2Lv5N ._3Tw1q {
    color: var(--primary);
    font-weight: 400 !important;
    font-size: 13.5px
}

._3Pwfx._2Lv5N ._7W_3c {
    display: none
}

._3Pwfx.fmZ3r ._7W_3c, ._3Pwfx.fmZ3r ._3Tw1q {
    color: rgba(var(--primary-strong-rgb), .4) !important;
    font-weight: 400 !important
}

.os-mac ._3Pwfx.fmZ3r ._7W_3c, .os-mac ._3Pwfx.fmZ3r ._3Tw1q {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

._3Pwfx.fmZ3r ._7W_3c {
    font-style: italic
}

._3Pwfx._1X6kV {
    height: 56px
}

._3Pwfx._1X6kV ._22mTQ {
    margin-top: 0
}

._3Pwfx._1X6kV ._22mTQ {
    padding-right: 8px;
    padding-left: 29px
}

html[dir=rtl] ._3Pwfx._1X6kV ._22mTQ {
    padding-left: 8px;
    padding-right: 29px
}

._3Pwfx._1X6kV ._22mTQ svg {
    width: 25px;
    height: 18px
}

._3Pwfx._1X6kV ._1C6Zl {
    border: none
}

._3Pwfx._1X6kV ._1C6Zl {
    padding-right: 68px
}

html[dir=rtl] ._3Pwfx._1X6kV ._1C6Zl {
    padding-left: 68px
}

._3Pwfx.Td2Cm, ._3Pwfx.Td2Cm:hover {
    height: 86px
}

._3Pwfx.Td2Cm, ._3Pwfx.Td2Cm:hover {
    background-color: initial;
    cursor: default
}

.Td2Cm ._1C6Zl {
    border-top: none
}

.Td2Cm ._1C6Zl {
    padding-right: 106px
}

html[dir=rtl] .Td2Cm ._1C6Zl {
    padding-left: 106px
}

.Td2Cm ._22mTQ {
    padding-left: 18px
}

html[dir=rtl] .Td2Cm ._22mTQ {
    padding-right: 18px
}

._3Pwfx._27uRd, ._3Pwfx._21N3G, ._3Pwfx._3XUds {
    height: 96px
}

._3Pwfx._2Kn9- {
    height: 60px
}

._3Pwfx._2Kn9- ._1C6Zl {
    border-top: none
}

._3Pwfx._2Kn9- ._3Tw1q {
    color: var(--primary-stronger);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.edge-fix ._3Pwfx._2Kn9- ._3Tw1q {
    font-weight: 600
}

._3Pwfx._2Kn9- .fqPQb {
    font-size: 13px
}

._3Pwfx._1qJXa {
    height: auto
}

._3Pwfx._1qJXa {
    border-bottom: 1px solid var(--border-list)
}

._3Pwfx._1qJXa {
    padding: 10px 0 10px 4px
}

html[dir=rtl] ._3Pwfx._1qJXa {
    padding: 10px 4px 10px 0
}

._3Pwfx._1qJXa ._22mTQ {
    padding: 0 15px 0 11px
}

html[dir=rtl] ._3Pwfx._1qJXa ._22mTQ {
    padding: 0 11px 0 15px
}

._3Pwfx._1qJXa ._1C6Zl {
    border: none
}

._3Pwfx._3XUds._31SiM ._7W_3c, ._3Pwfx._3XUds._31SiM ._3Tw1q {
    color: var(--secondary-light)
}

._2_sC2 .fqPQb {
    max-height: 40px;
    white-space: inherit
}

._2_sC2 {
    padding-left: 14px
}

html[dir=rtl] ._2_sC2 {
    padding-right: 14px
}

._2_sC2 ._1C6Zl {
    border: none
}

._3Pwfx._2Pc3g ._22mTQ {
    margin-top: 0;
    padding: 0 14px
}

._3Pwfx._2Pc3g ._1C6Zl {
    border-top: none
}

.rvMOn {
    position: absolute;
    top: 0;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    transition: transform .08s cubic-bezier(.09, .87, .72, 1)
}

.rvMOn {
    background-position: 50%;
    background-size: cover;
    border-radius: 4px;
    transform: none;
    cursor: pointer
}

.rvMOn {
    left: 0
}

html[dir=rtl] .rvMOn {
    right: 0
}

._29aGz {
    position: absolute;
    top: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: border-width .08s cubic-bezier(.09, .87, .72, 1);
    pointer-events: none
}

._29aGz {
    border: 0 solid var(--gray-70)
}

._29aGz {
    left: 0
}

html[dir=rtl] ._29aGz {
    right: 0
}

._1d9p3 {
    width: 80px;
    overflow: hidden
}

._3YmhK {
    position: relative
}

._3YmhK {
    margin: 8px 15px
}

._21AuG {
    position: relative;
    width: 29%
}

._21AuG {
    margin-bottom: 8px
}

._21AuG {
    margin-right: 8px
}

html[dir=rtl] ._21AuG {
    margin-left: 8px
}

._21AuG:before {
    display: inline-table;
    content: ""
}

._21AuG:before {
    padding-top: 100%
}

._3Lg5S {
    position: relative;
    height: 450px
}

._1J2N6 {
    display: none !important
}

@media (max-width: 1024px) {
    ._1J2N6 {
        display: inherit !important
    }

    ._21AuG {
        width: 14%
    }
}

@media (max-width: 800px) {
    ._21AuG {
        width: 29%
    }

    ._1J2N6 {
        display: none !important
    }
}

._2thMj {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 5%;
    min-width: 68px;
    max-width: 78px;
    height: 78px;
    overflow: hidden;
    transition: transform 75ms ease-out
}

._2thMj {
    margin-bottom: 0;
    cursor: pointer
}

._2thMj {
    margin-right: 8px;
    margin-left: 0
}

html[dir=rtl] ._2thMj {
    margin-left: 8px;
    margin-right: 0
}

._2thMj:before {
    content: none
}

._2thMj:hover:not(._3sOBc) {
    outline: 3px solid var(--gray-150) !important
}

._3sOBc {
    border: 4px solid var(--gray-200);
    transform: scale(.94)
}

._3jCUI {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--primary-stronger-rgb), .15)
}

._3jCUI {
    background: var(--product-thumb-background)
}

._3jCUI svg {
    width: 50px;
    height: 50px
}

@keyframes _1ESlW {
    0% {
        background-position: 100% 0
    }
    to {
        background-position: 0 0
    }
}

._1d9p3 ._3jCUI {
    background-image: linear-gradient(-80deg, var(--product-thumb-background) 30%, var(--product-thumb-background-deeper) 50%, var(--product-thumb-background) 70%);
    background-size: 400% 100%;
    animation: _1ESlW 2.2s ease infinite forwards
}

._1MZWu {
    position: relative;
    width: 100%
}

._1MZWu:hover {
    z-index: 10000
}

._3Xjbn {
    position: relative
}

._1l12d {
    position: relative;
    overflow: hidden
}

._1l12d {
    background-color: var(--avatar-background);
    border-radius: 50%
}

._15OLJ {
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

._15OLJ {
    left: 0
}

html[dir=rtl] ._15OLJ {
    right: 0
}

._15OLJ svg {
    width: 100%;
    height: 100%
}

._15OLJ path.background {
    fill: var(--avatar-placeholder-background)
}

._15OLJ path.primary {
    fill: var(--avatar-placeholder-primary)
}

._3t3gU {
    position: relative;
    z-index: 100;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: opacity .15s ease-out
}

._3t3gU {
    border-radius: 50%
}

._3t3gU.rlUm6 {
    opacity: 1
}

._35pCA, ._35pCA ._3t3gU {
    border-radius: 0
}

._3VHJW {
    border: 2px solid var(--avatar-border)
}

.textsize-small ._1l12d {
    width: 44px !important;
    height: 44px !important
}

.textsize-xsmall ._1l12d {
    width: 40px !important;
    height: 40px !important
}

.textsize-xxsmall ._1l12d {
    width: 38px !important;
    height: 38px !important
}

._1l12d._1nSCj {
    background-color: initial
}

._1nSCj ._15OLJ {
    transform: scale(.97);
    transform-origin: center center
}

._30bk4 {
    position: relative
}

._2WzP6 {
    position: absolute;
    bottom: 0;
    z-index: 1000;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    pointer-events: none
}

._2WzP6 {
    padding: 2px;
    background-color: var(--panel-header-background);
    border-radius: 50%
}

._2WzP6 {
    right: -3px
}

html[dir=rtl] ._2WzP6 {
    left: -3px
}

.UeADR svg {
    width: 14px;
    height: 14px;
    color: var(--icon-fixed)
}

._2g_Pt {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none
}

._2g_Pt {
    left: 0
}

html[dir=rtl] ._2g_Pt {
    right: 0
}

._3soxC {
    position: relative;
    overflow: hidden
}

._2aY82 {
    margin-top: -1px
}

._1bE8G {
    height: 100%
}

._27Ht_ {
    position: absolute;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

._27Ht_ {
    background-color: var(--photopicker-overlay-background);
    border-radius: 50%
}

._27Ht_ {
    left: 0
}

html[dir=rtl] ._27Ht_ {
    right: 0
}

._3cVsW {
    display: inline-block;
    flex: none;
    vertical-align: top
}

.H4EjY {
    display: inline-flex;
    align-items: center
}

.H4EjY ._1i3PF {
    display: inline-block;
    flex: none;
    color: var(--icon)
}

.H4EjY ._1i3PF {
    margin-top: -1px
}

.-kQM8 {
    display: inline-flex;
    align-items: center
}

._2C1nK {
    flex: none;
    color: var(--primary);
    font-size: 14px;
    line-height: normal
}

._2C1nK {
    margin-left: 3px
}

html[dir=rtl] ._2C1nK {
    margin-right: 3px
}

._3AnHw {
    max-width: 100%;
    overflow: hidden
}

._3AnHw ._2C1nK {
    flex: 1 1 auto;
    overflow: hidden;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis
}

._3AnHw ._2C1nK {
    margin-left: 8px
}

html[dir=rtl] ._3AnHw ._2C1nK {
    margin-right: 8px
}

._3AnHw ._1Rde3 {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

._1dAo2 {
    max-width: 100%
}

._1dAo2 ._1Rde3 {
    flex: none
}

._1dAo2 ._1Rde3 {
    margin-right: 20px;
    margin-left: 4px
}

html[dir=rtl] ._1dAo2 ._1Rde3 {
    margin-left: 20px;
    margin-right: 4px
}

._1dAo2 ._2C1nK {
    flex: 1 1 auto;
    overflow: hidden;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis
}

._1dAo2 ._2C1nK {
    margin-left: 0
}

html[dir=rtl] ._1dAo2 ._2C1nK {
    margin-right: 0
}

.fZQE3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px
}

.fZQE3 {
    border-radius: 50%
}

.fZQE3 ._1i3PF svg {
    width: 20px;
    height: 20px
}

.fZQE3 ._1i3PF {
    color: var(--inverse)
}

._2gUkr {
    position: absolute;
    top: 2px;
    z-index: 100;
    width: 24px;
    height: 24px;
    color: var(--badge-icon)
}

._2gUkr {
    left: 0;
    transform: translate(-50%, -50%)
}

html[dir=rtl] ._2gUkr {
    right: 0;
    transform: translate(50%, -50%)
}

._2gUkr:before {
    position: absolute;
    top: 2px;
    z-index: 100;
    display: block;
    width: 16px;
    height: 16px;
    content: ""
}

._2gUkr:before {
    border: 2px solid var(--badge-icon);
    border-radius: 50%
}

._2gUkr:before {
    left: 2px
}

html[dir=rtl] ._2gUkr:before {
    right: 2px
}

._2qYWf {
    position: absolute;
    top: 0;
    z-index: 100
}

._2qYWf {
    left: 0
}

html[dir=rtl] ._2qYWf {
    right: 0
}

._30JEU:before {
    background: var(--badge-pending)
}

._1zyNt:before {
    background: var(--danger)
}

._1zyNt ._2qYWf {
    top: 1px
}

._1zyNt ._2qYWf {
    left: 1px
}

html[dir=rtl] ._1zyNt ._2qYWf {
    right: 1px
}

.hebvK {
    color: var(--icon)
}

.hebvK:hover {
    color: var(--icon-lighter)
}

.YnNmr {
    color: rgba(var(--danger-rgb), .65)
}

._3MwMv {
    font-weight: 700
}

._3xFPk {
    margin-bottom: 10px
}

._3Q5PX {
    display: -webkit-box;
    max-height: 60px;
    overflow: hidden;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

._3Q5PX {
    margin-top: 10px
}

.ORIIb {
    display: flex;
    font-size: 14px;
    line-height: 20px
}

.ORIIb {
    margin-top: 12px;
    padding-bottom: 0
}

.ORIIb {
    margin-right: 0
}

html[dir=rtl] .ORIIb {
    margin-left: 0
}

._1O1ig {
    display: inline-block;
    flex: none;
    vertical-align: text-bottom;
    transition: opacity .3s ease
}

._1O1ig {
    margin-right: 10px
}

html[dir=rtl] ._1O1ig {
    margin-left: 10px
}

._2-kRK {
    flex: 1;
    transition: opacity .3s ease
}

._3j3CE {
    display: flex;
    flex-direction: column
}

._2_16Q + ._2_16Q {
    margin-top: 12px
}

._2K7JO {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    border-radius: 2px;
    transform: translateZ(0);
    cursor: pointer
}

._2K7JO.t4v-l {
    cursor: default
}

._2KoSK {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    background-color: initial;
    border: 2px solid rgba(var(--primary-rgb), .75);
    border-radius: 2px;
    transition: background-color .14s, border-color .14s;
    pointer-events: none
}

._1hDF {
    top: -1px;
    left: 4px;
    border-top: none;
    border-right: 2px solid var(--checkbox-mark);
    border-bottom: 2px solid var(--checkbox-mark);
    border-left: none;
    transform: rotate(45deg)
}

._1hDF, ._CvXG {
    position: absolute;
    width: 5px;
    height: 10px
}

._CvXG {
    border: none;
    border-right: 2px solid var(--checkbox-mark);
    transform: rotate(90deg)
}

.RXL_k {
    background-color: var(--checkbox-background);
    border-color: var(--checkbox-background)
}

._1ACXZ {
    opacity: 1;
    animation: _139nG .16s ease-out forwards
}

.O2xKS {
    opacity: 0
}

.MZttk {
    background-color: var(--button-background-disabled);
    border-color: var(--button-background-disabled)
}

._12tnw {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}

._12tnw:focus + ._2K7JO, ._2K7JO:focus {
    outline: rgba(var(--focus-rgb), .5) solid 2px
}

@keyframes _139nG {
    0% {
        top: 9px;
        left: 6px;
        width: 0;
        height: 0
    }
    to {
        top: -1px;
        left: 4px;
        width: 5px;
        height: 10px
    }
}

._2UfxP {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: calc(100% - 16px);
    height: 34px;
    color: var(--button-alternative);
    font-size: 14px;
    line-height: 20px
}

._2UfxP {
    background-color: var(--incoming-background);
    cursor: pointer
}

._2UfxP {
    padding: 6px 7px 8px 9px
}

html[dir=rtl] ._2UfxP {
    padding: 6px 9px 8px 7px
}

._2uiLx {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bHM8I {
    color: var(--secondary-lighter)
}

.bHM8I {
    box-shadow: none;
    cursor: default
}

._3NvEV {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box
}

._3NvEV ._2UfxP {
    height: 36px
}

._3NvEV ._1THRv {
    height: 37px
}

._3NvEV ._1THRv {
    border-top: 1px solid var(--border-bubble)
}

._2L1R2 ._2UfxP {
    min-width: calc(50% - 3px)
}

._2L1R2 ._2UfxP {
    margin: 3px 1.5px 0;
    border-radius: 7.5px;
    box-shadow: 0 1px .5px rgba(var(--shadow-rgb), .13)
}

._2L1R2 ._3NvEV {
    margin: 0 -1.5px;
    border: none
}

.wzpMn ._3NvEV {
    overflow: hidden
}

.wzpMn ._3NvEV {
    background-color: var(--incoming-background);
    box-shadow: 0 1px .5px rgba(var(--shadow-rgb), .13)
}

.wzpMn ._3NvEV, html[dir=rtl] .wzpMn ._3NvEV {
    border-bottom-right-radius: 7.5px;
    border-bottom-left-radius: 7.5px
}

.wzpMn ._2UfxP {
    margin: 0 7px 0 9px
}

html[dir=rtl] .wzpMn ._2UfxP {
    margin: 0 9px 0 7px
}

._3-5Xw {
    color: rgba(var(--link-rgb), .7)
}

._3-5Xw {
    margin-right: 3px
}

html[dir=rtl] ._3-5Xw {
    margin-left: 3px
}

._1JP65, .emoji._1JP65 {
    display: block;
    pointer-events: none
}

._1JP65, .emoji._1JP65 {
    cursor: text
}

.emoji._1JP65 {
    background-image: none
}

._3UZaz + ._3UZaz {
    margin-left: 2px
}

html[dir=rtl] ._3UZaz + ._3UZaz {
    margin-right: 2px
}

._23Aiw._2jP0y, ._2l8OZ._2jP0y, ._1r10j._2jP0y {
    width: 20px;
    height: 20px
}

._2l8OZ._2jP0y.emoji {
    margin: 2px;
    transform: scale(1.2)
}

._2l8OZ._3AX5g, ._2l8OZ._1JP65 {
    width: 24px;
    height: 24px
}

._23Aiw._2jP0y.emoji {
    margin: 8px;
    transform: scale(1.8)
}

._23Aiw._3AX5g, ._23Aiw._1JP65 {
    width: 36px;
    height: 36px
}

._1r10j._2jP0y.emoji {
    margin: 14px;
    transform: scale(2.4)
}

._1r10j._3AX5g, ._1r10j._1JP65 {
    width: 48px;
    height: 48px
}

._2zuWq {
    position: absolute;
    top: 0;
    visibility: hidden
}

._2zuWq {
    left: 0
}

html[dir=rtl] ._2zuWq {
    right: 0
}

._3AX5g {
    position: relative;
    flex: none
}

._3AX5g .emoji {
    transform-origin: top left
}

html[dir=rtl] ._3AX5g .emoji {
    transform-origin: top right
}

.R_W0J {
    position: absolute;
    top: 0
}

.R_W0J {
    transform: scale(.95)
}

.R_W0J {
    left: 0
}

.R_W0J, html[dir=rtl] .R_W0J {
    animation: R_W0J .5s infinite;
    animation-timing-function: ease-out;
    animation-direction: alternate
}

html[dir=rtl] .R_W0J {
    right: 0
}

@keyframes R_W0J {
    to {
        transform: scale(1)
    }
}

._3Owzc {
    position: absolute;
    top: -1px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 140%;
    height: 100%;
    background-blend-mode: multiply
}

._3Owzc {
    padding-top: 1px;
    padding-bottom: 1px;
    cursor: pointer
}

._3Owzc {
    left: -40px;
    padding-left: 26px
}

html[dir=rtl] ._3Owzc {
    right: -40px;
    padding-right: 26px
}

._3Owzc._3TADo, ._3Owzc:hover {
    background-color: var(--message-selection-highlight)
}

@media (max-width: 1088px) and (min-width: 1025px) {
    .three ._3Owzc {
        padding-left: 16px
    }

    html[dir=rtl] .three ._3Owzc {
        padding-right: 16px
    }
}

._3Owzc._3Tmba {
    width: auto
}

._3Owzc._3Tmba {
    background-color: initial
}

._3Owzc._3Tmba {
    left: 0;
    padding-left: 0
}

html[dir=rtl] ._3Owzc._3Tmba {
    right: 0;
    padding-right: 0
}

.kA6WR {
    position: absolute;
    top: 5px;
    z-index: 800;
    width: 48px;
    height: 25px;
    overflow: hidden
}

.kA6WR {
    right: 5px
}

html[dir=rtl] .kA6WR {
    left: 5px
}

.kA6WR._1lcup {
    background: linear-gradient(90deg, rgba(var(--incoming-background-rgb), 0) 0, rgba(var(--incoming-background-rgb), 1) 50%)
}

html[dir=rtl] .kA6WR._1lcup {
    background: linear-gradient(270deg, rgba(var(--incoming-background-rgb), 0) 0, rgba(var(--incoming-background-rgb), 1) 50%)
}

.kA6WR.N7Dyd {
    background: linear-gradient(90deg, rgba(var(--outgoing-background-rgb), 0) 0, rgba(var(--outgoing-background-rgb), 1) 50%)
}

html[dir=rtl] .kA6WR.N7Dyd {
    background: linear-gradient(270deg, rgba(var(--outgoing-background-rgb), 0) 0, rgba(var(--outgoing-background-rgb), 1) 50%)
}

._1qGcR {
    position: absolute;
    top: 2px;
    width: 18px;
    height: 18px;
    color: var(--bubble-meta-icon);
    opacity: .8
}

._1qGcR {
    cursor: pointer
}

._1qGcR {
    right: 0;
    padding-right: 3px;
    padding-left: 3px
}

html[dir=rtl] ._1qGcR {
    left: 0;
    padding-left: 3px;
    padding-right: 3px
}

._NAbm {
    top: 7px
}

._NAbm {
    right: 7px
}

html[dir=rtl] ._NAbm {
    left: 7px
}

._NAbm._1lcup {
    background: linear-gradient(90deg, rgba(var(--incoming-background-deeper-rgb), 0) 0, rgba(var(--incoming-background-deeper-rgb), 1) 50%)
}

html[dir=rtl] ._NAbm._1lcup {
    background: linear-gradient(270deg, rgba(var(--incoming-background-deeper-rgb), 0) 0, rgba(var(--incoming-background-deeper-rgb), 1) 50%)
}

._NAbm.N7Dyd {
    background: linear-gradient(90deg, rgba(var(--outgoing-background-deeper-rgb), 0) 0, rgba(var(--outgoing-background-deeper-rgb), 1) 50%)
}

html[dir=rtl] ._NAbm.N7Dyd {
    background: linear-gradient(270deg, rgba(var(--outgoing-background-deeper-rgb), 0) 0, rgba(var(--outgoing-background-deeper-rgb), 1) 50%)
}

._1BRpM {
    right: auto;
    left: 5px
}

html[dir=rtl] ._1BRpM {
    left: auto;
    right: 5px
}

._1BRpM ._1qGcR {
    right: auto;
    left: 0
}

html[dir=rtl] ._1BRpM ._1qGcR {
    left: auto;
    right: 0
}

._1BRpM._1lcup {
    background: linear-gradient(270deg, rgba(var(--incoming-background-rgb), 0) 0, rgba(var(--incoming-background-rgb), 1) 50%)
}

html[dir=rtl] ._1BRpM._1lcup {
    background: linear-gradient(90deg, rgba(var(--incoming-background-rgb), 0) 0, rgba(var(--incoming-background-rgb), 1) 50%)
}

._1BRpM.N7Dyd {
    background: linear-gradient(270deg, rgba(var(--outgoing-background-rgb), 0) 0, rgba(var(--outgoing-background-rgb), 1) 50%)
}

html[dir=rtl] ._1BRpM.N7Dyd {
    background: linear-gradient(90deg, rgba(var(--outgoing-background-rgb), 0) 0, rgba(var(--outgoing-background-rgb), 1) 50%)
}

._2_CMk {
    position: absolute;
    top: 3px;
    z-index: 800;
    width: 156px;
    max-width: 90%;
    height: 40px;
    overflow: hidden;
    pointer-events: none
}

._2_CMk {
    cursor: pointer
}

._2_CMk {
    right: 3px;
    border-top-right-radius: 6px
}

html[dir=rtl] ._2_CMk {
    left: 3px;
    border-top-left-radius: 6px
}

._1E3AZ {
    background: linear-gradient(15deg, rgba(var(--overlay-rgb), 0), rgba(var(--overlay-rgb), 0) 45%, rgba(var(--overlay-rgb), .12) 70%, rgba(var(--overlay-rgb), .33))
}

._2mU8N {
    background: linear-gradient(-15deg, rgba(var(--overlay-rgb), 0), rgba(var(--overlay-rgb), 0) 45%, rgba(var(--overlay-rgb), .12) 70%, rgba(var(--overlay-rgb), .33))
}

._1uz89 {
    top: 4px
}

._1uz89 {
    right: 4px
}

html[dir=rtl] ._1uz89 {
    left: 4px
}

._BnPi {
    position: absolute;
    top: 5px;
    width: 18px;
    height: 18px;
    color: var(--inverse);
    pointer-events: auto
}

._BnPi {
    right: 5px
}

html[dir=rtl] ._BnPi {
    left: 5px
}

._260jV {
    top: 4px
}

._260jV {
    background: none !important
}

._260jV {
    right: 4px
}

html[dir=rtl] ._260jV {
    left: 4px
}

._1lcup._2M6wy, .N7Dyd._2M6wy {
    background: none
}

._1lcup.f75q7, html[dir=rtl] .N7Dyd.f75q7 {
    left: 72px;
    right: unset;
    right: 72px;
    left: unset
}

._271l8.N7Dyd {
    width: 66px;
    height: 56px
}

._271l8.N7Dyd {
    background: linear-gradient(34deg, rgba(var(--outgoing-background-rgb), 0), rgba(var(--outgoing-background-rgb), 0) 50%, var(--outgoing-background) 70%)
}

html[dir=rtl] ._271l8.N7Dyd {
    background: linear-gradient(-34deg, rgba(var(--outgoing-background-rgb), 0), rgba(var(--outgoing-background-rgb), 0) 50%, var(--outgoing-background) 70%)
}

._271l8._1lcup {
    width: 66px;
    height: 56px
}

._271l8._1lcup {
    background: linear-gradient(34deg, rgba(var(--incoming-background-rgb), 0), rgba(var(--incoming-background-rgb), 0) 50%, var(--incoming-background) 70%)
}

html[dir=rtl] ._271l8._1lcup {
    background: linear-gradient(-34deg, rgba(var(--incoming-background-rgb), 0), rgba(var(--incoming-background-rgb), 0) 50%, var(--incoming-background) 70%)
}

._BnPi svg, ._1qGcR svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

._3RxmC {
    top: 3px
}

._2Nfr3 {
    top: 5px;
    width: 28px;
    height: 28px
}

._2Nfr3 {
    right: -9px
}

html[dir=rtl] ._2Nfr3 {
    left: -9px
}

._2Nfr3 ._3BvVm {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 28px;
    height: 28px
}

._2Nfr3 ._3BvVm {
    border-radius: 50%
}

._2Nfr3 ._3BvVm {
    left: 0
}

html[dir=rtl] ._2Nfr3 ._3BvVm {
    right: 0
}

._2Nfr3 ._1qGcR {
    top: 0;
    z-index: 2;
    color: var(--menu-context-sticker-icon);
    opacity: 1
}

._2Nfr3 ._1qGcR {
    padding: 5px
}

._2Nfr3._1lcup, ._2Nfr3.N7Dyd {
    background: none
}

._2Nfr3._1lcup ._3BvVm, ._2Nfr3.N7Dyd ._3BvVm {
    background-color: rgba(var(--conversation-panel-background-rgb), .92)
}

.x_Mgr {
    color: var(--inverse)
}

.x_Mgr ._1qGcR {
    color: var(--menu-context-sticker-icon-inverse)
}

._1TBWy {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._1TBWy {
    left: 0
}

html[dir=rtl] ._1TBWy {
    right: 0
}

._1uAPO {
    opacity: 0
}

._14FXT._2S4cq {
    background-color: var(--dropdown-background-hover)
}

._3oTCZ {
    display: block;
    box-sizing: border-box;
    height: 40px;
    color: var(--primary);
    font-size: 14.5px;
    line-height: 14.5px;
    white-space: nowrap
}

._3oTCZ {
    padding-top: 13px;
    cursor: pointer
}

._3oTCZ {
    padding-right: 58px;
    padding-left: 24px
}

html[dir=rtl] ._3oTCZ {
    padding-left: 58px;
    padding-right: 24px
}

._1NUp7 {
    padding-right: 24px
}

html[dir=rtl] ._1NUp7 {
    padding-left: 24px
}

._1Ske5 {
    flex: none;
    opacity: 1
}

._1Ske5 {
    margin-top: 15px
}

@media screen and (max-height: 600px) {
    ._1Ske5 {
        margin-top: 8px
    }
}

.dXdpP {
    flex: none;
    opacity: 0
}

.dXdpP {
    padding: 0
}

.dXdpP:hover {
    cursor: pointer
}

.dXdpP img {
    margin: 1px;
    border-radius: 3px
}

.dXdpP:focus img {
    box-shadow: 0 0 0 2px rgba(var(--blue-light-rgb), .4)
}

.dXdpP:first-child {
    margin-right: 12px;
    padding-right: 12px;
    border-right: 1px solid rgba(var(--primary-rgb), .2)
}

html[dir=rtl] .dXdpP:first-child {
    margin-left: 12px;
    padding-left: 12px;
    border-left: 1px solid rgba(var(--primary-rgb), .2)
}

.dXdpP:last-child {
    padding-right: 0
}

html[dir=rtl] .dXdpP:last-child {
    padding-left: 0
}

._1I3LT {
    margin: 0;
    padding: 0;
    border: 0
}

._1I3LT:first-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none
}

html[dir=rtl] ._1I3LT:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none
}

._1OwwW {
    position: relative;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._1VBFT div {
    opacity: .4
}

._1VBFT [role=button], ._1VBFT button {
    cursor: not-allowed
}

._2AkAt {
    position: relative
}

._2rxVN, ._2W4x7 {
    padding: 18px;
    background: var(--background-default)
}

._3ytR3 {
    box-sizing: border-box;
    width: 336px
}

._3ytR3 {
    padding: 3px 3px 22px
}

._195Yn {
    display: flex;
    width: 100%;
    height: 60px
}

._2Pz7f, ._2bl4m {
    height: 60px;
    overflow: hidden
}

._2bl4m {
    width: 60px
}

._3vhJW {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-height: 60px
}

._3vhJW {
    padding: 0 18px
}

._1mGyp {
    margin-bottom: 4px
}

._15T4U {
    color: var(--secondary-lighter)
}

._15T4U svg {
    display: inline;
    width: 16px;
    height: 16px;
    vertical-align: bottom
}

._15T4U svg {
    padding-right: 4px
}

html[dir=rtl] ._15T4U svg {
    padding-left: 4px
}

._1QHQ7 {
    color: var(--secondary-lighter)
}

._2oaBn {
    align-items: center;
    justify-content: center
}

._2oaBn {
    padding: 0 24px
}

._3Da1E {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    max-width: 226px
}

._1YkZz {
    padding: 3px
}

._3KplR {
    box-sizing: border-box;
    max-width: 220px
}

._3KplR {
    padding: 3px 2px 5px 6px
}

html[dir=rtl] ._3KplR {
    padding: 3px 6px 5px 2px
}

._2CoG- ._3KplR {
    padding-bottom: 0
}

._3ro4V {
    padding: 3px 0 3px 6px
}

html[dir=rtl] ._3ro4V {
    padding: 3px 6px 3px 0
}

._1ZSr- ._3ro4V {
    padding-top: 0
}

._3phU6 {
    position: absolute;
    bottom: 6px;
    z-index: 100
}

._3phU6 {
    right: 8px
}

html[dir=rtl] ._3phU6 {
    left: 8px
}

.ugj0z ._3phU6 {
    bottom: 3px
}

.ugj0z ._3phU6 {
    right: 7px
}

html[dir=rtl] .ugj0z ._3phU6 {
    left: 7px
}

._2g2ig {
    box-sizing: border-box;
    max-width: 220px
}

._2g2ig {
    padding: 7px 4px 5px 6px
}

html[dir=rtl] ._2g2ig {
    padding: 7px 6px 5px 4px
}

._88ktc ._2g2ig {
    padding-bottom: 22px
}

._1QJBw {
    max-width: 220px
}

._1QJBw {
    margin-bottom: 3px
}

.-xSc5 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    max-width: 100%;
    height: 160px;
    overflow: hidden
}

.-xSc5 {
    background-color: var(--gray-600);
    border-radius: 6px
}

._3V2jl {
    height: 168px
}

._3V2jl {
    padding: 0
}

._2nJ1e {
    cursor: pointer
}

.-xSc5:before {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: .3;
    content: ""
}

.-xSc5:before {
    left: 0
}

html[dir=rtl] .-xSc5:before {
    right: 0
}

._2MrqQ {
    position: absolute;
    top: -8px;
    z-index: 1;
    flex: none;
    width: 100%;
    height: 100%;
    filter: blur(8px)
}

._2MrqQ {
    padding: 8px;
    background-position: 50% 50%;
    background-size: cover
}

._2MrqQ {
    left: -8px
}

html[dir=rtl] ._2MrqQ {
    right: -8px
}

._1rd4q {
    position: absolute;
    bottom: 3px;
    z-index: 100;
    height: 15px;
    color: rgba(var(--inverse-rgb), .9);
    font-size: 11px;
    line-height: 15px
}

._1rd4q {
    left: 6px
}

html[dir=rtl] ._1rd4q {
    right: 6px
}

._2QxqP {
    display: inline-block;
    color: var(--inverse);
    vertical-align: top
}

._2QxqP {
    margin-right: 3px
}

html[dir=rtl] ._2QxqP {
    margin-left: 3px
}

._1JriQ, ._1JriQ > * {
    z-index: 101
}

._1JriQ > * {
    opacity: 0;
    transition: opacity 75ms
}

._1JriQ._2UWFy > * {
    opacity: 1
}

.wakvF {
    position: relative;
    max-width: 168px
}

.wakvF {
    margin: 0
}

.wakvF:before {
    position: absolute;
    z-index: 101;
    width: 100%;
    height: 100%;
    content: ""
}

.wakvF:before {
    background: rgba(var(--overlay-rgb), 1);
    border-radius: 6px
}

._1GGbc {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    max-width: 168px;
    overflow: hidden
}

._1GGbc {
    border-radius: 6px;
    cursor: pointer
}

._3cT1M {
    margin: 0 0 3px
}

._3OXJW {
    max-width: 336px
}

.cMvvD {
    width: 330px
}

._7JsyP {
    box-sizing: border-box;
    width: 336px
}

._7JsyP {
    padding: 6px 7px 8px 9px
}

html[dir=rtl] ._7JsyP {
    padding: 6px 9px 8px 7px
}

.NH3iN._7JsyP, ._2Yw9I._7JsyP {
    width: 100%;
    max-width: 336px
}

.qFwaK {
    margin: -3px -4px 7px -6px
}

html[dir=rtl] .qFwaK {
    margin: -3px -6px 7px -4px
}

._3qBTz .qFwaK {
    margin-top: 0
}

._1LRTv {
    position: relative;
    display: flex;
    align-items: center;
    height: 60px
}

._1LRTv {
    margin-right: 8px;
    margin-left: 6px
}

html[dir=rtl] ._1LRTv {
    margin-left: 8px;
    margin-right: 6px
}

._1O0p7 {
    margin-bottom: 6px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--border-bubble)
}

._3t2ki ._1O0p7 {
    margin-bottom: 0;
    border-bottom: none
}

._1ta_Q {
    flex: 1 1 auto;
    overflow: hidden
}

._39Bup {
    flex: none
}

._39Bup {
    margin-right: 15px
}

html[dir=rtl] ._39Bup {
    margin-left: 15px
}

._3BvPf {
    position: absolute;
    bottom: -4px
}

._3BvPf {
    right: -7px
}

html[dir=rtl] ._3BvPf {
    left: -7px
}

._1QRcr {
    overflow: hidden;
    color: var(--primary-stronger);
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis
}

html[dir=rtl] ._1QRcr {
    text-align: left;
    text-align: right
}

._1QRcr .emoji {
    vertical-align: -4px
}

._2lJNj {
    margin: -3px -4px 3px -6px
}

html[dir=rtl] ._2lJNj {
    margin: -3px -6px 3px -4px
}

@keyframes _1rDdB {
    0% {
        background-position: 100% 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes _1wkzd {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

.XSawi {
    background-color: var(--vcard-placeholder-background);
    background-size: 400% 100%
}

.tWSpT {
    background-image: linear-gradient(-80deg, var(--vcard-placeholder-background) 30%, var(--vcard-placeholder-background-deeper) 50%, var(--vcard-placeholder-background) 70%);
    animation: _1rDdB 2.2s ease infinite forwards
}

html[dir=rtl] .tWSpT {
    background-image: linear-gradient(80deg, var(--vcard-placeholder-background) 30%, var(--vcard-placeholder-background-deeper) 50%, var(--vcard-placeholder-background) 70%);
    animation: _1wkzd 2.2s ease infinite forwards
}

._1QyKk {
    width: 49px;
    height: 49px
}

._1QyKk {
    border-radius: 50%
}

._1HjtW {
    width: 75%;
    height: 16px
}

._1HjtW {
    border-radius: 3px
}

.PQSq5 svg {
    width: 49px;
    height: 49px;
    color: rgba(var(--icon-strong-rgb), .5)
}

.PQSq5 svg {
    cursor: pointer
}

._2CYV1 {
    color: var(--button-bubble)
}

._3fs13 {
    margin: -3px -4px 6px -6px
}

html[dir=rtl] ._3fs13 {
    margin: -3px -6px 6px -4px
}

.HNdof ._3fs13, .cln10 ._3fs13, ._1Ggj_ ._3fs13 {
    margin-top: 5px
}

.message-text-link {
    max-width: 100%
}

.message-text-link, .message-text-link a {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.message-text-link a {
    vertical-align: top
}

._3M2yQ {
    margin: -3px -4px 6px -6px
}

html[dir=rtl] ._3M2yQ {
    margin: -3px -6px 6px -4px
}

.HNdof ._3M2yQ, .cln10 ._3M2yQ, ._1Ggj_ ._3M2yQ {
    margin-top: 5px
}

._3fs13 + ._3M2yQ {
    margin-top: -3px
}

._2CsKM {
    position: absolute;
    bottom: -4px
}

._2CsKM {
    right: 0
}

html[dir=rtl] ._2CsKM {
    left: 0
}

._9vf0c {
    color: var(--primary-strong);
    font-weight: 500;
    font-size: 15px;
    line-height: 19px
}

._9vf0c {
    padding-bottom: 5px
}

.cln10 ._9vf0c {
    padding-top: 2px
}

._1qQEf {
    display: inline-block;
    overflow: hidden;
    color: rgba(var(--primary-strong-rgb), .35);
    vertical-align: -4px
}

._1qQEf {
    margin-right: 3px
}

html[dir=rtl] ._1qQEf {
    margin-left: 3px
}

._3pUIZ {
    background-color: rgba(var(--overlay-rgb), .1);
    cursor: pointer
}

.rbF4e {
    position: relative;
    display: flex;
    overflow: hidden
}

.rbF4e {
    background-color: rgba(var(--overlay-rgb), .05);
    border-radius: 7.5px
}

.rctpC {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis
}

.zSEzI {
    flex: none;
    width: 4px
}

.zSEzI {
    background-color: rgba(var(--primary-rgb), .25) !important
}

._2SCf6 {
    display: flex;
    flex-grow: 1;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden
}

._2SCf6 {
    padding: 5px 12px 7px 8px
}

html[dir=rtl] ._2SCf6 {
    padding: 5px 8px 7px 12px
}

._2o1V9 {
    background-color: initial;
    border-radius: 0
}

._2o1V9 .rctpC {
    width: 100%;
    min-height: 66px;
    font-size: 14px;
    line-height: 20px
}

.textsize-xxlarge ._2o1V9 .rctpC {
    font-size: 16.6px;
    line-height: 25px
}

.textsize-xlarge ._2o1V9 .rctpC {
    font-size: 15.6px;
    line-height: 23px
}

.textsize-large ._2o1V9 .rctpC {
    font-size: 14.6px;
    line-height: 21px
}

.textsize-small ._2o1V9 .rctpC {
    font-size: 12.6px;
    line-height: 17px
}

.textsize-xsmall ._2o1V9 .rctpC {
    font-size: 11.6px;
    line-height: 15px
}

.textsize-xxsmall ._2o1V9 .rctpC {
    font-size: 10.6px;
    line-height: 13px
}

._2o1V9 ._2SCf6 {
    padding: 8px 12px 9px 11px
}

html[dir=rtl] ._2o1V9 ._2SCf6 {
    padding: 8px 11px 9px 12px
}

.b7xzZ {
    z-index: 100;
    width: 19px;
    height: 26px
}

._1IRkT .ptt-status-background {
    fill: var(--incoming-background)
}

._1HVT6 .ptt-status-background {
    fill: var(--outgoing-background)
}

._1Fcp3 .ptt-status-icon {
    color: var(--ptt-blue)
}

._2UQ4S .ptt-status-icon {
    color: var(--ptt-gray)
}

._3UOFK .ptt-status-icon {
    color: var(--ptt-green)
}

._3U0gR {
    margin: -3px -4px 6px -6px
}

html[dir=rtl] ._3U0gR {
    margin: -3px -6px 6px -4px
}

._3U0gR img {
    width: 90px
}

._3pDbE {
    position: absolute;
    bottom: -4px
}

._3pDbE {
    right: 0
}

html[dir=rtl] ._3pDbE {
    left: 0
}

._1xUAc {
    width: 320px
}

._1cbKf {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 336px
}

._1ygSL {
    padding: 0
}

._6rCIE {
    display: block;
    font-weight: 500;
    font-size: 15px;
    line-height: normal;
    white-space: normal
}

._6rCIE {
    margin: 0 0 15px
}

._1p7ay {
    position: absolute;
    bottom: -4px
}

._1p7ay {
    right: 0
}

html[dir=rtl] ._1p7ay {
    left: 0
}

.qK-Ia {
    width: 100%
}

.qK-Ia {
    margin-top: 8px;
    text-align: center;
    border-top: 1px solid var(--border-bubble)
}

._1vnL6 {
    display: inline-flex;
    overflow: hidden;
    color: var(--button-alternative);
    font-size: 14px;
    line-height: 20px;
    white-space: pre-wrap
}

._1vnL6 {
    padding: 10px 0 4px;
    text-align: center
}

._1S5EO {
    margin: 0 5px
}

._4qJgs {
    display: inline-block;
    vertical-align: -4px
}

._4qJgs {
    margin-right: 4px
}

html[dir=rtl] ._4qJgs {
    margin-left: 4px
}

._1SmIm, .PtQC4, .YpQZm {
    display: inline-block;
    vertical-align: top
}

._1SmIm, .PtQC4, .YpQZm {
    margin-top: 4px
}

._1SmIm, .PtQC4, .YpQZm {
    margin-right: 4px
}

html[dir=rtl] ._1SmIm, html[dir=rtl] .PtQC4, html[dir=rtl] .YpQZm {
    margin-left: 4px
}

.PtQC4, .YpQZm {
    color: var(--notification-e2e-icon)
}

._1SmIm {
    color: var(--notification-info-icon)
}

._1SmIm svg, .YpQZm svg {
    width: 14px;
    height: 14px
}

.dBsLu {
    color: var(--danger)
}

._2Z3sT {
    color: var(--button-bubble)
}

._23z4j {
    box-sizing: border-box;
    width: 336px
}

._23z4j {
    padding: 3px 3px 22px
}

._2h4eC {
    position: relative;
    box-sizing: border-box;
    width: 336px
}

._2h4eC {
    padding: 3px
}

.Ibxqs {
    max-width: 100%
}

._3UY7- {
    width: auto
}

._4NdIu {
    display: block;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    color: inherit
}

._4NdIu {
    cursor: pointer
}

._4NdIu, html[dir=rtl] ._4NdIu {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.ICvlM {
    height: 34px
}

.ICvlM {
    padding: 13px 19px
}

._3tn5B {
    position: absolute;
    bottom: 3px;
    height: 15px;
    color: var(--secondary-lighter);
    font-size: 11px;
    line-height: 15px
}

._3tn5B {
    left: 8px
}

html[dir=rtl] ._3tn5B {
    right: 8px
}

@media screen and (max-width: 880px) {
    ._3UY7- ._3tn5B {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    ._3UY7- ._3tn5B {
        right: 110px
    }

    html[dir=rtl] ._3UY7- ._3tn5B {
        left: 110px
    }
}

._3k59q:before {
    display: inline-block;
    color: var(--secondary-light);
    content: " \2022 "
}

._3k59q:before {
    margin: 0 4px
}

._3k59q:first-child:before {
    display: none
}

._3k59q {
    display: inline-block;
    max-width: 60px
}

._3k59q, ._2K5wo {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._2K5wo {
    position: relative;
    top: -2px
}

._2K5wo {
    margin: 0 10px
}

html[dir=rtl] ._2K5wo {
    text-align: left;
    text-align: right
}

.l2z-S {
    flex: none
}

.l2z-S {
    margin-top: -1px
}

._3PE9b {
    width: 26px;
    height: 30px
}

._3PE9b {
    background-repeat: no-repeat;
    background-size: contain
}

._1kOOx {
    height: 100px
}

._1kOOx {
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid var(--border-stronger)
}

._1kOOx {
    background-position: 0 0
}

html[dir=rtl] ._1kOOx {
    background-position: 100% 0
}

._2IZOc {
    margin: 0 0 3px
}

.zffVH {
    width: 55px;
    height: 55px;
    overflow: hidden
}

.zffVH {
    border-radius: 50%
}

._1rnRi {
    font-size: 100%;
    font-family: inherit
}

._1rnRi {
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer
}

._10fj4 {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    color: var(--primary-stronger);
    font-size: 13.6px;
    line-height: 20px
}

._10fj4 {
    border-radius: 6px;
    cursor: pointer
}

._14znd {
    flex: 0 0 auto;
    width: 90px;
    height: 90px;
    max-height: 100%
}

._14znd {
    background-position: 50%;
    background-size: cover
}

._1yn16._10fj4 {
    background-color: var(--incoming-background-deeper)
}

._3e5bl._10fj4 {
    background-color: var(--outgoing-background-deeper)
}

._2Qgdf {
    flex: 0 1 auto;
    overflow: hidden;
    color: var(--primary-strong);
    text-overflow: ellipsis
}

._2Qgdf {
    margin-bottom: 2px
}

._2chLL {
    flex: 0 999 auto;
    color: var(--secondary-lighter);
    font-size: 12px;
    text-overflow: ellipsis
}

._2GDwV, ._2chLL {
    display: flex;
    overflow: hidden
}

._2GDwV {
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    max-height: 90px;
    line-height: 19px
}

._2GDwV {
    padding: 6px 10px
}

.njEka {
    width: 18px;
    height: 18px;
    pointer-events: none;
    fill: var(--icon)
}

.njEka {
    margin: 0 2px 0 0
}

html[dir=rtl] .njEka {
    margin: 0 0 0 2px
}

.njEka svg {
    display: inline-block;
    width: 18px;
    height: 18px
}

._1i9QB ._2GDwV {
    order: 1
}

._1i9QB ._2GDwV {
    padding: 0
}

._1i9QB ._14znd {
    order: 2;
    width: 50px;
    height: 50px
}

._36EMx {
    padding: 3px 0 5px 6px
}

html[dir=rtl] ._36EMx {
    padding: 3px 6px 5px 0
}

._36EMx._1FUM7 {
    padding-bottom: 0
}

._1e_Zq {
    box-sizing: border-box;
    max-width: 330px
}

._1e_Zq {
    padding: 7px 4px 5px 6px
}

html[dir=rtl] ._1e_Zq {
    padding: 7px 6px 5px 4px
}

._1DRoe {
    padding: 3px 0 3px 6px
}

html[dir=rtl] ._1DRoe {
    padding: 3px 6px 3px 0
}

._1DRoe._2xmaI {
    padding-top: 0
}

.wo1Tv {
    position: absolute;
    bottom: 3px
}

.wo1Tv {
    right: 7px
}

html[dir=rtl] .wo1Tv {
    left: 7px
}

.wo1Tv._17lIj {
    bottom: 3px
}

.wo1Tv._17lIj {
    right: 7px
}

html[dir=rtl] .wo1Tv._17lIj {
    left: 7px
}

._3uZiO {
    margin-bottom: 3px
}

._203bP {
    overflow: hidden;
    text-overflow: ellipsis
}

._2eL9P {
    display: inline-block;
    color: rgba(var(--primary-strong-rgb), .5);
    vertical-align: -2px
}

._2eL9P {
    margin-right: 4px
}

html[dir=rtl] ._2eL9P {
    margin-left: 4px
}

.Y1_d7 {
    position: absolute;
    z-index: 1000;
    display: flex;
    align-items: center;
    height: 100%;
    pointer-events: none
}

.Y1_d7 {
    right: -40px
}

html[dir=rtl] .Y1_d7 {
    left: -40px
}

._14OwO {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--inverse);
    pointer-events: auto
}

._14OwO {
    background-color: var(--danger);
    border: 1px solid var(--inverse);
    border-radius: 50%
}

@media screen and (max-width: 900px) {
    .Y1_d7 {
        right: -15px
    }

    html[dir=rtl] .Y1_d7 {
        left: -15px
    }
}

@media screen and (min-width: 1025px) and (max-width: 1300px) {
    .three .Y1_d7 {
        right: -15px
    }

    html[dir=rtl] .three .Y1_d7 {
        left: -15px
    }
}

.Y1_d7._30ae7 {
    right: -15px
}

html[dir=rtl] .Y1_d7._30ae7 {
    left: -15px
}

.R8RdR {
    margin-bottom: 10px;
    border-bottom: 1px solid var(--border-bubble)
}

.R8RdR {
    padding: 5px 3px 10px 0
}

html[dir=rtl] .R8RdR {
    padding: 5px 0 10px 3px
}

._3bvwv {
    margin-top: 4px;
    margin-bottom: 14px
}

._1wV61 {
    margin: -3px -5px 10px -6px
}

html[dir=rtl] ._1wV61 {
    margin: -3px -6px 10px -5px
}

.I09HN._1wV61, .sv0oF._1wV61 {
    margin-top: 5px
}

._1gtAT {
    display: flex;
    align-items: center;
    direction: ltr
}

._3xq3f {
    display: block;
    flex: none;
    width: 34px;
    height: 34px;
    margin-top: -1px;
    margin-right: 12px
}

._3s69f, ._3xq3f {
    position: relative
}

._3s69f {
    flex: 1
}

._25ztn {
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
    color: rgba(var(--icon-strong-rgb), .5)
}

._1tfT0 {
    top: -1px
}

.MS3ex, ._1tfT0 {
    position: relative;
    width: 100%
}

.MS3ex {
    display: block;
    box-sizing: border-box;
    height: 21px;
    background-color: initial !important;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.MS3ex::-webkit-slider-runnable-track {
    height: 3px
}

._1uSq7 .MS3ex::-webkit-slider-runnable-track {
    background-color: var(--audio-track-incoming)
}

._1HHCZ .MS3ex::-webkit-slider-runnable-track {
    background-color: var(--audio-track-outgoing)
}

.MS3ex::-webkit-slider-thumb {
    width: 13px;
    height: 13px;
    margin-top: -5px;
    background: var(--blue-light);
    border: none;
    border-radius: 50%;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    -webkit-appearance: none;
    appearance: none
}

.MS3ex:active::-webkit-slider-thumb {
    width: 15px;
    height: 15px;
    margin-top: -6px
}

.MS3ex:disabled::-webkit-slider-thumb {
    display: none
}

.MS3ex::-moz-range-track {
    height: 3px
}

._1uSq7 .MS3ex::-moz-range-track {
    background-color: var(--audio-track-incoming)
}

._1HHCZ .MS3ex::-moz-range-track {
    background-color: var(--audio-track-outgoing)
}

.MS3ex::-moz-range-thumb {
    width: 13px;
    height: 13px;
    margin-top: -5px;
    background: var(--blue-light);
    border: none;
    border-radius: 50%;
    -moz-transition: all .1s ease;
    transition: all .1s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.MS3ex::-moz-focus-outer {
    border: 0
}

.MS3ex:active::-moz-range-thumb {
    width: 15px;
    height: 15px;
    margin-top: -6px
}

.MS3ex:disabled::-moz-range-thumb {
    display: none
}

.MS3ex::-ms-track {
    height: 3px;
    border: none
}

._1uSq7 .MS3ex::-ms-track {
    background-color: var(--audio-track-incoming)
}

._1HHCZ .MS3ex::-ms-track {
    background-color: var(--audio-track-outgoing)
}

.MS3ex::-ms-thumb {
    width: 13px;
    height: 13px;
    margin-top: 0;
    background: var(--blue-light);
    border-radius: 50%;
    -webkit-appearance: none;
    appearance: none
}

.MS3ex:active::-ms-thumb {
    width: 15px;
    height: 15px;
    margin-top: -1px
}

.MS3ex:disabled::-ms-thumb {
    display: none
}

._1rZu5 {
    top: 9px;
    z-index: 10;
    width: 0;
    height: 3px;
    background-color: var(--blue-light);
    pointer-events: none
}

._1rZu5, ._1Fdwb {
    position: absolute;
    left: 0
}

._1Fdwb {
    top: 0
}

._1HHCZ ._1rZu5 {
    background-color: var(--audio-progress-outgoing)
}

._1HHCZ .MS3ex::-webkit-slider-thumb {
    background-color: var(--audio-progress-outgoing)
}

._1HHCZ .MS3ex::-moz-range-thumb {
    background-color: var(--audio-progress-outgoing)
}

._1HHCZ._3heB6 ._1rZu5 {
    background-color: var(--audio-progress-played-outgoing)
}

._1HHCZ._3heB6 .MS3ex::-webkit-slider-thumb {
    background-color: var(--audio-progress-played-outgoing)
}

._1HHCZ._3heB6 .MS3ex::-moz-range-thumb {
    background-color: var(--audio-progress-played-outgoing)
}

._1uSq7 ._1rZu5 {
    background-color: var(--audio-progress-incoming)
}

._1uSq7 .MS3ex::-webkit-slider-thumb {
    background-color: var(--audio-progress-incoming)
}

._1uSq7 .MS3ex::-moz-range-thumb {
    background-color: var(--audio-progress-incoming)
}

._1uSq7._3heB6 ._1rZu5 {
    background-color: var(--audio-progress-played-incoming)
}

._1uSq7._3heB6 .MS3ex::-webkit-slider-thumb {
    background-color: var(--audio-progress-played-incoming)
}

._1uSq7._3heB6 .MS3ex::-moz-range-thumb {
    background-color: var(--audio-progress-played-incoming)
}

._2fsgs {
    position: absolute;
    bottom: -19px;
    color: var(--secondary-lighter);
    font-size: 11px;
    line-height: 15px
}

._2fsgs {
    left: 0
}

html[dir=rtl] ._2fsgs {
    right: 0
}

@media screen and (max-width: 880px) {
    ._26s0s ._2fsgs {
        display: none
    }
}

._3O11n {
    padding: 7px 4px 6px 6px
}

html[dir=rtl] ._3O11n {
    padding: 7px 6px 6px 4px
}

._2Luuy {
    position: absolute;
    bottom: 6px
}

._2Luuy {
    right: 8px
}

html[dir=rtl] ._2Luuy {
    left: 8px
}

._1wlJG {
    position: relative;
    white-space: pre-wrap;
    word-wrap: break-word
}

._1wlJG strong {
    color: var(--primary-strong);
    font-weight: 700
}

._1wlJG code {
    font-size: 13px
}

.textsize-xxlarge ._1wlJG code {
    font-size: 16px
}

.textsize-xlarge ._1wlJG code {
    font-size: 15px
}

.textsize-large ._1wlJG code {
    font-size: 14px
}

.textsize-small ._1wlJG code {
    font-size: 12px
}

.textsize-xsmall ._1wlJG code {
    font-size: 11px
}

.textsize-xxsmall ._1wlJG code {
    font-size: 10px
}

._1NcJS strong {
    opacity: .76
}

._1wlJG a:hover {
    text-decoration: underline
}

html[dir=rtl] ._1wlJG {
    white-space: pre-line
}

.safari-fix ._1wlJG {
    white-space: pre-wrap
}

.G1sHr, ._1DDbh {
    color: var(--secondary-lighter);
    font-style: italic
}

._3ysB9 {
    display: inline-block;
    width: 54px;
    vertical-align: middle
}

._1BcQo {
    width: 72px
}

._3DxOr {
    width: 90px
}

._21Zcy {
    width: 109px
}

._3Q2tG {
    width: 130px
}

html[lang=af] ._3ysB9 {
    width: 56px
}

html[lang=ar] ._3ysB9 {
    width: 43px
}

html[lang=az] ._3ysB9 {
    width: 56px
}

html[lang=bn] ._3ysB9 {
    width: 58px
}

html[lang=ca] ._3ysB9 {
    width: 66px
}

html[lang=cs] ._3ysB9 {
    width: 63px
}

html[lang=da] ._3ysB9 {
    width: 55px
}

html[lang=de] ._3ysB9 {
    width: 57px
}

html[lang=el] ._3ysB9 {
    width: 60px
}

html[lang=en] ._3ysB9 {
    width: 56px
}

html[lang=es] ._3ysB9 {
    width: 66px
}

html[lang=et] ._3ysB9 {
    width: 57px
}

html[lang=fa] ._3ysB9 {
    width: 78px
}

html[lang=fi] ._3ysB9 {
    width: 52px
}

html[lang=fr] ._3ysB9 {
    width: 57px
}

html[lang=he] ._3ysB9 {
    width: 74px
}

html[lang=hi] ._3ysB9 {
    width: 82px
}

html[lang=hr] ._3ysB9 {
    width: 63px
}

html[lang=hu] ._3ysB9 {
    width: 57px
}

html[lang=id] ._3ysB9 {
    width: 55px
}

html[lang=it] ._3ysB9 {
    width: 57px
}

html[lang=kk] ._3ysB9 {
    width: 56px
}

html[lang=kn] ._3ysB9 {
    width: 78px
}

html[lang=ko] ._3ysB9 {
    width: 59px
}

html[lang=lt] ._3ysB9 {
    width: 80px
}

html[lang=mk] ._3ysB9, html[lang=ml] ._3ysB9, html[lang=mr] ._3ysB9 {
    width: 56px
}

html[lang=ms] ._3ysB9 {
    width: 62px
}

html[lang=nb] ._3ysB9 {
    width: 63px
}

html[lang=pl] ._3ysB9, html[lang=pt-BR] ._3ysB9, html[lang=pt] ._3ysB9 {
    width: 56px
}

html[lang=ro] ._3ysB9 {
    width: 63px
}

html[lang=ru] ._3ysB9 {
    width: 57px
}

html[lang=sl] ._3ysB9 {
    width: 63px
}

html[lang=sq] ._3ysB9 {
    width: 57px
}

html[lang=sr] ._3ysB9 {
    width: 89px
}

html[lang=sv] ._3ysB9 {
    width: 56px
}

html[lang=sw] ._3ysB9 {
    width: 57px
}

html[lang=ta] ._3ysB9 {
    width: 56px
}

html[lang=te] ._3ysB9 {
    width: 57px
}

html[lang=tr] ._3ysB9 {
    width: 56px
}

html[lang=uk] ._3ysB9 {
    width: 53px
}

html[lang=ur] ._3ysB9 {
    width: 42px
}

html[lang=uz] ._3ysB9 {
    width: 56px
}

html[lang=zh-CN] ._3ysB9, html[lang=zh-TW] ._3ysB9 {
    width: 59px
}

html[loc=ar-DZ] ._3ysB9 {
    width: 43px
}

html[loc=ar-KW] ._3ysB9 {
    width: 44px
}

html[loc=ar-LY] ._3ysB9 {
    width: 43px
}

html[loc=ar-MA] ._3ysB9, html[loc=ar-SA] ._3ysB9, html[loc=ar-TN] ._3ysB9 {
    width: 44px
}

html[loc=en-AU] ._3ysB9 {
    width: 56px
}

html[loc=en-CA] ._3ysB9, html[loc=en-GB] ._3ysB9, html[loc=en-IE] ._3ysB9 {
    width: 57px
}

html[loc=en-NZ] ._3ysB9 {
    width: 56px
}

html[loc=es-DO] ._3ysB9 {
    width: 66px
}

html[loc=fr-CA] ._3ysB9, html[loc=fr-CH] ._3ysB9 {
    width: 56px
}

html[loc=ms-MY] ._3ysB9 {
    width: 62px
}

html[loc=pa-IN] ._3ysB9 {
    width: 56px
}

html[loc=sr-CYRL] ._3ysB9 {
    width: 90px
}

html[loc=uz-LATN] ._3ysB9 {
    width: 57px
}

html[lang=af] ._1BcQo {
    width: 74px
}

html[lang=ar] ._1BcQo {
    width: 61px
}

html[lang=az] ._1BcQo {
    width: 74px
}

html[lang=bn] ._1BcQo {
    width: 76px
}

html[lang=ca] ._1BcQo {
    width: 84px
}

html[lang=cs] ._1BcQo {
    width: 81px
}

html[lang=da] ._1BcQo {
    width: 73px
}

html[lang=de] ._1BcQo {
    width: 75px
}

html[lang=el] ._1BcQo {
    width: 78px
}

html[lang=en] ._1BcQo {
    width: 74px
}

html[lang=es] ._1BcQo {
    width: 84px
}

html[lang=et] ._1BcQo {
    width: 75px
}

html[lang=fa] ._1BcQo {
    width: 96px
}

html[lang=fi] ._1BcQo {
    width: 70px
}

html[lang=fr] ._1BcQo {
    width: 75px
}

html[lang=he] ._1BcQo {
    width: 92px
}

html[lang=hi] ._1BcQo {
    width: 100px
}

html[lang=hr] ._1BcQo {
    width: 81px
}

html[lang=hu] ._1BcQo {
    width: 75px
}

html[lang=id] ._1BcQo {
    width: 73px
}

html[lang=it] ._1BcQo {
    width: 75px
}

html[lang=kk] ._1BcQo {
    width: 74px
}

html[lang=kn] ._1BcQo {
    width: 96px
}

html[lang=ko] ._1BcQo {
    width: 77px
}

html[lang=lt] ._1BcQo {
    width: 98px
}

html[lang=mk] ._1BcQo, html[lang=ml] ._1BcQo, html[lang=mr] ._1BcQo {
    width: 74px
}

html[lang=ms] ._1BcQo {
    width: 80px
}

html[lang=nb] ._1BcQo {
    width: 81px
}

html[lang=pl] ._1BcQo, html[lang=pt-BR] ._1BcQo, html[lang=pt] ._1BcQo {
    width: 74px
}

html[lang=ro] ._1BcQo {
    width: 81px
}

html[lang=ru] ._1BcQo {
    width: 75px
}

html[lang=sl] ._1BcQo {
    width: 81px
}

html[lang=sq] ._1BcQo {
    width: 75px
}

html[lang=sr] ._1BcQo {
    width: 107px
}

html[lang=sv] ._1BcQo {
    width: 74px
}

html[lang=sw] ._1BcQo {
    width: 75px
}

html[lang=ta] ._1BcQo {
    width: 74px
}

html[lang=te] ._1BcQo {
    width: 75px
}

html[lang=tr] ._1BcQo {
    width: 74px
}

html[lang=uk] ._1BcQo {
    width: 71px
}

html[lang=ur] ._1BcQo {
    width: 60px
}

html[lang=uz] ._1BcQo {
    width: 74px
}

html[lang=zh-CN] ._1BcQo, html[lang=zh-TW] ._1BcQo {
    width: 77px
}

html[loc=ar-DZ] ._1BcQo {
    width: 61px
}

html[loc=ar-KW] ._1BcQo {
    width: 62px
}

html[loc=ar-LY] ._1BcQo {
    width: 61px
}

html[loc=ar-MA] ._1BcQo, html[loc=ar-SA] ._1BcQo, html[loc=ar-TN] ._1BcQo {
    width: 62px
}

html[loc=en-AU] ._1BcQo {
    width: 74px
}

html[loc=en-CA] ._1BcQo, html[loc=en-GB] ._1BcQo, html[loc=en-IE] ._1BcQo {
    width: 75px
}

html[loc=en-NZ] ._1BcQo {
    width: 74px
}

html[loc=es-DO] ._1BcQo {
    width: 84px
}

html[loc=fr-CA] ._1BcQo, html[loc=fr-CH] ._1BcQo {
    width: 74px
}

html[loc=ms-MY] ._1BcQo {
    width: 80px
}

html[loc=pa-IN] ._1BcQo {
    width: 74px
}

html[loc=sr-CYRL] ._1BcQo {
    width: 108px
}

html[loc=uz-LATN] ._1BcQo {
    width: 75px
}

html[lang=af] ._3DxOr {
    width: 92px
}

html[lang=ar] ._3DxOr {
    width: 79px
}

html[lang=az] ._3DxOr {
    width: 92px
}

html[lang=bn] ._3DxOr {
    width: 94px
}

html[lang=ca] ._3DxOr {
    width: 102px
}

html[lang=cs] ._3DxOr {
    width: 99px
}

html[lang=da] ._3DxOr {
    width: 91px
}

html[lang=de] ._3DxOr {
    width: 93px
}

html[lang=el] ._3DxOr {
    width: 96px
}

html[lang=en] ._3DxOr {
    width: 92px
}

html[lang=es] ._3DxOr {
    width: 102px
}

html[lang=et] ._3DxOr {
    width: 93px
}

html[lang=fa] ._3DxOr {
    width: 114px
}

html[lang=fi] ._3DxOr {
    width: 88px
}

html[lang=fr] ._3DxOr {
    width: 93px
}

html[lang=he] ._3DxOr {
    width: 110px
}

html[lang=hi] ._3DxOr {
    width: 118px
}

html[lang=hr] ._3DxOr {
    width: 99px
}

html[lang=hu] ._3DxOr {
    width: 93px
}

html[lang=id] ._3DxOr {
    width: 91px
}

html[lang=it] ._3DxOr {
    width: 93px
}

html[lang=kk] ._3DxOr {
    width: 92px
}

html[lang=kn] ._3DxOr {
    width: 114px
}

html[lang=ko] ._3DxOr {
    width: 95px
}

html[lang=lt] ._3DxOr {
    width: 116px
}

html[lang=mk] ._3DxOr, html[lang=ml] ._3DxOr, html[lang=mr] ._3DxOr {
    width: 92px
}

html[lang=ms] ._3DxOr {
    width: 98px
}

html[lang=nb] ._3DxOr {
    width: 99px
}

html[lang=pl] ._3DxOr, html[lang=pt-BR] ._3DxOr, html[lang=pt] ._3DxOr {
    width: 92px
}

html[lang=ro] ._3DxOr {
    width: 99px
}

html[lang=ru] ._3DxOr {
    width: 93px
}

html[lang=sl] ._3DxOr {
    width: 99px
}

html[lang=sq] ._3DxOr {
    width: 93px
}

html[lang=sr] ._3DxOr {
    width: 125px
}

html[lang=sv] ._3DxOr {
    width: 92px
}

html[lang=sw] ._3DxOr {
    width: 93px
}

html[lang=ta] ._3DxOr {
    width: 92px
}

html[lang=te] ._3DxOr {
    width: 93px
}

html[lang=tr] ._3DxOr {
    width: 92px
}

html[lang=uk] ._3DxOr {
    width: 89px
}

html[lang=ur] ._3DxOr {
    width: 78px
}

html[lang=uz] ._3DxOr {
    width: 92px
}

html[lang=zh-CN] ._3DxOr, html[lang=zh-TW] ._3DxOr {
    width: 95px
}

html[loc=ar-DZ] ._3DxOr {
    width: 79px
}

html[loc=ar-KW] ._3DxOr {
    width: 80px
}

html[loc=ar-LY] ._3DxOr {
    width: 79px
}

html[loc=ar-MA] ._3DxOr, html[loc=ar-SA] ._3DxOr, html[loc=ar-TN] ._3DxOr {
    width: 80px
}

html[loc=en-AU] ._3DxOr {
    width: 92px
}

html[loc=en-CA] ._3DxOr, html[loc=en-GB] ._3DxOr, html[loc=en-IE] ._3DxOr {
    width: 93px
}

html[loc=en-NZ] ._3DxOr {
    width: 92px
}

html[loc=es-DO] ._3DxOr {
    width: 102px
}

html[loc=fr-CA] ._3DxOr, html[loc=fr-CH] ._3DxOr {
    width: 92px
}

html[loc=ms-MY] ._3DxOr {
    width: 98px
}

html[loc=pa-IN] ._3DxOr {
    width: 92px
}

html[loc=sr-CYRL] ._3DxOr {
    width: 126px
}

html[loc=uz-LATN] ._3DxOr {
    width: 93px
}

html[lang=af] ._21Zcy {
    width: 111px
}

html[lang=ar] ._21Zcy {
    width: 98px
}

html[lang=az] ._21Zcy {
    width: 111px
}

html[lang=bn] ._21Zcy {
    width: 113px
}

html[lang=ca] ._21Zcy {
    width: 121px
}

html[lang=cs] ._21Zcy {
    width: 118px
}

html[lang=da] ._21Zcy {
    width: 110px
}

html[lang=de] ._21Zcy {
    width: 112px
}

html[lang=el] ._21Zcy {
    width: 115px
}

html[lang=en] ._21Zcy {
    width: 111px
}

html[lang=es] ._21Zcy {
    width: 121px
}

html[lang=et] ._21Zcy {
    width: 112px
}

html[lang=fa] ._21Zcy {
    width: 133px
}

html[lang=fi] ._21Zcy {
    width: 107px
}

html[lang=fr] ._21Zcy {
    width: 112px
}

html[lang=he] ._21Zcy {
    width: 129px
}

html[lang=hi] ._21Zcy {
    width: 137px
}

html[lang=hr] ._21Zcy {
    width: 118px
}

html[lang=hu] ._21Zcy {
    width: 112px
}

html[lang=id] ._21Zcy {
    width: 110px
}

html[lang=it] ._21Zcy {
    width: 112px
}

html[lang=kk] ._21Zcy {
    width: 111px
}

html[lang=kn] ._21Zcy {
    width: 133px
}

html[lang=ko] ._21Zcy {
    width: 114px
}

html[lang=lt] ._21Zcy {
    width: 135px
}

html[lang=mk] ._21Zcy, html[lang=ml] ._21Zcy, html[lang=mr] ._21Zcy {
    width: 111px
}

html[lang=ms] ._21Zcy {
    width: 117px
}

html[lang=nb] ._21Zcy {
    width: 118px
}

html[lang=pl] ._21Zcy, html[lang=pt-BR] ._21Zcy, html[lang=pt] ._21Zcy {
    width: 111px
}

html[lang=ro] ._21Zcy {
    width: 118px
}

html[lang=ru] ._21Zcy {
    width: 112px
}

html[lang=sl] ._21Zcy {
    width: 118px
}

html[lang=sq] ._21Zcy {
    width: 112px
}

html[lang=sr] ._21Zcy {
    width: 144px
}

html[lang=sv] ._21Zcy {
    width: 111px
}

html[lang=sw] ._21Zcy {
    width: 112px
}

html[lang=ta] ._21Zcy {
    width: 111px
}

html[lang=te] ._21Zcy {
    width: 112px
}

html[lang=tr] ._21Zcy {
    width: 111px
}

html[lang=uk] ._21Zcy {
    width: 108px
}

html[lang=ur] ._21Zcy {
    width: 97px
}

html[lang=uz] ._21Zcy {
    width: 111px
}

html[lang=zh-CN] ._21Zcy, html[lang=zh-TW] ._21Zcy {
    width: 114px
}

html[loc=ar-DZ] ._21Zcy {
    width: 98px
}

html[loc=ar-KW] ._21Zcy {
    width: 99px
}

html[loc=ar-LY] ._21Zcy {
    width: 98px
}

html[loc=ar-MA] ._21Zcy, html[loc=ar-SA] ._21Zcy, html[loc=ar-TN] ._21Zcy {
    width: 99px
}

html[loc=en-AU] ._21Zcy {
    width: 111px
}

html[loc=en-CA] ._21Zcy, html[loc=en-GB] ._21Zcy, html[loc=en-IE] ._21Zcy {
    width: 112px
}

html[loc=en-NZ] ._21Zcy {
    width: 111px
}

html[loc=es-DO] ._21Zcy {
    width: 121px
}

html[loc=fr-CA] ._21Zcy, html[loc=fr-CH] ._21Zcy {
    width: 111px
}

html[loc=ms-MY] ._21Zcy {
    width: 117px
}

html[loc=pa-IN] ._21Zcy {
    width: 111px
}

html[loc=sr-CYRL] ._21Zcy {
    width: 145px
}

html[loc=uz-LATN] ._21Zcy {
    width: 112px
}

html[lang=af] ._3Q2tG {
    width: 132px
}

html[lang=ar] ._3Q2tG {
    width: 119px
}

html[lang=az] ._3Q2tG {
    width: 132px
}

html[lang=bn] ._3Q2tG {
    width: 134px
}

html[lang=ca] ._3Q2tG {
    width: 142px
}

html[lang=cs] ._3Q2tG {
    width: 139px
}

html[lang=da] ._3Q2tG {
    width: 131px
}

html[lang=de] ._3Q2tG {
    width: 133px
}

html[lang=el] ._3Q2tG {
    width: 136px
}

html[lang=en] ._3Q2tG {
    width: 132px
}

html[lang=es] ._3Q2tG {
    width: 142px
}

html[lang=et] ._3Q2tG {
    width: 133px
}

html[lang=fa] ._3Q2tG {
    width: 154px
}

html[lang=fi] ._3Q2tG {
    width: 128px
}

html[lang=fr] ._3Q2tG {
    width: 133px
}

html[lang=he] ._3Q2tG {
    width: 150px
}

html[lang=hi] ._3Q2tG {
    width: 158px
}

html[lang=hr] ._3Q2tG {
    width: 139px
}

html[lang=hu] ._3Q2tG {
    width: 133px
}

html[lang=id] ._3Q2tG {
    width: 131px
}

html[lang=it] ._3Q2tG {
    width: 133px
}

html[lang=kk] ._3Q2tG {
    width: 132px
}

html[lang=kn] ._3Q2tG {
    width: 154px
}

html[lang=ko] ._3Q2tG {
    width: 135px
}

html[lang=lt] ._3Q2tG {
    width: 156px
}

html[lang=mk] ._3Q2tG, html[lang=ml] ._3Q2tG, html[lang=mr] ._3Q2tG {
    width: 132px
}

html[lang=ms] ._3Q2tG {
    width: 138px
}

html[lang=nb] ._3Q2tG {
    width: 139px
}

html[lang=pl] ._3Q2tG, html[lang=pt-BR] ._3Q2tG, html[lang=pt] ._3Q2tG {
    width: 132px
}

html[lang=ro] ._3Q2tG {
    width: 139px
}

html[lang=ru] ._3Q2tG {
    width: 133px
}

html[lang=sl] ._3Q2tG {
    width: 139px
}

html[lang=sq] ._3Q2tG {
    width: 133px
}

html[lang=sr] ._3Q2tG {
    width: 165px
}

html[lang=sv] ._3Q2tG {
    width: 132px
}

html[lang=sw] ._3Q2tG {
    width: 133px
}

html[lang=ta] ._3Q2tG {
    width: 132px
}

html[lang=te] ._3Q2tG {
    width: 133px
}

html[lang=tr] ._3Q2tG {
    width: 132px
}

html[lang=uk] ._3Q2tG {
    width: 129px
}

html[lang=ur] ._3Q2tG {
    width: 118px
}

html[lang=uz] ._3Q2tG {
    width: 132px
}

html[lang=zh-CN] ._3Q2tG, html[lang=zh-TW] ._3Q2tG {
    width: 135px
}

html[loc=ar-DZ] ._3Q2tG {
    width: 119px
}

html[loc=ar-KW] ._3Q2tG {
    width: 120px
}

html[loc=ar-LY] ._3Q2tG {
    width: 119px
}

html[loc=ar-MA] ._3Q2tG, html[loc=ar-SA] ._3Q2tG, html[loc=ar-TN] ._3Q2tG {
    width: 120px
}

html[loc=en-AU] ._3Q2tG {
    width: 132px
}

html[loc=en-CA] ._3Q2tG, html[loc=en-GB] ._3Q2tG, html[loc=en-IE] ._3Q2tG {
    width: 133px
}

html[loc=en-NZ] ._3Q2tG {
    width: 132px
}

html[loc=es-DO] ._3Q2tG {
    width: 142px
}

html[loc=fr-CA] ._3Q2tG, html[loc=fr-CH] ._3Q2tG {
    width: 132px
}

html[loc=ms-MY] ._3Q2tG {
    width: 138px
}

html[loc=pa-IN] ._3Q2tG {
    width: 132px
}

html[loc=sr-CYRL] ._3Q2tG {
    width: 166px
}

html[loc=uz-LATN] ._3Q2tG {
    width: 133px
}

._3h2XH {
    cursor: auto
}

.NSNJN {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    max-width: 336px
}

.NSNJN {
    padding: 3px
}

._3cTCU {
    max-width: 100%
}

._2nBGX {
    padding-top: 3px;
    padding-bottom: 5px
}

._2nBGX {
    padding-left: 6px
}

html[dir=rtl] ._2nBGX {
    padding-right: 6px
}

._3hQqM ._2nBGX {
    padding-bottom: 0
}

._2hu7q {
    padding: 3px 0 3px 6px
}

html[dir=rtl] ._2hu7q {
    padding: 3px 6px 3px 0
}

.m9la1 ._2hu7q {
    padding-top: 0
}

._1yXJw {
    position: absolute;
    bottom: 6px;
    z-index: 2
}

._1yXJw {
    right: 8px
}

html[dir=rtl] ._1yXJw {
    left: 8px
}

._1NQ-K ._1yXJw {
    bottom: 3px
}

._1NQ-K ._1yXJw {
    right: 7px
}

html[dir=rtl] ._1NQ-K ._1yXJw {
    left: 7px
}

._262ra {
    box-sizing: border-box;
    max-width: 330px
}

._262ra {
    padding: 7px 4px 5px 6px
}

html[dir=rtl] ._262ra {
    padding: 7px 6px 5px 4px
}

._1jMWn ._262ra {
    padding-bottom: 22px
}

._2Xa-q {
    box-sizing: border-box;
    max-width: 330px
}

._2Xa-q {
    margin-bottom: 3px
}

._1mTER {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    overflow: hidden
}

._1mTER {
    border-radius: 6px;
    cursor: pointer
}

._5YaSX {
    padding: 0
}

._5YaSX ._1mTER {
    position: relative;
    min-height: 165px;
    max-height: 168px
}

._5YaSX ._1yXJw {
    bottom: 3px
}

._5YaSX ._1yXJw {
    right: 5px
}

html[dir=rtl] ._5YaSX ._1yXJw {
    left: 5px
}

._2ggGe {
    flex: none
}

._2ggGe {
    -webkit-transition: -webkit-filter .16s linear
}

._3kSha {
    filter: blur(8px)
}

.PSLKW ._1mTER {
    max-height: 220px
}

._3Wn84 {
    position: relative;
    max-width: 168px
}

._3Wn84 {
    margin: 0
}

._3Wn84:before {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    content: ""
}

._3Wn84:before {
    background: rgba(var(--overlay-rgb), .6);
    border-radius: 6px
}

._2rU5X {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    max-width: 168px;
    overflow: hidden
}

._2rU5X {
    border-radius: 6px;
    cursor: pointer
}

._2spym {
    margin: 0 0 3px
}

._1d7uX {
    overflow: hidden;
    font-size: 13.6px;
    line-height: 20px
}

._1d7uX {
    border-radius: 6px
}

.textsize-xxlarge ._1d7uX {
    font-size: 16.6px;
    line-height: 25px
}

.textsize-xlarge ._1d7uX {
    font-size: 15.6px;
    line-height: 23px
}

.textsize-large ._1d7uX {
    font-size: 14.6px;
    line-height: 21px
}

.textsize-small ._1d7uX {
    font-size: 12.6px;
    line-height: 17px
}

.textsize-xsmall ._1d7uX {
    font-size: 11.6px;
    line-height: 15px
}

.textsize-xxsmall ._1d7uX {
    font-size: 10.6px;
    line-height: 13px
}

.AHXHx._1d7uX {
    background-color: var(--incoming-background-deeper)
}

._25c1-._1d7uX {
    background-color: var(--outgoing-background-deeper)
}

._3npkZ {
    flex: 0 1 auto;
    overflow: hidden;
    color: var(--primary-strong);
    text-overflow: ellipsis
}

._3npkZ {
    margin-bottom: 2px
}

.ZX2_R {
    flex: 0 999 auto;
    overflow: hidden;
    color: var(--secondary);
    font-size: 12px
}

.oeihF {
    flex: none;
    color: var(--secondary-stronger);
    font-size: 12px
}

.oeihF {
    padding-top: 1px
}

._27ApE {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    max-height: 90px;
    overflow: hidden;
    line-height: 19px
}

._27ApE {
    padding: 6px 10px
}

._27ApE._1CONW {
    max-width: 100%
}

._1d7uX .emoji {
    pointer-events: none
}

.textsize-xlarge ._1d7uX .emoji, .textsize-xxlarge ._1d7uX .emoji {
    transform: translateY(2px)
}

.textsize-small ._1d7uX .emoji {
    transform: translateY(-2px) scale(.85)
}

.textsize-xsmall ._1d7uX .emoji {
    transform: translateY(-3px) scale(.75)
}

.textsize-xxsmall ._1d7uX .emoji {
    transform: translateY(-3px) scale(.65)
}

._1d7uX strong {
    color: var(--primary-strong);
    font-weight: 700
}

._1d7uX strong {
    text-shadow: 0 0 0 rgba(var(--shadow-rgb), .3)
}

.-TIEh {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-height: 280px;
    overflow: hidden
}

._3pQdt {
    position: relative;
    top: -5px;
    flex: none;
    width: 290px;
    filter: blur(8px)
}

._3pQdt {
    margin-bottom: -15px;
    cursor: pointer
}

._2v5ky {
    height: 170px;
    object-fit: cover
}

.ERsr1 {
    position: relative;
    width: 100%;
    height: 160px
}

.ERsr1 {
    background-color: var(--overlay)
}

._2FNv4 {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%
}

._2FNv4 {
    cursor: pointer
}

._2FNv4 {
    left: 0
}

html[dir=rtl] ._2FNv4 {
    right: 0
}

._26UyZ {
    position: absolute;
    bottom: 10px;
    z-index: 1
}

._26UyZ {
    right: 9px
}

html[dir=rtl] ._26UyZ {
    left: 9px
}

._1dB-m {
    box-sizing: border-box
}

._1dB-m {
    padding: 6px 7px 8px 9px
}

html[dir=rtl] ._1dB-m {
    padding: 6px 9px 8px 7px
}

._1nOME {
    position: relative;
    z-index: 10
}

._1nOME {
    float: right;
    margin: -10px 0 -5px 4px
}

html[dir=rtl] ._1nOME {
    float: left;
    margin: -10px 4px -5px 0
}

.JS-NE {
    padding-bottom: 22px
}

.JS-NE ._1nOME {
    margin-top: 4px
}

._185ho {
    height: 15px;
    color: var(--bubble-meta);
    font-size: 11px;
    line-height: 15px;
    white-space: nowrap
}

.textsize-xxlarge ._185ho {
    font-size: 14px;
    line-height: 18px
}

.textsize-xlarge ._185ho {
    font-size: 13px;
    line-height: 17px
}

.textsize-large ._185ho {
    font-size: 12px;
    line-height: 16px
}

.textsize-small ._185ho {
    font-size: 10px;
    line-height: 14px
}

.textsize-xsmall ._185ho {
    font-size: 9px;
    line-height: 13px
}

.textsize-xxsmall ._185ho {
    font-size: 8px;
    line-height: 12px
}

._3PDW0 {
    line-height: 17px
}

._30Ytn {
    color: rgba(var(--inverse-rgb), .9)
}

._2JNr- {
    vertical-align: top
}

._20XBv, ._2JNr- {
    display: inline-block
}

._20XBv {
    color: var(--bubble-meta-icon)
}

._20XBv {
    margin-right: 2px
}

html[dir=rtl] ._20XBv {
    margin-left: 2px
}

._2v8yt {
    display: inline-block;
    color: var(--bubble-meta-icon)
}

._2v8yt {
    margin-left: 3px
}

html[dir=rtl] ._2v8yt {
    margin-right: 3px
}

.QJA2l {
    display: inline-flex;
    align-items: center;
    height: 15px;
    vertical-align: top
}

.QJA2l {
    margin-right: 2px;
    margin-left: 1px
}

html[dir=rtl] .QJA2l {
    margin-left: 2px;
    margin-right: 1px
}

._30Ytn ._20XBv {
    color: var(--inverse)
}

._32Tkw {
    position: relative;
    word-wrap: break-word
}

._3kXKn._10fFC {
    width: 80%
}

._3kXKn {
    position: absolute;
    width: 100%;
    color: rgba(var(--primary-strong-rgb), .5);
    font-size: 16px;
    line-height: 20px;
    transition: all .3s cubic-bezier(.1, .82, .25, 1)
}

._3kXKn {
    padding-top: 8px;
    transform: translateY(24px)
}

._2A3zR {
    font-size: 12px;
    line-height: 16px
}

._2A3zR {
    transform: translateY(0)
}

._1_kit {
    position: relative;
    height: 24px
}

._3OSUF ._1_kit {
    height: 0
}

._2_g1_ {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start
}

._21Cgd {
    border-bottom: 2px solid transparent
}

._2_g1_._21Cgd._2HenB, ._2_g1_._2gU3y {
    padding-bottom: 0;
    border-bottom: 2px solid var(--danger) !important
}

._1hiPW {
    padding-bottom: 0
}

._1b5K6 {
    position: relative;
    flex: none;
    width: 24px;
    color: var(--icon-fixed)
}

._1b5K6 {
    padding-top: 8px
}

._2vrrM {
    display: flex;
    flex: none;
    color: var(--icon-fixed)
}

._2vrrM {
    padding-top: 8px
}

._2vrrM:last-child {
    margin-right: 5px
}

html[dir=rtl] ._2vrrM:last-child {
    margin-left: 5px
}

._3Oi-- ._2vrrM {
    display: flex;
    flex: none
}

._3Oi-- ._2vrrM, ._3Oi-- ._3kXKn {
    padding-top: 0
}

.gCa9M {
    cursor: pointer
}

.gCa9M {
    margin-right: 3px;
    margin-left: 5px
}

html[dir=rtl] .gCa9M {
    margin-left: 3px;
    margin-right: 5px
}

._8740E {
    color: var(--secondary-light);
    font-size: 14px;
    line-height: 22px
}

._8740E {
    margin-right: 3px;
    margin-left: 5px;
    text-align: right
}

html[dir=rtl] ._8740E {
    margin-left: 3px;
    margin-right: 5px;
    text-align: left
}

._9uumR {
    position: absolute;
    top: 6px
}

._9uumR {
    right: 0
}

html[dir=rtl] ._9uumR {
    left: 0
}

.D6RPP {
    padding: 3px
}

.-YVvI {
    position: relative;
    display: flex;
    align-items: flex-start;
    min-height: 16px;
    font-size: 12px;
    line-height: 16px
}

.-YVvI {
    padding-top: 3px
}

._2HenB {
    display: flex;
    flex: 1;
    color: var(--danger)
}

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

._3C2GM ._2_g1_ {
    border-bottom: 2px solid var(--input-border-active)
}

._3C2GM ._2_g1_._3Oi-- {
    border-bottom: none
}

._1Eln7 {
    flex: 1
}

._2Hf1w {
    color: var(--button-alternative)
}

._2Hf1w {
    cursor: pointer
}

._1IZa_ {
    flex: 1;
    overflow: hidden;
    line-height: 20px;
    word-wrap: break-word
}

._1IZa_ {
    padding-top: 8px
}

._1IZa_ {
    padding-right: 5px
}

html[dir=rtl] ._1IZa_ {
    padding-left: 5px
}

._1V5xP {
    transition: margin .1s ease
}

._1V5xP._3C2GM {
    margin-bottom: 6px
}

._1ApvW ._1IZa_, ._1ApvW ._1Eln7 {
    font-size: 14px;
    line-height: 20px
}

._1ApvW ._1IZa_, ._1ApvW ._1Eln7 {
    padding-top: 6px;
    padding-bottom: 6px
}

._1ApvW ._1IZa_, ._1ApvW ._1Eln7 {
    padding-right: 5px
}

html[dir=rtl] ._1ApvW ._1IZa_, html[dir=rtl] ._1ApvW ._1Eln7 {
    padding-left: 5px
}

._1ApvW, ._1ApvW ._2_g1_ {
    min-height: 32px
}

._1ApvW ._9uumR {
    top: 4px
}

._1ApvW ._1b5K6, ._1ApvW ._2vrrM {
    padding-top: 6px
}

._1AD-D ._2_g1_ {
    border-bottom: 2px solid var(--input-border)
}

._2kvHM {
    position: absolute;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--inverse)
}

._2kvHM {
    left: 0
}

html[dir=rtl] ._2kvHM {
    right: 0
}

.pXEd-, .BmhDA {
    position: absolute;
    top: 0
}

.pXEd-, .BmhDA {
    left: 0
}

html[dir=rtl] .pXEd-, html[dir=rtl] .BmhDA {
    right: 0
}

._1dZc- {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 50px;
    color: var(--inverse);
    font-size: 13px;
    vertical-align: top
}

._1dZc- {
    background-color: rgba(var(--overlay-rgb), .35);
    border-radius: 25px
}

._1dZc- {
    padding: 0 18px 0 13px
}

html[dir=rtl] ._1dZc- {
    padding: 0 13px 0 18px
}

._3i3h7 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: var(--inverse)
}

._3i3h7 {
    background: rgba(var(--overlay-rgb), .35);
    border-radius: 50%
}

._27A-X {
    display: inline-block;
    width: 50px;
    height: 50px
}

.OtM7z, ._27A-X {
    position: relative
}

.OtM7z {
    width: 44px;
    height: 44px
}

.OtM7z {
    margin-top: 3px;
    background-color: rgba(var(--overlay-rgb), .07);
    border-radius: 50%
}

.OtM7z {
    margin-left: 3px
}

html[dir=rtl] .OtM7z {
    margin-right: 3px
}

.OtM7z:before {
    position: absolute;
    top: -1px;
    width: 44px;
    height: 44px;
    content: ""
}

.OtM7z:before {
    border: 2px solid rgba(var(--inverse-rgb), .1);
    border-radius: 50%
}

.OtM7z:before {
    left: -1px
}

html[dir=rtl] .OtM7z:before {
    right: -1px
}

.OtM7z._2ejvm {
    color: rgba(var(--inverse-rgb), .4)
}

._1hS6C {
    cursor: pointer
}

._394-A {
    margin-left: 2px
}

.aEcx_ {
    flex: none
}

.aEcx_ {
    margin-right: 5px
}

html[dir=rtl] .aEcx_ {
    margin-left: 5px
}

._3Pylw {
    display: flex
}

._2ltn2 {
    position: relative;
    flex: 1
}

._3WUHu {
    display: flex
}

._3WUHu {
    padding: 10px 0;
    cursor: pointer
}

._3gIWO {
    margin-top: 4px
}

._3gIWO {
    margin-right: 10px
}

html[dir=rtl] ._3gIWO {
    margin-left: 10px
}

.usrx1 {
    display: inline-block
}

._3cG4N {
    margin: 0 6px 0 0
}

._2Mhsp + ._2c1rg, html[dir=rtl] ._3cG4N {
    margin: 0 0 0 6px
}

html[dir=rtl] ._2Mhsp + ._2c1rg {
    margin: 0 6px 0 0
}

._1uN8i {
    display: block;
    width: 100%;
    height: 100%
}

.WtawS {
    position: relative;
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: rgba(var(--icon-strong-rgb), .5)
}

._2gvgu {
    position: absolute;
    top: 1px
}

._2gvgu {
    left: 1px
}

html[dir=rtl] ._2gvgu {
    right: 1px
}

.ZGnpf {
    position: absolute;
    position: relative;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ZGnpf {
    background-size: contain;
    border-radius: 50%
}

.ZGnpf {
    left: 0
}

html[dir=rtl] .ZGnpf {
    right: 0
}

.kF__I svg {
    width: 100%;
    height: 100%
}

.kF__I path.background {
    fill: var(--avatar-placeholder-background)
}

.kF__I path.primary {
    fill: var(--avatar-placeholder-primary)
}

._1sv0R {
    position: relative;
    z-index: 100;
    display: inline-block;
    flex: none;
    width: 100%;
    height: 100%
}

._1sv0R {
    border-radius: 50%
}

._3PdFH {
    border: 2px solid var(--avatar-border);
    border-radius: 50%
}

._1c3y- {
    border-radius: 0
}

._1qZ6m {
    margin-bottom: 10px;
    padding: 0 14px;
    background-color: var(--background-default)
}

.W5UJr {
    z-index: 1000;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 62px;
    color: var(--inverse)
}

.W5UJr {
    background-color: var(--panel-background-colored-deeper)
}

.W5UJr {
    padding-right: 108px;
    padding-left: 24px
}

html[dir=rtl] .W5UJr {
    padding-left: 108px;
    padding-right: 24px
}

._3uORI {
    z-index: 200;
    flex: none
}

._3rUJU {
    position: absolute;
    bottom: 32px
}

._3rUJU {
    right: 32px
}

html[dir=rtl] ._3rUJU {
    left: 32px
}

._3QMia {
    position: relative
}

._1kqM-, ._3QMia {
    width: 100%;
    height: 100%
}

._1kqM- {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

._3HxT4 {
    color: var(--inverse)
}

._2XORi {
    color: var(--icon-ack)
}

._1FXrP {
    margin-left: -2px
}

html[dir=rtl] ._1FXrP {
    margin-right: -2px
}

._1asbg {
    color: var(--icon-lighter)
}

._3bMi7 {
    color: var(--primary-strong)
}

._3TlZN {
    position: relative;
    top: -2px;
    color: var(--secondary-lighter);
    font-size: 12.5px;
    font-style: italic
}

._3TlZN {
    margin: 0 3px
}

._1U8Mj {
    position: relative;
    box-sizing: border-box;
    width: 286px
}

._1U8Mj {
    padding: 3px
}

._1U8Mj.Sr-4w {
    padding-bottom: 3px
}

.wkwk0 {
    position: absolute;
    bottom: 3px
}

.wkwk0 {
    right: 7px
}

html[dir=rtl] .wkwk0 {
    left: 7px
}

._2sPuA {
    padding-bottom: 22px
}

.m90g3 {
    padding: 3px 0 5px 6px
}

html[dir=rtl] .m90g3 {
    padding: 3px 6px 5px 0
}

._17xx9 .m90g3 {
    padding-bottom: 0
}

._3CJft {
    padding: 3px 0 3px 6px
}

html[dir=rtl] ._3CJft {
    padding: 3px 6px 3px 0
}

.CphTm ._3CJft {
    padding-top: 0
}

._1PFQs {
    margin-bottom: 3px
}

.CWVX1 {
    display: inline-flex;
    max-width: 100%;
    color: var(--teal-lighter);
    font-weight: 500;
    font-size: 12.8px;
    line-height: 22px
}

.CWVX1 .emoji {
    vertical-align: top
}

.textsize-xxlarge .CWVX1 {
    font-size: 15px
}

.textsize-xlarge .CWVX1 {
    font-size: 14.5px
}

.textsize-large .CWVX1 {
    font-size: 13.5px
}

.textsize-small .CWVX1 {
    font-size: 11.5px
}

.textsize-xsmall .CWVX1 {
    font-size: 10.5px
}

.textsize-xxsmall .CWVX1 {
    font-size: 10px
}

.edge-fix .CWVX1 {
    font-weight: 600
}

._19038 {
    flex: 0 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._19038 {
    margin-left: -2px;
    padding-left: 2px
}

html[dir=rtl] ._19038 {
    margin-right: -2px;
    padding-right: 2px
}

._1o4HO {
    flex: 0 0 auto
}

._1o4HO {
    direction: ltr
}

html[dir=rtl] ._1o4HO {
    direction: rtl
}

._2KXjI {
    color: rgba(var(--primary-strong-rgb), .4) !important;
    font-weight: 400
}

._2KXjI {
    margin-left: 8px
}

html[dir=rtl] ._2KXjI {
    margin-right: 8px
}

.os-mac ._2KXjI {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

._2KXjI:before {
    content: "~"
}

._3grCF {
    flex: 0 0 auto
}

._3grCF {
    margin-top: 1px
}

._3grCF {
    margin-left: 3px
}

html[dir=rtl] ._3grCF {
    margin-right: 3px
}

html[dir=rtl] .CWVX1, html[dir=rtl] ._2KXjI {
    text-align: left;
    text-align: right
}

.CWVX1.dV60t:hover ._19038, .CWVX1.dV60t:hover ._1o4HO, .CWVX1.dV60t:hover ._2KXjI {
    text-decoration: underline
}

._XCRF {
    box-sizing: border-box;
    width: 336px;
    max-width: 100%
}

._XCRF {
    padding: 6px
}

._2RuPw {
    padding-top: 25px
}

._2RuPw ._2QzJq {
    padding-top: 5px
}

._2QzJq {
    padding: 0 0 3px 4px
}

html[dir=rtl] ._2QzJq {
    padding: 0 4px 3px 0
}

._2RuPw._3EPD6, ._3EPD6 {
    padding-top: 3px
}

._3kdag {
    position: absolute
}

._3ojHs ._3kdag {
    bottom: 4px
}

._3ojHs ._3kdag {
    right: 7px
}

html[dir=rtl] ._3ojHs ._3kdag {
    left: 7px
}

._2A0bZ ._3kdag {
    bottom: 4px
}

._2A0bZ ._3kdag {
    right: 85px
}

html[dir=rtl] ._2A0bZ ._3kdag {
    left: 85px
}

._2PKDl {
    display: flex;
    align-items: center
}

._3ojHs ._2PKDl {
    flex-direction: row-reverse
}

._2mDlG {
    flex-grow: 1
}

._2mDlG {
    padding-bottom: 1px
}

._2mDlG, html[dir=rtl] ._2mDlG {
    padding-right: 8px;
    padding-left: 8px
}

._3ojHs ._2mDlG {
    margin-left: 7px
}

html[dir=rtl] ._3ojHs ._2mDlG {
    margin-right: 7px
}

._2A0bZ ._2mDlG {
    margin-right: 15px
}

html[dir=rtl] ._2A0bZ ._2mDlG {
    margin-left: 15px
}

._7E6uG {
    position: relative;
    z-index: 200;
    flex: none
}

._39zaY {
    position: absolute;
    bottom: -2px;
    z-index: 200
}

._3ojHs ._39zaY {
    right: -8px
}

._2A0bZ ._39zaY, html[dir=rtl] ._3ojHs ._39zaY {
    left: -8px
}

html[dir=rtl] ._2A0bZ ._39zaY {
    right: -8px
}

.JczxU {
    position: absolute;
    top: 6px;
    width: 249px;
    max-width: 320px
}

.JczxU {
    left: 9px
}

html[dir=rtl] .JczxU {
    right: 9px
}

.kl264 .JczxU {
    width: auto
}

.ht_7W {
    margin: 0 -3px 8px
}

._2RuPw .ht_7W {
    margin-top: 5px
}

._3EPD6 .JczxU {
    position: relative;
    top: unset;
    width: 100%
}

._3EPD6 .JczxU {
    padding-top: 3px
}

._3EPD6 .JczxU {
    left: unset;
    padding-left: 3px
}

html[dir=rtl] ._3EPD6 .JczxU {
    right: unset;
    padding-right: 3px
}

@media screen and (max-width: 1100px) {
    ._1f9CB .JczxU {
        width: 70%
    }
}

._51VtX {
    margin: -3px -3px 3px
}

.FBOyr {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    overflow: hidden;
    font-size: 13.6px;
    font-style: italic;
    line-height: 18px;
    word-wrap: break-word
}

._2eGFv {
    flex: none;
    color: var(--message-placeholder-icon)
}

._2eGFv {
    margin-right: 5px
}

html[dir=rtl] ._2eGFv {
    margin-left: 5px
}

.r1Hq8 {
    margin-top: 3px;
    margin-bottom: 2px
}

._3fmD9 .r1Hq8 {
    margin-top: 0
}

._1CgEg {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 99;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

._1CgEg {
    padding: 15px 24px;
    background-color: rgba(var(--overlay-rgb), .45)
}

._1CgEg, html[dir=rtl] ._1CgEg {
    right: 0;
    left: 0
}

._2eWih {
    color: var(--inverse)
}

._2eWih {
    margin-top: -4px;
    margin-bottom: 10px
}

.M5gmK {
    flex: none;
    color: rgba(var(--inverse-rgb), .85);
    font-weight: 300;
    font-size: 13px;
    line-height: 16px
}

.M5gmK {
    text-align: center;
    text-shadow: 0 1px 2px rgba(var(--shadow-rgb), .3);
    cursor: default
}

._1T-FV {
    box-sizing: border-box;
    color: var(--secondary-lighter);
    font-size: 13px;
    line-height: 17px
}

._1T-FV {
    padding: 6px 0 2px
}

._1cx6t {
    padding: 1px 4px 6px 6px
}

html[dir=rtl] ._1cx6t {
    padding: 1px 6px 6px 4px
}

._1-txE {
    padding-bottom: 19px
}

._2aA2V {
    position: relative
}

._3wzID {
    position: absolute;
    z-index: 999999;
    display: flex;
    align-items: center;
    width: 50px;
    height: 100%
}

._3wzID {
    left: 26px
}

html[dir=rtl] ._3wzID {
    right: 26px
}

._3wzID._3ISPx {
    width: auto
}

._3wzID._3ISPx {
    right: 32px;
    left: inherit
}

html[dir=rtl] ._3wzID._3ISPx {
    left: 32px;
    right: inherit
}

._3lSC7 {
    white-space: normal;
    word-wrap: break-word
}

._3lSC7 a {
    color: rgba(var(--link-rgb), .9)
}

._3Lv7w {
    font-size: 14px;
    line-height: 20px
}

._3Lv7w {
    margin: 28px 24px 20px 32px
}

html[dir=rtl] ._3Lv7w {
    margin: 28px 32px 20px 24px
}

._2znQw {
    color: var(--icon-fixed)
}

._2Maik {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 28px
}

._2Maik {
    background: linear-gradient(0deg, rgba(var(--overlay-rgb), .3), rgba(var(--overlay-rgb), 0))
}

._2Maik {
    left: 0
}

html[dir=rtl] ._2Maik {
    right: 0
}

._2O38h {
    z-index: 200;
    flex: none
}

._2O38h .G9m9k {
    position: absolute;
    bottom: 32px
}

._2O38h .G9m9k {
    right: 32px
}

html[dir=rtl] ._2O38h .G9m9k {
    left: 32px
}

._2O38h ._1WOQe {
    position: absolute;
    bottom: 32px;
    opacity: 0
}

._2O38h ._1WOQe {
    transform: scale(0)
}

._2O38h ._1WOQe {
    right: 32px
}

html[dir=rtl] ._2O38h ._1WOQe {
    left: 32px
}

._3FwbN._1ZWg8 {
    height: 0
}

._3FwbN {
    z-index: 1000;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 62px;
    color: var(--inverse)
}

._3FwbN {
    background-color: var(--panel-background-colored-deeper)
}

._3FwbN {
    padding-right: 108px;
    padding-left: 24px
}

html[dir=rtl] ._3FwbN {
    padding-left: 108px;
    padding-right: 24px
}

._25VFI {
    overflow: hidden;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis
}

._2RJtU {
    display: inline-block;
    text-indent: 2px
}

._216Di {
    min-height: 20px;
    line-height: 20px
}

._216Di {
    padding-top: 14px
}

._216Di:last-of-type ._20YJ6 {
    border-bottom: none
}

._20YJ6 {
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border-default)
}

._20YJ6 {
    text-align: left
}

html[dir=rtl] ._20YJ6 {
    text-align: right
}

._2MaDn {
    display: flex;
    align-items: center
}

._2fQSa {
    flex: 1
}

._2que9 {
    flex: none;
    color: var(--icon)
}

._12JBd {
    color: var(--primary);
    font-size: 15px
}

._31nvl {
    color: var(--teal);
    font-weight: 300;
    font-size: 14px;
    line-height: 18px
}

.q2PP6 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: var(--inverse);
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    transition: box-shadow .08s cubic-bezier(.4, 0, .2, 1)
}

.q2PP6 {
    padding: 0;
    background-color: var(--button-round-background);
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(var(--shadow-rgb), .4)
}

.q2PP6:active {
    box-shadow: 0 2px 5px 0 rgba(var(--shadow-rgb), .26), 0 2px 10px 0 rgba(var(--shadow-rgb), .16)
}

.f0mbk {
    cursor: default
}

._3Git- {
    width: 60px;
    height: 60px
}

._1WvpE {
    width: 32px;
    height: 32px
}

.edge-fix .q2PP6 {
    font-weight: 600
}

._32vnm {
    position: relative;
    flex: none
}

._32vnm {
    margin-bottom: 10px;
    background-color: var(--drawer-section-background);
    box-shadow: 0 1px 3px var(--shadow-light)
}

.dark ._32vnm {
    box-shadow: 0 2px 4px rgba(var(--shadow-rgb), .16)
}

._9lZ0E {
    padding: 14px 30px
}

._1e2Fr {
    padding: 28px 30px 19px
}

._10oMU {
    padding: 28px 17px 19px
}

._2zqsv {
    padding: 14px 30px 10px
}

._2zqsv ._9lZ0E {
    margin-bottom: 14px;
    padding: 0
}

.XwEQG {
    padding: 14px 30px 10px
}

.XwEQG ._9lZ0E {
    margin-bottom: 4px;
    padding: 0
}

._29t3v, ._29t3v ._9lZ0E {
    padding: 0
}

._8IB0E {
    margin-bottom: 0;
    padding: 28px 30px
}

._2k4Ax, html[dir=rtl] ._2k4Ax {
    animation: _1L54Y 1s cubic-bezier(.1, .82, .25, 1)
}

@keyframes _1L54Y {
    0%, 30% {
        transform: translateY(-50px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.rmeve {
    margin-bottom: 0
}

.rmeve ._9lZ0E {
    text-transform: uppercase
}

.rmeve ._9lZ0E {
    padding: 30px 16px 22px
}

.dark div.rmeve, div.rmeve {
    box-shadow: none
}

._1-_BW {
    display: flex;
    flex-wrap: wrap;
    max-height: 150px;
    overflow: auto
}

._1-_BW {
    background-color: var(--background-default)
}

._1-_BW {
    padding: 20px 25px 5px 24px
}

html[dir=rtl] ._1-_BW {
    padding: 20px 24px 5px 25px
}

._23Tyk {
    color: rgba(var(--primary-stronger-rgb), .55)
}

._2OndO {
    display: inline-block;
    height: 19px
}

._2OndO {
    padding: 0 8px;
    background-color: var(--suspicious-background);
    border-radius: 4px
}

._2OndO {
    margin: 0 6px 2px -6px
}

html[dir=rtl] ._2OndO {
    margin: 0 -6px 2px 6px
}

._2OndO._2AILt {
    margin: 3px 0 5px
}

._dcZ1 {
    color: var(--inverse)
}

._dcZ1 {
    margin: 4px 4px 0 0
}

html[dir=rtl] ._dcZ1 {
    margin: 4px 0 0 4px
}

._3pcwJ {
    position: relative;
    bottom: 2px;
    color: var(--inverse);
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase
}

._3eagC {
    margin: 0 0 3px
}

._2TFjK {
    cursor: pointer
}

.eC0Wi {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    color: var(--primary-stronger);
    font-size: 13.6px;
    line-height: 20px
}

.eC0Wi {
    border-radius: 6px;
    cursor: pointer
}

.ZAxR6.eC0Wi {
    background-color: var(--incoming-background-deeper)
}

._2c9CH.eC0Wi {
    background-color: var(--outgoing-background-deeper)
}

._2vPWp.eC0Wi {
    cursor: auto
}

.textsize-xxlarge .eC0Wi {
    font-size: 16.6px;
    line-height: 25px
}

.textsize-xlarge .eC0Wi {
    font-size: 15.6px;
    line-height: 23px
}

.textsize-large .eC0Wi {
    font-size: 14.6px;
    line-height: 21px
}

.textsize-small .eC0Wi {
    font-size: 12.6px;
    line-height: 17px
}

.textsize-xsmall .eC0Wi {
    font-size: 11.6px;
    line-height: 15px
}

.textsize-xxsmall .eC0Wi {
    font-size: 10.6px;
    line-height: 13px
}

._3qEFi {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px
}

._3qEFi {
    background-color: var(--panel-background-deeper)
}

._3odny {
    color: rgba(var(--primary-stronger-rgb), .35)
}

._3odny svg {
    width: 32px;
    height: 32px
}

._8Fk4h {
    flex: 0 0 auto;
    width: 90px;
    min-width: 90px;
    height: 90px;
    min-height: 90px
}

._1mGYX {
    flex: 0 1 auto;
    overflow: hidden;
    color: var(--primary-strong);
    line-height: 20px;
    text-overflow: ellipsis
}

._1mGYX {
    margin-bottom: 2px
}

._5Iyvs {
    flex: 0 999 auto;
    color: var(--secondary-lighter)
}

._5Iyvs, ._3CdO_ {
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis
}

._3CdO_ {
    flex: none;
    color: var(--secondary-stronger)
}

._3CdO_ {
    padding-top: 1px
}

._3zmNG {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    max-height: 90px;
    overflow: hidden;
    line-height: 19px
}

._3zmNG {
    padding: 6px 10px
}

.eC0Wi .emoji {
    pointer-events: none
}

.textsize-xlarge .eC0Wi .emoji, .textsize-xxlarge .eC0Wi .emoji {
    transform: translateY(2px)
}

.textsize-small .eC0Wi .emoji {
    transform: translateY(-2px) scale(.85)
}

.textsize-xsmall .eC0Wi .emoji {
    transform: translateY(-3px) scale(.75)
}

.textsize-xxsmall .eC0Wi .emoji {
    transform: translateY(-3px) scale(.65)
}

.eC0Wi strong {
    color: var(--primary-strong);
    font-weight: 700
}

.eC0Wi strong {
    text-shadow: 0 0 0 rgba(var(--shadow-rgb), .3)
}

.MWWz2 {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.MWWz2 {
    transform: translateZ(0);
    cursor: pointer
}

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

._1vOXh {
    left: 0
}

html[dir=rtl] ._1vOXh {
    right: 0
}

._3eYNQ path {
    transition: fill-opacity .1s ease
}

._1OnrO path, ._3eYNQ path {
    fill: var(--white);
    fill-opacity: .6
}

.MWWz2:hover ._3eYNQ path {
    fill-opacity: 1
}

._3jeix path {
    fill: var(--secondary);
    fill-opacity: .6
}

._3WeA2 {
    cursor: pointer
}

.fWatW {
    display: flex;
    align-items: center
}

.pA7HB {
    flex: 1 1 auto;
    overflow: hidden
}

._2jV60 {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._28qy7 {
    flex: none
}

._28qy7 {
    margin-left: 10px
}

html[dir=rtl] ._28qy7 {
    margin-right: 10px
}

._3dHYI {
    box-sizing: border-box;
    height: 72px;
    color: var(--teal);
    font-size: 16px;
    text-transform: uppercase
}

._3dHYI {
    background-color: var(--background-default)
}

._3dHYI {
    padding: 30px 0 15px 32px
}

html[dir=rtl] ._3dHYI {
    padding: 30px 32px 15px 0
}

.os-mac ._3dHYI {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.textsize-large ._3dHYI, .textsize-xlarge ._3dHYI, .textsize-xxlarge ._3dHYI {
    height: 72px
}

.textsize-small ._3dHYI {
    height: 64px;
    font-size: 18px
}

.textsize-small ._3dHYI {
    padding: 28px 0 14px 28px
}

html[dir=rtl] .textsize-small ._3dHYI {
    padding: 28px 28px 14px 0
}

.textsize-xsmall ._3dHYI {
    height: 58px;
    font-size: 16.5px
}

.textsize-xsmall ._3dHYI {
    padding: 26px 0 13px 26px
}

html[dir=rtl] .textsize-xsmall ._3dHYI {
    padding: 26px 26px 13px 0
}

.textsize-xxsmall ._3dHYI {
    height: 52px;
    font-size: 15px
}

.textsize-xxsmall ._3dHYI {
    padding: 24px 0 12px 24px
}

html[dir=rtl] .textsize-xxsmall ._3dHYI {
    padding: 24px 24px 12px 0
}

._3khbh {
    position: absolute;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

._3khbh {
    text-align: center;
    cursor: pointer
}

._3avN5 {
    width: 50px;
    height: 50px;
    color: var(--inverse);
    line-height: 50px
}

._3avN5 {
    margin: 0 auto 35px;
    padding: 35px;
    text-align: center;
    border-radius: 50%
}

.XkTa3 {
    line-height: normal
}

.XkTa3 {
    margin: 0 20px
}

._3khbh ._3avN5 {
    background-color: rgba(var(--teal-rgb), .6)
}

._3khbh .XkTa3 {
    color: var(--teal)
}

._3avN5 svg {
    width: 50px;
    height: 50px
}

._2HE1Z {
    position: relative;
    display: flex;
    flex: 1;
    overflow: hidden
}

._2HE1Z {
    cursor: text
}

._2HE1Z {
    padding-right: 0
}

html[dir=rtl] ._2HE1Z {
    padding-left: 0
}

._2HE1Z .Srlyw {
    position: absolute;
    top: 6px;
    z-index: 100;
    z-index: 2;
    color: var(--input-placeholder);
    font-size: 15px;
    line-height: 20px;
    transition: opacity .08s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

._2HE1Z .Srlyw {
    left: 2px
}

html[dir=rtl] ._2HE1Z .Srlyw {
    right: 2px
}

.os-mac ._2HE1Z .Srlyw {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

._2HE1Z ._1awRl {
    position: relative;
    width: 100%;
    min-height: 20px;
    color: var(--primary);
    font-size: 17px;
    line-height: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

._2HE1Z ._1awRl {
    padding: 0
}

html[dir=rtl] ._2HE1Z ._1awRl {
    unicode-bidi: plaintext
}

._2HE1Z .os-mac ._1awRl {
    font-size: 16px
}

._2HE1Z.ugx-m ._1awRl {
    min-width: 5px
}

._2HE1Z.ugx-m ._1awRl {
    margin: 8px 0
}

._2HE1Z._1hRBM .Srlyw {
    top: 0
}

._2HE1Z._1hRBM ._1awRl {
    position: relative;
    z-index: 1;
    min-height: 20px;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--compose-primary);
    font-weight: 400;
    font-size: 15px;
    white-space: pre-wrap;
    word-wrap: break-word;
    outline: none
}

._2HE1Z._1hRBM ._1awRl {
    padding-right: 2px
}

html[dir=rtl] ._2HE1Z._1hRBM ._1awRl {
    padding-left: 2px
}

.textsize-xxlarge ._2HE1Z._1hRBM ._1awRl {
    font-size: 16.6px;
    line-height: 22px
}

.textsize-xlarge ._2HE1Z._1hRBM ._1awRl {
    font-size: 15.6px;
    line-height: 21px
}

.textsize-large ._2HE1Z._1hRBM ._1awRl {
    font-size: 14.6px;
    line-height: 20px
}

.textsize-small ._2HE1Z._1hRBM ._1awRl {
    font-size: 12.6px;
    line-height: 20px
}

.textsize-xsmall ._2HE1Z._1hRBM ._1awRl {
    font-size: 11.6px;
    line-height: 19px
}

.textsize-xxsmall ._2HE1Z._1hRBM ._1awRl {
    font-size: 10.6px;
    line-height: 18px
}

.textsize-small ._2HE1Z._1hRBM ._1awRl .emoji {
    transform: scale(.85)
}

.textsize-xsmall ._2HE1Z._1hRBM ._1awRl .emoji {
    transform: scale(.75)
}

.textsize-xxsmall ._2HE1Z._1hRBM ._1awRl .emoji {
    transform: scale(.65)
}

._2HE1Z._3H19A ._1awRl {
    font-size: 19px;
    line-height: 26px
}

._2HE1Z._3H19A ._1awRl {
    margin: 5px 0 6px
}

._2HE1Z._2u7lO {
    max-height: 120px
}

._2HE1Z._2u7lO {
    padding: 10px 12px;
    background-color: rgba(var(--overlay-rgb), .5);
    border-radius: 8px
}

._2HE1Z._2u7lO ._1awRl {
    overflow-y: hidden;
    color: var(--status-primary)
}

._2HE1Z._2u7lO .Srlyw {
    top: 0;
    color: var(--status-secondary)
}

._2HE1Z._2u7lO .Srlyw {
    padding: 10px 12px
}

._2HE1Z._2u7lO.focused ._1awRl {
    overflow-y: scroll
}

._2HE1Z.QkEzS ._1awRl {
    max-height: 80px;
    overflow-x: hidden;
    overflow-y: auto
}

._2HE1Z.QkEzS ._1awRl {
    margin: 6px 0;
    padding-bottom: 3px
}

._2HE1Z._3wgzu ._1awRl {
    max-height: 80px;
    overflow-x: hidden;
    overflow-y: auto
}

._2HE1Z._2bZgb ._1awRl {
    font-size: 14px;
    line-height: 20px
}

._2HE1Z._2bZgb ._1awRl {
    margin: 6px 0
}

._2HE1Z._1aIlm ._1awRl {
    font-size: 15px;
    white-space: nowrap
}

._2V78l {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
    color: var(--secondary-lighter)
}

._2V78l {
    padding: 50px;
    text-align: center
}

._3w7Y4 {
    flex: 0 0 auto;
    justify-content: flex-start;
    height: auto
}

._3w7Y4 {
    padding: 72px 50px
}

._1PUQU {
    padding: 10px 20px
}

.Qcee4 {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 164px;
    height: 164px;
    color: var(--empty-state-icon)
}

.Qcee4 {
    margin-top: -30px;
    margin-bottom: 32px;
    background-color: var(--empty-state-background);
    border-radius: 50%
}

.P6qqF {
    margin-bottom: 18px
}

._1ivy5 {
    color: var(--secondary-lighter);
    font-size: 14px;
    line-height: 20px
}

.NNaOR {
    margin-bottom: 20px
}

.WtmFP {
    display: inline-block;
    color: var(--button-secondary);
    font-size: 14px;
    line-height: 20px
}

.LOwp4 {
    color: var(--empty-state-icon)
}

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

._1DQVz {
    left: 0
}

html[dir=rtl] ._1DQVz {
    right: 0
}

._2uWTi {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%
}

._327_4 {
    flex: 1;
    height: 50px;
    color: rgba(var(--inverse-rgb), .72);
    font-size: 13px;
    text-transform: uppercase
}

._327_4 {
    text-align: center;
    cursor: pointer
}

.os-mac ._327_4 {
    font-weight: 500
}

._327_4._1R7Xl {
    color: var(--white)
}

.os-mac ._327_4._1R7Xl {
    font-weight: 600
}

._3yI1b:before {
    position: absolute;
    bottom: 0;
    height: 4px;
    transition: .3s cubic-bezier(.1, .82, .25, 1);
    content: ""
}

._3yI1b:before {
    background-color: var(--menu-tabs-list-active)
}

._3yI1b:before {
    left: 0
}

html[dir=rtl] ._3yI1b:before {
    right: 0
}

._3-ScJ:before {
    width: 33.33%
}

._1faZL:before {
    width: 25%
}

._3yI1b[data-active-tab=media]:before {
    transform: translateX(0)
}

._3yI1b[data-active-tab=docs]:before {
    transform: translateX(100%)
}

html[dir=rtl] ._3yI1b[data-active-tab=docs]:before {
    transform: translateX(-100%)
}

._3yI1b[data-active-tab=links]:before {
    transform: translateX(200%)
}

html[dir=rtl] ._3yI1b[data-active-tab=links]:before {
    transform: translateX(-200%)
}

._3yI1b[data-active-tab=products]:before {
    transform: translateX(300%)
}

html[dir=rtl] ._3yI1b[data-active-tab=products]:before {
    transform: translateX(-300%)
}

._3yI1b {
    position: relative;
    z-index: 110;
    display: flex;
    flex: none;
    align-items: center;
    height: 50px
}

._3yI1b {
    background-color: var(--panel-background-colored)
}

._1OZ02 {
    position: relative;
    display: flex;
    flex: none;
    align-items: center;
    height: 60px
}

._1OZ02 {
    background-color: var(--background-default)
}

._1OZ02:hover {
    background-color: var(--background-default-hover)
}

.jGCLj {
    padding-left: 30px
}

html[dir=rtl] .jGCLj {
    padding-right: 30px
}

._2DkIf {
    padding-left: 17px
}

html[dir=rtl] ._2DkIf {
    padding-right: 17px
}

._1XPVe {
    display: flex;
    flex: none;
    justify-content: center;
    width: 74px;
    color: var(--icon-fixed)
}

._1XPVe._2WmG5 {
    color: var(--danger)
}

._1XPVe._23-Xu {
    color: var(--success)
}

._3YGnG {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden
}

._3YGnG {
    padding-right: 30px
}

html[dir=rtl] ._3YGnG {
    padding-left: 30px
}

._3uvNV {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._3uvNV {
    margin-top: -4px
}

.os-mac ._3uvNV {
    margin-top: -1px
}

._1OZ02 + ._1OZ02 ._3YGnG {
    border-top: 1px solid var(--border-list)
}

._1OZ02:hover + ._1OZ02:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    content: ""
}

._1OZ02:hover + ._1OZ02:before {
    border-top: 1px solid var(--background-default-hover)
}

._1OZ02:hover + ._1OZ02:before {
    left: 0
}

html[dir=rtl] ._1OZ02:hover + ._1OZ02:before {
    right: 0
}

._13bV9 {
    display: block;
    color: var(--primary);
    font-size: 15px;
    line-height: 20px
}

._13bV9 {
    padding: 4px 0 5px
}

._2Or4s {
    height: 56px;
    overflow: hidden;
    transform: translateZ(0);
    transform-origin: bottom
}

._3Xw3f {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding: 8px 0 10px 12px;
    overflow-x: hidden;
    overflow-y: hidden;
    direction: ltr;
    opacity: 1
}

._2Wm79 {
    position: absolute;
    top: 0;
    width: 100%
}

._2OFSn {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 100%
}

._2OFSn {
    background-color: var(--rich-text-panel-background);
    box-shadow: 0 -5px 7px -5px rgba(var(--shadow-rgb), .05)
}

._2OFSn {
    border-left: 1px solid var(--border-panel)
}

html[dir=rtl] ._2OFSn {
    border-right: 1px solid var(--border-panel)
}

._2OFSn:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    content: "";
    pointer-events: none
}

._2OFSn:before {
    box-shadow: inset 0 -10px 9px -10px rgba(var(--shadow-rgb), .1)
}

._2OFSn:before, html[dir=rtl] ._2OFSn:before {
    right: 0;
    left: 0
}

._1GFtu {
    position: relative;
    max-height: 182px;
    overflow: auto
}

._3TuBX {
    pointer-events: auto
}

._3TuBX {
    box-shadow: 0 2px 5px 0 rgba(var(--shadow-rgb), .26), 0 2px 10px 0 rgba(var(--shadow-rgb), .16)
}

._3TuBX, html[dir=rtl] ._3TuBX {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

._2TG1M {
    pointer-events: auto
}

._2TG1M {
    box-shadow: 0 1px 5px 0 rgba(var(--shadow-rgb), .26)
}

._2TG1M:before {
    pointer-events: none
}

._2TG1M:before {
    box-shadow: none
}

.yVipa {
    position: absolute;
    bottom: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 62px
}

.yVipa {
    background-color: var(--panel-background)
}

.yVipa {
    left: 0;
    padding-right: 16px;
    padding-left: 15px
}

html[dir=rtl] .yVipa {
    right: 0;
    padding-left: 16px;
    padding-right: 15px
}

@media (max-width: 1088px) and (min-width: 1025px) {
    .three .yVipa, html[dir=rtl] .three .yVipa {
        padding-right: 4%;
        padding-left: 4%
    }
}

._2OhFa {
    color: var(--icon);
    transition: color .18s ease
}

._2OhFa {
    padding: 8px
}

._2OhFa:disabled {
    color: var(--icon-disabled);
    pointer-events: none
}

._2OhFa:not(:last-of-type) {
    margin-right: 10px
}

html[dir=rtl] ._2OhFa:not(:last-of-type) {
    margin-left: 10px
}

.lBvmv {
    flex: 1;
    overflow: hidden;
    font-size: 14.5px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.lBvmv {
    margin-right: 10px
}

html[dir=rtl] .lBvmv {
    margin-left: 10px
}

._220gr {
    top: 0;
    height: 59px
}

._220gr {
    background-color: var(--panel-background-colored)
}

._220gr ._2OhFa {
    color: rgba(var(--inverse-rgb), .85)
}

._220gr ._2OhFa:hover {
    color: var(--inverse)
}

._220gr ._2OhFa:disabled {
    color: rgba(var(--inverse-rgb), .5)
}

._220gr .lBvmv, .darwin ._220gr ._2OhFa {
    color: var(--inverse)
}

html[dir=rtl] .darwin ._220gr {
    padding-right: 78px;
    padding-left: 78px
}

._2a1zO {
    display: inline-block;
    height: 16px;
    color: var(--chat-marker-admin);
    font-size: 11px;
    line-height: 14px
}

._2a1zO {
    padding: 1px 5px 0;
    border: 1px solid var(--chat-marker-admin-border);
    border-radius: 3px
}

._1CFHb {
    display: inline-block;
    height: 16px;
    color: var(--chat-marker);
    font-size: 11px;
    line-height: 14px
}

._1CFHb {
    padding: 1px 5px 0;
    border: 1px solid var(--chat-marker-border);
    border-radius: 3px
}

.CzN1K {
    flex: none;
    color: var(--icon-fixed)
}

._3rGLp {
    display: inline-block;
    height: 21px;
    line-height: 21px
}

._3rGLp:before {
    content: "~"
}

.gClXT .CzN1K {
    margin: 4px;
    padding: 1px;
    border-radius: 50%
}

.gClXT .CzN1K {
    margin-left: 6px
}

html[dir=rtl] .gClXT .CzN1K {
    margin-right: 6px
}

.gClXT .CzN1K:hover {
    background-color: var(--gray-30);
    box-shadow: 0 1px 0 var(--shadow-light)
}

._1dP4h {
    position: relative;
    width: 29%
}

._1dP4h {
    margin-bottom: 10px
}

._1dP4h {
    margin-right: 10px
}

html[dir=rtl] ._1dP4h {
    margin-left: 10px
}

._1dP4h:before {
    display: inline-table;
    content: ""
}

._1dP4h:before {
    padding-top: 100%
}

._1pNEh {
    position: relative;
    width: 29%;
    height: 0
}

._1pNEh {
    margin-right: 8px
}

html[dir=rtl] ._1pNEh {
    margin-left: 8px
}

.fhpBa {
    display: none !important
}

@media (max-width: 1024px) {
    ._1dP4h, ._1pNEh {
        width: 14%
    }

    .fhpBa {
        display: inherit !important
    }
}

@media (max-width: 800px) {
    ._1dP4h, ._1pNEh {
        width: 29%
    }

    .fhpBa {
        display: none !important
    }
}

._1Pnau {
    height: 45px
}

._1Pnau {
    margin: 0
}

._2em7e {
    display: flex;
    align-items: center;
    justify-content: center
}

._2em7e {
    padding: 0
}

._2y6Ss {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    overflow-y: hidden
}

._2y6Ss {
    padding-top: 6px
}

._2y6Ss {
    margin-right: -8px
}

html[dir=rtl] ._2y6Ss {
    margin-left: -8px
}

._2W6Gz {
    height: 45px;
    color: var(--secondary-lighter);
    font-size: 14px;
    line-height: 20px
}

._2W6Gz {
    padding-top: 0;
    padding-bottom: 15px
}

.os-mac ._2W6Gz {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

._1MM_l {
    overflow-y: scroll
}

._1MM_l {
    padding: 30px
}

._1MM_l {
    margin-right: 0;
    padding-right: 20px
}

html[dir=rtl] ._1MM_l {
    margin-left: 0;
    padding-left: 20px
}

.GeI38 {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1
}

._3PX6A .emojik {
    margin: 6px;
    border-radius: 3px;
    cursor: pointer
}

._3PX6A .emojik:focus, .emojik.selected {
    box-shadow: 0 0 0 2px rgba(0, 165, 244, .4)
}

._3PX6A .emojik-single {
    background: none
}

._2eV08 {
    position: relative
}

._2HZRw {
    position: absolute;
    z-index: 100;
    display: flex;
    align-items: center;
    height: 100%;
    pointer-events: none
}

._2HZRw {
    left: 26px
}

html[dir=rtl] ._2HZRw {
    right: 26px
}

._1F7mk {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll
}

.AJj8X {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

._3ci3u {
    width: 50px
}

._3ci3u {
    margin-bottom: 12px;
    padding-bottom: 12px;
    text-align: center;
    border-bottom: 1px solid rgba(var(--primary-rgb), .2)
}

._20sF- {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 170px
}

._2sAjy {
    display: flex
}

._1rWBU {
    display: block;
    overflow: hidden;
    color: var(--secondary-lighter);
    white-space: nowrap;
    text-overflow: ellipsis
}

.w3gMB {
    position: absolute;
    top: 0;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    transition: transform .08s cubic-bezier(.09, .87, .72, 1)
}

.w3gMB {
    background-position: 50%;
    background-size: cover;
    transform: none;
    cursor: pointer
}

.w3gMB {
    left: 0
}

html[dir=rtl] .w3gMB {
    right: 0
}

._1LCIa {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20px;
    pointer-events: none
}

._1LCIa {
    background: linear-gradient(0deg, rgba(var(--overlay-rgb), .5), rgba(var(--overlay-rgb), 0))
}

._1LCIa {
    left: 0
}

html[dir=rtl] ._1LCIa {
    right: 0
}

._1CUMT {
    position: absolute;
    bottom: 3px;
    color: var(--inverse);
    pointer-events: none
}

._1CUMT {
    left: 4px
}

html[dir=rtl] ._1CUMT {
    right: 4px
}

._2KFoO {
    position: absolute;
    bottom: 3px;
    color: var(--inverse);
    pointer-events: none
}

._2KFoO {
    right: 3px
}

html[dir=rtl] ._2KFoO {
    left: 3px
}

._1pjfi {
    position: absolute;
    bottom: 4px;
    display: flex;
    color: rgba(var(--inverse-rgb), .9);
    font-size: 11px;
    line-height: 11px;
    pointer-events: none
}

._1pjfi {
    left: 23px
}

html[dir=rtl] ._1pjfi {
    right: 23px
}

.QONv3 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px
}

.QONv3 {
    background: linear-gradient(180deg, rgba(var(--overlay-rgb), .3), rgba(var(--overlay-rgb), 0));
    cursor: pointer
}

.QONv3 {
    left: 0
}

html[dir=rtl] .QONv3 {
    right: 0
}

._1Yd3w {
    position: absolute;
    top: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: border-width .08s cubic-bezier(.09, .87, .72, 1);
    pointer-events: none
}

._1Yd3w {
    border: 0 solid var(--thumb-border-active)
}

._1Yd3w {
    left: 0
}

html[dir=rtl] ._1Yd3w {
    right: 0
}

.T07BL .QONv3 {
    display: none
}

.T07BL ._1Yd3w {
    border-width: 8px
}

.T07BL .w3gMB {
    transform: scale(.92)
}

@media (min-width: 800px) and (max-width: 999px),(min-width: 1025px) and (max-width: 1180px) {
    .T07BL ._1pjfi {
        display: none
    }
}

._1KUkl {
    position: absolute;
    top: 0;
    z-index: 10;
    box-sizing: border-box;
    width: 100%
}

._1KUkl {
    padding-top: 5px
}

._1KUkl {
    padding-left: 5px
}

html[dir=rtl] ._1KUkl {
    padding-right: 5px
}

._2Uxkh {
    position: relative;
    width: 29%
}

._2Uxkh {
    margin-bottom: 6px
}

._2Uxkh {
    margin-right: 6px
}

html[dir=rtl] ._2Uxkh {
    margin-left: 6px
}

._2Uxkh:before {
    display: inline-table;
    content: ""
}

._2Uxkh:before {
    padding-top: 100%
}

._3k0qg {
    display: none !important
}

@media (max-width: 1024px) {
    ._3k0qg {
        display: inherit !important
    }

    ._2Uxkh {
        width: 14%
    }
}

@media (max-width: 800px) {
    ._2Uxkh {
        width: 29%
    }

    ._3k0qg {
        display: none !important
    }
}

.Y6m5P {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 5%;
    min-width: 78px;
    max-width: 78px;
    height: 78px;
    overflow: hidden;
    opacity: 1;
    transition: transform 75ms ease-out, opacity .25s ease-in-out
}

.Y6m5P {
    margin-bottom: 0;
    cursor: pointer
}

.Y6m5P {
    margin-right: 6px;
    margin-left: 0
}

html[dir=rtl] .Y6m5P {
    margin-left: 6px;
    margin-right: 0
}

.Y6m5P:before {
    content: none
}

.Y6m5P:hover:not(._3xa67) {
    outline: 3px solid rgba(var(--thumb-border-viewer-active-rgb), .7) !important
}

._3pxdL {
    opacity: .2
}

._3xa67 {
    border: 4px solid var(--thumb-border-viewer-active);
    transform: scale(.87)
}

.tRtcW {
    display: inline-block;
    width: 19px;
    height: 20px;
    color: var(--icon-lighter);
    vertical-align: top
}

.tRtcW {
    margin-left: 4px
}

html[dir=rtl] .tRtcW {
    margin-right: 4px
}

@keyframes EprBc {
    50% {
        background-color: var(--focus-animation-deeper)
    }
}

.qrhVQ, html[dir=rtl] .qrhVQ {
    animation-name: EprBc;
    animation-duration: .38s;
    animation-timing-function: cubic-bezier(.24, .91, .01, .99)
}

._3_nLH {
    position: relative;
    display: flex;
    max-width: 100%
}

._3_nLH {
    padding-right: 12px;
    padding-left: 29px
}

html[dir=rtl] ._3_nLH {
    padding-left: 12px;
    padding-right: 29px
}

.textsize-xxlarge ._3_nLH {
    margin-bottom: 18px
}

.textsize-xlarge ._3_nLH {
    margin-bottom: 16px
}

.textsize-large ._3_nLH {
    margin-bottom: 14px
}

.textsize-small ._3_nLH {
    margin-bottom: 8px
}

.textsize-xsmall ._3_nLH {
    margin-bottom: 6px
}

.textsize-xxsmall ._3_nLH {
    margin-bottom: 4px
}

._3B2kh {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._3B2kh {
    padding: 5px 4px 0 6px
}

html[dir=rtl] ._3B2kh {
    padding: 5px 6px 0 4px
}

._3B2kh a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top
}

._3B2kh a:hover {
    text-decoration: underline
}

._1MYBw {
    box-sizing: border-box
}

._1MYBw {
    padding: 3px 3px 8px
}

._2NwHk {
    padding: 3px 0 5px 6px
}

html[dir=rtl] ._2NwHk {
    padding: 3px 6px 5px 0
}

._1dXIA ._2NwHk {
    padding-bottom: 0
}

._1IFWB ._38JlO {
    margin-top: 0
}

.YDMZI {
    position: absolute;
    top: 14px;
    box-sizing: border-box
}

.YDMZI {
    right: 21px
}

html[dir=rtl] .YDMZI {
    left: 21px
}

._3Eocp, .dnNp6, ._14VsQ, .YDMZI {
    position: absolute;
    z-index: 100
}

._3Eocp {
    top: 12px;
    color: var(--icon-lighter)
}

._3Eocp {
    right: 21px
}

html[dir=rtl] ._3Eocp {
    left: 21px
}

.dnNp6 {
    top: 11px;
    color: rgba(var(--primary-rgb), .55)
}

.dnNp6 {
    right: 22px
}

html[dir=rtl] .dnNp6 {
    left: 22px
}

._1MBn6, ._2yMmO {
    position: absolute;
    top: 13px;
    z-index: 100;
    height: 20px;
    overflow: hidden;
    color: var(--input-placeholder);
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: opacity .14s linear;
    pointer-events: none
}

._1MBn6, ._2yMmO {
    right: 24px;
    left: 77px
}

html[dir=rtl] ._1MBn6, html[dir=rtl] ._2yMmO {
    left: 24px;
    right: 77px
}

.os-mac ._1MBn6, .os-mac ._2yMmO {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

._22PcK {
    position: relative;
    z-index: 100;
    flex: none;
    box-sizing: border-box;
    height: 49px;
    transition: box-shadow .18s ease-out, background-color .25s ease-out
}

._22PcK {
    background-color: initial
}

.dark ._22PcK {
    border-bottom: 1px solid var(--border-default)
}

._22PcK:after {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 1px;
    content: ""
}

._22PcK:after {
    background-color: rgba(var(--inverse-rgb), .14);
    border-bottom: 1px solid var(--border-stronger)
}

._22PcK:after {
    left: 0
}

html[dir=rtl] ._22PcK:after {
    right: 0
}

.dark ._22PcK:after {
    display: none
}

._2Evw0 {
    position: absolute;
    top: 7px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 35px
}

._2Evw0 {
    background-color: var(--search-input-background);
    border-radius: 18px
}

._2Evw0 {
    right: 14px;
    left: 12px;
    padding-right: 32px;
    padding-left: 65px
}

html[dir=rtl] ._2Evw0 {
    left: 14px;
    right: 12px;
    padding-left: 32px;
    padding-right: 65px
}

._22PcK._30SFc {
    background-color: var(--background-default);
    box-shadow: 0 2px 3px var(--shadow-light)
}

._22PcK._30SFc ._1MBn6 {
    opacity: 0
}

.dark ._22PcK._30SFc {
    border-bottom: 1px solid var(--border-default)
}

._3Wrfs {
    position: absolute;
    top: 12px;
    z-index: 100;
    width: 24px;
    height: 24px
}

._3Wrfs {
    left: 24px
}

html[dir=rtl] ._3Wrfs {
    right: 24px
}

._23HdX {
    color: var(--icon)
}

._2fIjT {
    color: var(--icon-search-back)
}

._3Wrfs ._14VsQ {
    top: 0;
    left: 0
}

._3Wrfs ._23HdX {
    transform: rotate(0);
    transition: all .24s cubic-bezier(.4, 0, .2, 1)
}

._3Wrfs ._2fIjT {
    transform: scale(.8) rotate(225deg);
    opacity: 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    pointer-events: none
}

._30SFc ._3Wrfs ._23HdX {
    transform: rotate(135deg);
    opacity: 0;
    transition: all .24s cubic-bezier(.4, 0, .2, 1) .06s
}

._30SFc ._3Wrfs ._2fIjT {
    transform: scale(1) rotate(1turn);
    opacity: 1
}

._392Qb, ._2UyuT {
    box-sizing: border-box;
    max-width: 100%;
    padding: 8px 32px 8px 24px;
    overflow: hidden
}

._392Qb {
    display: flex;
    align-items: center;
    color: var(--icon-fixed)
}

._32V3_ {
    margin-left: 8px;
    font-size: 14px;
    line-height: 24px
}

._3yecG {
    padding: 10px 32px 10px 24px;
    color: var(--primary-stronger)
}

html[dir=rtl] ._3Wrfs ._2fIjT {
    transform: scaleX(-1) rotate(-225deg)
}

html[dir=rtl] ._30SFc ._3Wrfs ._23HdX {
    transform: rotate(-135deg)
}

html[dir=rtl] ._30SFc ._3Wrfs ._2fIjT {
    transform: scaleX(-1) rotate(0deg)
}

.IEPZT {
    margin-bottom: 2px
}

.IKcGX {
    flex: none
}

.IKcGX {
    padding-bottom: 32px
}

._2oK2J {
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: center
}

._2oK2J {
    margin-top: 28px;
    margin-bottom: 28px
}

.e7Sch {
    color: var(--icon-fixed)
}

._2o0N0 {
    padding: 18px;
    background: var(--background-default)
}

._20MdK {
    border-bottom: 1px solid var(--border-list)
}

._3CXaU {
    overflow: hidden
}

.OnU-c {
    position: absolute;
    top: 15px;
    color: var(--icon-fixed)
}

.OnU-c {
    right: 16px
}

html[dir=rtl] .OnU-c {
    left: 16px
}

._2wpoG {
    font-weight: 500
}

._2wpoG {
    padding: 23px 36px 0;
    text-align: center
}

._3pCck {
    margin: 6px 0
}

._10ojj {
    color: var(--teal-lighter)
}

._10ojj {
    margin-top: 26px
}

.eq-0- {
    color: var(--secondary)
}

.eq-0- {
    padding: 0 52px 28px;
    text-align: center
}

._1E3sq {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 44px
}

.ug-ge {
    flex: 1;
    box-sizing: border-box;
    overflow: hidden;
    color: rgba(var(--primary-strong-rgb), .32);
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase
}

.ug-ge {
    padding: 0 4px
}

@media (max-width: 980px) {
    .ug-ge {
        font-size: 12px
    }
}

._2QRuE {
    position: absolute;
    top: 0;
    opacity: 1;
    transition: transform .3s cubic-bezier(.1, .82, .25, 1), opacity .2s cubic-bezier(.1, .82, .25, 1)
}

._2QRuE {
    left: 0
}

html[dir=rtl] ._2QRuE {
    right: 0
}

._1OxEz {
    opacity: 0;
    transition: transform .3s cubic-bezier(.1, .82, .25, 1), opacity .1s cubic-bezier(.1, .82, .25, 1)
}

._21RC3 {
    color: var(--secondary)
}

.UKM49 {
    line-height: 25px
}

.UKM49 {
    padding: 0 20px 10px
}

._1Ykq_ {
    display: flex;
    align-items: center;
    height: 60px
}

._1Ykq_ {
    padding: 0 30px
}

._3xWWc {
    display: block
}

._3xWWc {
    cursor: pointer
}

._1W34- {
    margin-right: 33px
}

html[dir=rtl] ._1W34- {
    margin-left: 33px
}

.inn3e {
    margin: 0 30px 30px
}

._1ulzL {
    position: relative;
    width: 250px;
    height: 188px
}

._1ulzL {
    margin: auto
}

.lac0v {
    position: absolute
}

._1_2t1 {
    font-weight: 500
}

._1_2t1 {
    margin: auto;
    padding: 0 36px;
    text-align: center
}

._1vBVw {
    margin: 10px 0
}

._1IlIT {
    padding: 10px 30px
}

._3AwW5 {
    margin-bottom: 20px;
    padding: 10px 30px;
    text-align: center
}

._2COf7 {
    color: var(--ephemeral-nux-bubble)
}

.hNWl5 {
    top: 30px;
    opacity: .1
}

.hNWl5 {
    left: 130px
}

html[dir=rtl] .hNWl5 {
    right: 130px
}

.hNWl5 svg {
    width: 20px;
    height: 20px
}

._3W8Rm {
    top: 45px;
    opacity: .1
}

._3W8Rm {
    left: 70px
}

html[dir=rtl] ._3W8Rm {
    right: 70px
}

._3W8Rm svg {
    width: 25px;
    height: 25px
}

._1NM32 {
    top: 60px;
    opacity: .2
}

._1NM32 {
    left: 225px
}

html[dir=rtl] ._1NM32 {
    right: 225px
}

._1NM32 svg {
    width: 30px;
    height: 30px
}

._3XCCM {
    top: 70px;
    opacity: .2
}

._3XCCM {
    left: 0
}

html[dir=rtl] ._3XCCM {
    right: 0
}

._3XCCM svg {
    width: 35px;
    height: 35px
}

.P9TC8 {
    top: 110px;
    opacity: .3
}

.P9TC8 {
    left: 30px
}

html[dir=rtl] .P9TC8 {
    right: 30px
}

.P9TC8 svg {
    width: 40px;
    height: 40px
}

._3XV5I {
    top: 115px;
    opacity: .3
}

._3XV5I {
    left: 195px
}

html[dir=rtl] ._3XV5I {
    right: 195px
}

._3XV5I svg {
    width: 45px;
    height: 45px
}

._3DL-X {
    top: 70px;
    color: var(--ephemeral-nux-timer)
}

._3DL-X {
    left: 95px
}

html[dir=rtl] ._3DL-X {
    right: 95px
}

._3DL-X svg {
    width: 60px;
    height: 60px
}

._22G9m {
    display: flex;
    flex-direction: row
}

._3geLx {
    display: inline-block;
    flex: 0 0 auto
}

._3geLx {
    margin-top: 2px
}

._3geLx {
    margin-left: 2px
}

html[dir=rtl] ._3geLx {
    margin-right: 2px
}

._2TuHB {
    flex-grow: 0;
    min-height: 20px;
    color: var(--secondary);
    font-size: 13px;
    line-height: 20px
}

._3geLx svg {
    width: 16px;
    height: 16px
}

._3lMUf {
    font-weight: 700
}

._3lMUf {
    margin-right: 3px;
    margin-left: 1px
}

html[dir=rtl] ._3lMUf {
    margin-left: 3px;
    margin-right: 1px
}

._3JHdl {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    color: var(--primary-stronger);
    font-size: 13.6px;
    line-height: 20px
}

._3JHdl {
    border-radius: 6px;
    cursor: pointer
}

.textsize-xxlarge ._3JHdl {
    font-size: 16.6px;
    line-height: 25px
}

.textsize-xlarge ._3JHdl {
    font-size: 15.6px;
    line-height: 23px
}

.textsize-large ._3JHdl {
    font-size: 14.6px;
    line-height: 21px
}

.textsize-small ._3JHdl {
    font-size: 12.6px;
    line-height: 17px
}

.textsize-xsmall ._3JHdl {
    font-size: 11.6px;
    line-height: 15px
}

.textsize-xxsmall ._3JHdl {
    font-size: 10.6px;
    line-height: 13px
}

._1wc4Q._3JHdl {
    background-color: var(--incoming-background-deeper)
}

._WnqL._3JHdl {
    background-color: var(--outgoing-background-deeper)
}

.ZLq4V {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px
}

.ZLq4V {
    background-color: var(--panel-background-deeper)
}

._3qqVo {
    color: rgba(var(--primary-stronger-rgb), .35)
}

._3qqVo svg {
    width: 32px;
    height: 32px
}

._1OOH5 {
    flex: 0 0 auto;
    height: 90px;
    max-height: 100%
}

._4yZ9M {
    position: absolute;
    bottom: 3px;
    color: var(--inverse);
    pointer-events: none
}

._4yZ9M {
    right: 3px
}

html[dir=rtl] ._4yZ9M {
    left: 3px
}

._3Mq-W ._1OOH5 {
    flex: 0 0 auto;
    width: 49px;
    height: 49px
}

._3Mq-W ._1OOH5 {
    border-radius: 50%
}

._3Mq-W ._1OOH5 {
    margin: 8px 0 8px 10px
}

html[dir=rtl] ._3Mq-W ._1OOH5 {
    margin: 8px 10px 8px 0
}

._1WyfI {
    flex: 0 1 auto;
    overflow: hidden;
    color: var(--primary-strong);
    text-overflow: ellipsis
}

._1WyfI {
    margin-bottom: 2px
}

._3mOF- {
    flex: 0 999 auto;
    overflow: hidden;
    color: var(--secondary-lighter);
    font-size: 12px;
    text-overflow: ellipsis
}

._1YBMv {
    flex: none;
    color: var(--secondary-stronger);
    font-size: 12px
}

._1YBMv {
    padding-top: 1px
}

._2vTBi {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    max-height: 90px;
    overflow: hidden;
    line-height: 19px
}

._2vTBi {
    padding: 6px 10px
}

._2mY8X._3JHdl {
    width: 100%;
    max-width: none;
    height: 83px
}

._2mY8X._3JHdl {
    margin: 0;
    background-color: initial;
    cursor: auto
}

._2mY8X ._2vTBi {
    box-sizing: border-box;
    max-width: 500px;
    max-height: 83px
}

._2mY8X ._2vTBi {
    padding: 8px 12px 9px 11px
}

html[dir=rtl] ._2mY8X ._2vTBi {
    padding: 8px 11px 9px 12px
}

._2mY8X ._1WyfI {
    font-size: 15px;
    line-height: 22px
}

._2mY8X ._1WyfI {
    margin-bottom: 4px
}

._2mY8X ._3mOF- {
    max-height: 40px;
    line-height: 20px
}

._2mY8X ._1YBMv, ._2mY8X:empty {
    display: none
}

._2mY8X ._1OOH5 {
    width: 83px;
    min-width: 83px;
    height: 83px;
    min-height: 83px
}

._3JHdl .emoji {
    pointer-events: none
}

.textsize-xlarge ._3JHdl .emoji, .textsize-xxlarge ._3JHdl .emoji {
    transform: translateY(2px)
}

.textsize-small ._3JHdl .emoji {
    transform: translateY(-2px) scale(.85)
}

.textsize-xsmall ._3JHdl .emoji {
    transform: translateY(-3px) scale(.75)
}

.textsize-xxsmall ._3JHdl .emoji {
    transform: translateY(-3px) scale(.65)
}

._3JHdl strong {
    color: var(--primary-strong);
    font-weight: 700
}

._3JHdl strong {
    text-shadow: 0 0 0 rgba(var(--shadow-rgb), .3)
}

._3JHdl code {
    font-size: 13px
}

.textsize-xxlarge ._3JHdl code {
    font-size: 16px
}

.textsize-xlarge ._3JHdl code {
    font-size: 15px
}

.textsize-large ._3JHdl code {
    font-size: 14px
}

.textsize-small ._3JHdl code {
    font-size: 12px
}

.textsize-xsmall ._3JHdl code {
    font-size: 11px
}

.textsize-xxsmall ._3JHdl code {
    font-size: 10px
}

._3JHdl._13w4u, html[dir=rtl] ._3JHdl._13w4u {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

._3XzEH {
    margin-bottom: 10px
}

._2BpOG {
    color: var(--teal)
}

._317sh {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%
}

._2X6EY, ._29-T_ {
    position: absolute;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

._2X6EY, ._29-T_ {
    text-align: center
}

._2X6EY {
    background-color: rgba(var(--panel-background-rgb), .7);
    cursor: pointer
}

._29-T_ {
    background-color: rgba(var(--panel-background-rgb), .9)
}

._1kfac {
    width: 50px;
    height: 50px;
    color: var(--inverse);
    line-height: 50px
}

._1kfac {
    margin: 0 auto 35px;
    padding: 35px;
    text-align: center;
    border-radius: 50%
}

._326QI {
    line-height: normal
}

._326QI {
    margin: 0 20px
}

._2X6EY ._1kfac {
    background-color: rgba(var(--teal-rgb), .6)
}

._2X6EY ._326QI {
    color: var(--teal)
}

._29-T_ ._1kfac {
    background-color: var(--white)
}

._29-T_ ._326QI {
    color: var(--secondary)
}

._1kfac svg {
    width: 50px;
    height: 50px
}

._2xfLJ {
    position: absolute;
    top: 100px;
    z-index: 2;
    color: var(--icon-fixed);
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

._2xfLJ {
    padding: 6px;
    background-color: var(--white);
    border-radius: 2px;
    box-shadow: rgba(var(--shadow-rgb), .3) 0 1px 4px -1px;
    cursor: pointer
}

._2xfLJ {
    right: 10px
}

html[dir=rtl] ._2xfLJ {
    left: 10px
}

._2xfLJ svg {
    width: 28px;
    height: 28px
}

._2xfLJ._2xX6F {
    visibility: visible
}

._1tupn {
    width: 100%;
    max-height: 50%;
    overflow-y: auto
}

._1tupn {
    margin-top: -25px;
    background-color: var(--background-default);
    border-top: 1px solid var(--border-stronger)
}

.hIU_h {
    color: var(--danger);
    font-size: 14px
}

._1Swxd {
    display: flex;
    flex: 1;
    width: 100%;
    height: 100%
}

.kj5zF {
    flex-direction: column;
    flex-grow: 1
}

.kj5zF > div {
    background-color: var(--blue-ocean) !important
}

._3C-FH, .yuVlU {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

._3C-FH {
    color: var(--danger)
}

.DXJih {
    color: rgba(var(--primary-stronger-rgb), .55)
}

._2zAIV {
    white-space: normal;
    word-wrap: break-word
}

._2zAIV a._3Oye7 {
    color: rgba(3, 155, 229, .9)
}

.HD61x {
    height: 320px;
    overflow: hidden
}

.HD61x {
    transform: translateZ(0);
    transform-origin: bottom
}

._3J2pk {
    position: relative;
    box-sizing: border-box;
    height: 276px;
    overflow-x: hidden;
    overflow-y: scroll
}

._3J2pk {
    padding-top: 62px
}

._2BN7I {
    border-radius: 4px
}

.textsize-small .HD61x .emoji {
    transform: scale(.85)
}

.textsize-xsmall .HD61x .emoji {
    transform: scale(.75)
}

.textsize-xxsmall .HD61x .emoji {
    transform: scale(.65)
}

._2Gdma {
    display: flex;
    align-items: center;
    align-items: flex-start
}

._2amHe._2Gdma {
    min-height: 20px;
    color: var(--secondary);
    font-size: 13px;
    line-height: 20px
}

._3Id9P {
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._3Fas3 {
    display: block;
    height: 18px
}

._3Fas3 {
    padding: 6px 0;
    cursor: pointer
}

._5eHZa {
    margin-right: 6px
}

html[dir=rtl] ._5eHZa {
    margin-left: 6px
}

._2Q3SY {
    display: inline-block;
    color: var(--icon-lighter);
    vertical-align: top
}

._2Q3SY {
    margin-right: 5px
}

html[dir=rtl] ._2Q3SY {
    margin-left: 5px
}

._2Q3SY:last-child {
    margin-right: 0
}

html[dir=rtl] ._2Q3SY:last-child {
    margin-left: 0
}

._2SPs9 {
    color: rgba(var(--icon-lighter-rgb), .24)
}

._3BF3m {
    display: inline-block;
    height: 16px;
    color: var(--chat-marker);
    font-size: 11px;
    line-height: 16px
}

._3BF3m {
    padding: 1px 5px 0;
    border: 1px solid var(--chat-marker-border);
    border-radius: 3px
}

.Su-Gh {
    padding-left: 30px
}

html[dir=rtl] .Su-Gh {
    padding-right: 30px
}

.xYtbD {
    display: flex;
    align-items: center;
    height: 60px
}

.xYtbD {
    padding-right: 30px
}

html[dir=rtl] .xYtbD {
    padding-left: 30px
}

.Su-Gh + .Su-Gh .xYtbD {
    border-top: 1px solid var(--border-list)
}

._3VotX {
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._3VotX {
    margin-top: -4px
}

.os-mac ._3VotX {
    margin-top: 0
}

.U4qYC {
    flex: none
}

.U4qYC {
    margin-left: 15px
}

html[dir=rtl] .U4qYC {
    margin-right: 15px
}

.SMGPj .xYtbD {
    height: auto
}

.SMGPj ._3VotX {
    white-space: normal
}

.SMGPj ._3VotX {
    padding-top: 19px;
    padding-bottom: 19px
}

._3aL0c {
    margin: 0 6px 0 0
}

html[dir=rtl] ._3aL0c {
    margin: 0 0 0 6px
}

._202pA {
    visibility: hidden
}

._2ER5G:hover ._202pA {
    visibility: visible
}

._1A89- {
    position: relative;
    z-index: 999
}

._2QMnt {
    z-index: 1000
}

._3eZS1 {
    background-color: var(--live-location-glow);
    border-radius: 50%;
    cursor: pointer
}

._3eZS1._2Hfgh {
    background-color: var(--live-location-glow-stale)
}

._3eZS1._30HHF {
    background: none
}

._3Q8RX {
    background-color: var(--white);
    border-radius: 50%
}

._3Q8RX {
    box-shadow: -5px 0 10px 1px var(--shadow-rgb), 5px 0 10px 1px var(--shadow-rgb)
}

html[dir=rtl] ._3Q8RX {
    box-shadow: 5px 0 10px 1px var(--shadow-rgb), -5px 0 10px 1px var(--shadow-rgb)
}

._3Q8RX._2QMnt {
    background-color: var(--highlight)
}

._3I3b7 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: var(--inverse)
}

._3I3b7 {
    background-color: var(--teal);
    border-radius: 50%
}

._3I3b7._3c5Yc {
    background-color: var(--icon-disabled)
}

._3I3b7._1HmfW {
    color: var(--icon)
}

._3I3b7._1HmfW {
    background-color: rgba(var(--inverse-rgb), 0)
}

._3I3b7.QhoaU {
    width: 40px;
    height: 40px
}

._2qtwQ {
    display: flex;
    font-size: 14px;
    line-height: 20px
}

._2qtwQ {
    margin-top: 12px;
    padding-bottom: 0
}

._2qtwQ {
    margin-right: 0
}

html[dir=rtl] ._2qtwQ {
    margin-left: 0
}

._2OxJ8 {
    display: inline-block;
    flex: none;
    vertical-align: text-bottom;
    transition: opacity .3s ease
}

._2OxJ8 {
    margin-right: 10px
}

html[dir=rtl] ._2OxJ8 {
    margin-left: 10px
}

._1xPNW {
    flex: 1;
    transition: opacity .3s ease
}

._1ldVm {
    margin: 10px 0
}

.VOr2j {
    display: inline-block;
    min-width: .9em;
    min-height: 1em;
    color: var(--unread-marker-text);
    font-weight: 600;
    font-size: 12px;
    line-height: 1em;
    vertical-align: top
}

.VOr2j {
    padding: .3em .4em .4em;
    text-align: center;
    background-color: var(--unread-marker-background);
    border-radius: 1.1em
}

.os-mac .VOr2j {
    min-width: .8em;
    font-weight: 500
}

.os-mac .VOr2j {
    padding: .3em .4em
}

._2gti7 {
    flex: none
}

._2gti7 {
    padding-bottom: 32px
}

.Lffaz {
    display: flex;
    justify-content: center
}

.Lffaz {
    margin-bottom: 20px
}

._16tJY {
    min-height: 20px;
    overflow: hidden;
    color: var(--secondary-lighter);
    white-space: nowrap;
    text-overflow: ellipsis
}

._16tJY {
    margin-top: 3px
}

.OXGxe:before {
    content: "~"
}

._7S4qI {
    display: flex;
    flex-direction: row
}

._3DnCq {
    display: inline-block;
    flex: 0 0 auto
}

._3DnCq {
    margin-top: 1px
}

._3DnCq {
    margin-left: 3px
}

html[dir=rtl] ._3DnCq {
    margin-right: 3px
}

.UZEvX {
    padding: 14px 30px 4px
}

._3R3kh {
    color: var(--icon-fixed)
}

._27Jlt {
    position: relative;
    overflow: hidden
}

._27Jlt {
    background-color: var(--avatar-background);
    border-radius: 50%
}

._27Jlt._3tkqu {
    border: 2px solid var(--white)
}

._27Jlt.yMINV {
    border-radius: 0
}

._1Olyg {
    overflow: hidden
}

._1Olyg, .L-Jkb {
    position: absolute
}

.L-Jkb {
    top: 0;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--inverse);
    font-weight: lighter;
    font-size: 18px
}

.L-Jkb {
    text-align: center;
    background-color: rgba(var(--overlay-rgb), .25)
}

.L-Jkb {
    left: 0
}

html[dir=rtl] .L-Jkb {
    right: 0
}

._3OQ-5 ._3qJZa {
    left: -50%
}

html[dir=rtl] ._3OQ-5 ._3qJZa {
    right: -50%
}

._3OQ-5 ._3qJZa > div {
    left: 25%
}

html[dir=rtl] ._3OQ-5 ._3qJZa > div {
    right: 25%
}

._3OQ-5 ._3Aczi {
    right: -50%
}

html[dir=rtl] ._3OQ-5 ._3Aczi {
    left: -50%
}

._3OQ-5 ._3Aczi > div {
    right: 25%
}

html[dir=rtl] ._3OQ-5 ._3Aczi > div {
    left: 25%
}

._20doK ._3qJZa {
    left: -50%
}

html[dir=rtl] ._20doK ._3qJZa {
    right: -50%
}

._20doK ._3qJZa > div {
    left: 25%
}

html[dir=rtl] ._20doK ._3qJZa > div {
    right: 25%
}

._20doK ._3Aczi {
    top: -50%
}

._20doK ._3Aczi {
    right: -50%
}

html[dir=rtl] ._20doK ._3Aczi {
    left: -50%
}

._20doK ._3Aczi > div {
    top: 25%
}

._20doK ._3Aczi > div {
    right: 25%
}

html[dir=rtl] ._20doK ._3Aczi > div {
    left: 25%
}

._20doK ._6fzuE {
    bottom: -50%
}

._20doK ._6fzuE {
    right: -50%
}

html[dir=rtl] ._20doK ._6fzuE {
    left: -50%
}

._20doK ._6fzuE > div {
    bottom: 25%
}

._20doK ._6fzuE > div {
    right: 25%
}

html[dir=rtl] ._20doK ._6fzuE > div {
    left: 25%
}

._2uTWL ._3qJZa {
    top: -50%
}

._2uTWL ._3qJZa {
    left: -50%
}

html[dir=rtl] ._2uTWL ._3qJZa {
    right: -50%
}

._2uTWL ._3qJZa > div {
    top: 25%
}

._2uTWL ._3qJZa > div {
    left: 25%
}

html[dir=rtl] ._2uTWL ._3qJZa > div {
    right: 25%
}

._2uTWL ._3Aczi {
    bottom: -50%
}

._2uTWL ._3Aczi {
    left: -50%
}

html[dir=rtl] ._2uTWL ._3Aczi {
    right: -50%
}

._2uTWL ._3Aczi > div {
    bottom: 25%
}

._2uTWL ._3Aczi > div {
    left: 25%
}

html[dir=rtl] ._2uTWL ._3Aczi > div {
    right: 25%
}

._2uTWL ._6fzuE {
    top: -50%
}

._2uTWL ._6fzuE {
    right: -50%
}

html[dir=rtl] ._2uTWL ._6fzuE {
    left: -50%
}

._2uTWL ._6fzuE > div {
    top: 25%
}

._2uTWL ._6fzuE > div {
    right: 25%
}

html[dir=rtl] ._2uTWL ._6fzuE > div {
    left: 25%
}

._2uTWL ._3o-2t {
    bottom: -50%
}

._2uTWL ._3o-2t {
    right: -50%
}

html[dir=rtl] ._2uTWL ._3o-2t {
    left: -50%
}

._2uTWL ._3o-2t > div {
    bottom: 25%
}

._2uTWL ._3o-2t > div {
    right: 25%
}

html[dir=rtl] ._2uTWL ._3o-2t > div {
    left: 25%
}

._2BsY2 {
    order: 1
}

._2BsY2 {
    margin-right: 18px
}

html[dir=rtl] ._2BsY2 {
    margin-left: 18px
}

._2eYpU {
    flex: 1;
    order: 2
}

._2eYpU {
    cursor: auto
}

._2eYpU {
    margin-left: 18px
}

html[dir=rtl] ._2eYpU {
    margin-right: 18px
}

._2xHYZ {
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    height: calc(100% - 60px)
}

._2xHYZ {
    padding: 10px 0
}

._3cF3r {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0
}

._3cF3r, ._3iVjW {
    width: 100%;
    height: 100%
}

._3iVjW {
    overflow: hidden
}

._3iVjW {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

._3iVjW {
    transform-origin: left top
}

html[dir=rtl] ._3iVjW {
    transform-origin: right top
}

._3zk9D {
    z-index: 2;
    width: 100%;
    height: 100%
}

._3pVXd {
    z-index: 500;
    display: flex;
    flex-direction: column
}

._3pVXd {
    background-color: rgba(var(--media-viewer-background-rgb), .96)
}

._3pVXd, html[dir=rtl] ._3pVXd {
    animation: _1j60e .35s cubic-bezier(.1, .82, .25, 1)
}

@keyframes _1j60e {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

._2CDVd {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row-reverse;
    align-items: center;
    height: 60px;
    transition: visibility .3s, opacity .3s cubic-bezier(.1, .82, .25, 1)
}

._2CDVd {
    background-color: var(--media-viewer-background)
}

._2zQjm {
    margin-bottom: 2px
}

._1LKBy {
    color: var(--icon-fixed)
}

._14zYM {
    color: var(--teal)
}

._14zYM svg {
    width: 24px;
    height: 24px
}

._1KmDn {
    display: inline-block;
    font-size: 14px
}

._1KmDn {
    margin-right: 10px;
    padding: 5px 5px 5px 0
}

html[dir=rtl] ._1KmDn {
    margin-left: 10px;
    padding: 5px 0 5px 5px
}

.DMsVG {
    flex-wrap: wrap
}

.DMsVG {
    margin-top: 3px
}

.fWcfV {
    color: var(--icon-fixed)
}

._3AQCt {
    color: var(--icon)
}

._3AQCt:hover {
    color: var(--icon-lighter)
}

._38eoB {
    flex: 1;
    width: 50px;
    position: relative
}

._38eoB select {
    font-family: inherit
}

._38eoB select, html[dir=rtl] ._38eoB select {
    padding-left: 10px;
    padding-right: 10px
}

._38eoB:before {
    color: var(--secondary-lighter);
    content: "\25BE";
    display: block;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    pointer-events: none;
    position: absolute;
    top: 6px;
    z-index: 100
}

._38eoB:before {
    background-repeat: no-repeat
}

._38eoB:before {
    right: 8px
}

html[dir=rtl] ._38eoB:before {
    left: 8px
}

._3-I8j {
    padding: 10px;
    background-color: var(--modal-background);
    border-radius: 3px
}

._15ru1 {
    position: absolute;
    top: -50px;
    z-index: 1000;
    min-width: 150px;
    max-width: 330px;
    filter: drop-shadow(0 0 5px rgba(var(--shadow-rgb), .25))
}

._15ru1 {
    cursor: default
}

._15ru1._3tmOQ {
    top: -70px
}

.-XV84 {
    overflow-x: hidden;
    font-size: 15px;
    text-overflow: ellipsis
}

.-XV84 {
    margin-right: 25px
}

html[dir=rtl] .-XV84 {
    margin-left: 25px
}

._23QuI {
    color: var(--secondary);
    font-size: 12px
}

._23QuI {
    margin-top: 4px
}

._23QuI {
    margin-right: 25px
}

html[dir=rtl] ._23QuI {
    margin-left: 25px
}

._3R0C1 {
    position: absolute;
    top: 8px;
    width: 18px;
    height: 18px;
    color: var(--icon);
    opacity: .8
}

._3R0C1 {
    cursor: pointer
}

._3R0C1 {
    right: 5px;
    padding-right: 3px;
    padding-left: 3px
}

html[dir=rtl] ._3R0C1 {
    left: 5px;
    padding-left: 3px;
    padding-right: 3px
}

._2UAPi {
    width: 0;
    height: 0
}

._2UAPi {
    margin: auto;
    border-top: 10px solid var(--white)
}

._2UAPi, html[dir=rtl] ._2UAPi {
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

._3JaPz, .VVPdM {
    position: relative
}

._3JaPz {
    width: 200px;
    height: 200px;
    overflow: hidden
}

._3JaPz {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border-radius: 50%;
    transform: translateZ(0);
    cursor: pointer
}

._3JaPz, html[dir=rtl] ._3JaPz {
    margin-right: auto;
    margin-left: auto
}

._3Vt_U {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

._3Vt_U {
    left: 0
}

html[dir=rtl] ._3Vt_U {
    right: 0
}

.bB8cn {
    position: absolute;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--inverse)
}

.bB8cn {
    background-color: var(--photopicker-overlay-background);
    border-radius: 50%
}

.bB8cn {
    left: 0
}

html[dir=rtl] .bB8cn {
    right: 0
}

._2mmtP svg {
    width: 200px;
    height: 200px
}

._2mmtP path.background {
    fill: var(--avatar-placeholder-background)
}

._2mmtP path.primary {
    fill: var(--avatar-placeholder-primary)
}

.KMSUm {
    color: rgba(var(--icon-strong-rgb), .5)
}

.KMSUm {
    margin-left: 6px
}

html[dir=rtl] .KMSUm {
    margin-right: 6px
}

.iHaMv {
    display: flex;
    align-items: center;
    transition: height .18s ease-in-out
}

.iHaMv {
    padding: 10px 12px
}

._2SBoE {
    z-index: 1;
    width: 100%;
    min-height: 20px;
    color: var(--primary-text);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    outline: none
}

._2SBoE {
    padding: 0;
    background: inherit;
    border: none
}

._2SBoE {
    text-align: left
}

html[dir=rtl] ._2SBoE {
    text-align: right
}

.textsize-xxlarge ._2SBoE {
    font-size: 16.6px;
    line-height: 22px
}

.textsize-xlarge ._2SBoE {
    font-size: 15.6px;
    line-height: 21px
}

.textsize-large ._2SBoE {
    font-size: 14.6px;
    line-height: 20px
}

.textsize-small ._2SBoE {
    font-size: 12.6px;
    line-height: 20px
}

.textsize-xsmall ._2SBoE {
    font-size: 11.6px;
    line-height: 19px
}

.textsize-xxsmall ._2SBoE {
    font-size: 10.6px;
    line-height: 18px
}

.mBpSq {
    position: absolute;
    top: 0;
    z-index: 200
}

.mBpSq {
    padding: 6px 12px;
    background-color: var(--rich-text-panel-background)
}

.mBpSq {
    right: 6px;
    left: 0
}

html[dir=rtl] .mBpSq {
    left: 6px;
    right: 0
}

.mBpSq._2NC5D {
    right: 15px
}

html[dir=rtl] .mBpSq._2NC5D {
    left: 15px
}

._2irZL {
    border-bottom: 1px solid rgba(var(--shadow-rgb), .06);
    box-shadow: 0 0 5px rgba(var(--shadow-rgb), .05)
}

._2eYuy {
    display: block;
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto
}

._2eYuy {
    background-color: var(--panel-input-background);
    border-radius: 5px
}

input[type=text]._2SBoE::-webkit-input-placeholder {
    color: rgba(var(--primary-rgb), .5)
}

input[type=text]._2SBoE::-moz-placeholder {
    color: rgba(var(--primary-rgb), .5)
}

input[type=text]._2SBoE::-ms-input-placeholder {
    color: rgba(var(--primary-rgb), .5)
}

._2eUNe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._2eUNe {
    left: 0
}

html[dir=rtl] ._2eUNe {
    right: 0
}

._1XCgf {
    position: relative
}

._3Z6h5 {
    display: flex;
    align-items: center;
    justify-content: center
}

._3Z6h5, ._2Yacq {
    overflow: visible
}

._1lSL0, ._3Q_Pw {
    width: 100%;
    height: 100%
}

._3Q_Pw > * {
    object-fit: scale-down
}

._14wV4 {
    position: absolute;
    bottom: 0;
    height: 4px;
    opacity: 1;
    transition: transform .3s cubic-bezier(.1, .82, .25, 1), opacity .3s cubic-bezier(.1, .82, .25, 1)
}

._14wV4 {
    background-color: var(--active-tab-marker)
}

._14wV4 {
    left: 0
}

html[dir=rtl] ._14wV4 {
    right: 0
}

._3ftJy {
    opacity: 0
}

._1Tbjx {
    position: relative
}

._1Tbjx {
    background-color: var(--rich-text-panel-background)
}

._1Tbjx {
    border-left: 1px solid var(--border-panel)
}

html[dir=rtl] ._1Tbjx {
    border-right: 1px solid var(--border-panel)
}

._1z6YY {
    z-index: 100
}

._1z6YY, ._1gal2 {
    position: relative
}

._1gal2 {
    z-index: 200;
    display: block
}

.Z3anF {
    display: none
}

.XukK_ {
    position: relative;
    z-index: 300;
    display: flex;
    flex: none;
    align-items: center;
    height: 44px;
    color: var(--panel-primary)
}

.XukK_ {
    background-color: var(--rich-text-panel-background)
}

.XukK_ {
    border-left: 1px solid var(--border-panel)
}

html[dir=rtl] .XukK_ {
    border-right: 1px solid var(--border-panel)
}

._2DHDz {
    display: none
}

._1cezm svg {
    width: 100%
}

._1Zn8y {
    position: relative;
    box-sizing: border-box;
    height: 276px;
    overflow-x: hidden;
    overflow-y: scroll
}

._1Zn8y {
    padding-top: 62px
}

._2BO1s {
    color: var(--secondary-lighter);
    font-size: 14px
}

._2BO1s {
    margin: 0 12px;
    padding: 5px 0 8px
}

._LNcL {
    flex: none
}

._LNcL {
    padding-bottom: 32px
}

._1wLdx {
    margin-bottom: 20px
}

._2fh-m {
    white-space: pre-wrap
}

._13BQq {
    min-height: 20px
}

._13BQq {
    margin-top: -4px
}

._26SUi {
    color: var(--icon-fixed)
}

._1azsy {
    color: var(--icon-lighter)
}

._1i05m {
    margin-top: 19px
}

._1i05m {
    margin-left: -2px
}

html[dir=rtl] ._1i05m {
    margin-right: -2px
}

.yfORU {
    display: flex;
    justify-content: center
}

.yfORU {
    margin-top: 24px;
    margin-bottom: 12px
}

._3Q3iR {
    display: flex;
    align-items: flex-start
}

._3Q3iR {
    margin-bottom: 14px
}

._2x95P {
    display: table-row
}

._2x95P + ._2x95P ._2Ov-G, ._2x95P + ._2x95P .SUaWx {
    padding-top: 8px
}

._2Ov-G {
    display: table-cell;
    white-space: nowrap;
    vertical-align: top
}

._2Ov-G {
    padding-right: 15px
}

html[dir=rtl] ._2Ov-G {
    padding-left: 15px
}

.SUaWx {
    display: table-cell;
    width: 100%;
    white-space: pre-wrap;
    vertical-align: top
}

._4u9Tf {
    display: table-cell;
    color: var(--icon-fixed);
    vertical-align: top
}

._4u9Tf {
    padding-top: 4px
}

._4u9Tf {
    padding-left: 4px
}

html[dir=rtl] ._4u9Tf {
    padding-right: 4px
}

.uB3hI {
    transform: scaleY(-1);
    transform-origin: 50% 50%
}

._2j-Ho {
    flex: none;
    width: 24px;
    color: var(--icon-fixed)
}

._2j-Ho {
    margin-right: 13px
}

html[dir=rtl] ._2j-Ho {
    margin-left: 13px
}

._2LnbE {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px
}

._2LnbE {
    padding-top: 2px
}

._3zfAu {
    overflow: hidden;
    font-size: 16px;
    line-height: 20px
}

._3zfAu {
    padding-top: 2px;
    cursor: pointer
}

._2_k2G {
    margin-bottom: 0;
    padding: 14px 30px;
    cursor: pointer
}

._2_k2G svg {
    width: 26px;
    height: 26px
}

._3uWbg {
    color: var(--green)
}

.PKBwD {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.PKBwD {
    margin-bottom: 8px
}

.xp07G + .PKBwD {
    margin-top: 8px
}

._2JohZ {
    word-wrap: anywhere
}

._1huBh {
    position: absolute;
    top: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: rgba(var(--inverse-rgb), .8);
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase
}

._1huBh {
    padding-top: 15px;
    background-color: var(--photopicker-overlay-background);
    border-radius: 50%;
    transform: translateZ(0)
}

._1huBh {
    left: 0
}

html[dir=rtl] ._1huBh {
    right: 0
}

._1WUBO {
    color: var(--inverse)
}

._3O0IT {
    width: 100px
}

._3O0IT {
    margin-top: 10px;
    text-align: center
}

._2O6m_, html[dir=rtl] ._2O6m_ {
    margin-right: 12px;
    margin-left: 12px
}

._2DzhA {
    white-space: nowrap
}

._2DzhA .emojik {
    margin: 6px;
    border-radius: 3px;
    cursor: pointer
}

._2DzhA .emojik:focus {
    box-shadow: 0 0 0 2px rgba(0, 165, 244, .4)
}

._1ZcoY {
    display: flex;
    flex-direction: column;
    height: 500px;
    overflow: hidden
}

._1ZcoY {
    padding-bottom: 5px
}

.K_AH2 {
    flex-grow: 1;
    overflow: auto
}

.K_AH2 {
    padding: 26px 36px 5px;
    background-color: var(--compose-input-background)
}

._1NUmz {
    position: relative;
    z-index: 200;
    height: 62px
}

._1NUmz {
    background-color: var(--panel-background-colored-deeper)
}

._1z_cB {
    position: absolute;
    bottom: 32px
}

._1z_cB {
    right: 32px
}

html[dir=rtl] ._1z_cB {
    left: 32px
}

._3vmNv {
    display: flex
}

._3vmNv {
    background-color: var(--background-default);
    border-bottom: 1px solid var(--border-default)
}

._3FSp1 {
    display: flex;
    align-items: center;
    color: var(--primary-strong)
}

._3FSp1 {
    margin-right: 18px;
    margin-left: 24px
}

html[dir=rtl] ._3FSp1 {
    margin-left: 18px;
    margin-right: 24px
}

._3FSp1 svg {
    width: 24px;
    height: 24px
}

._2cQ_q {
    line-height: 24px
}

._1hW3h, ._3E0wu {
    display: flex
}

._3E0wu {
    flex: 0 0 25px;
    align-items: center;
    justify-content: center;
    height: 25px
}

._3E0wu {
    padding-top: 30px
}

._3E0wu {
    margin-right: 10px
}

html[dir=rtl] ._3E0wu {
    margin-left: 10px
}

._3E0wu svg {
    width: 25px;
    height: 18px
}

._3UL3w {
    flex: 1 1 auto;
    overflow: hidden
}

._31Ye9 {
    display: flex;
    justify-content: flex-end
}

._31Ye9 {
    padding: 0 36px 20px 0
}

html[dir=rtl] ._31Ye9 {
    padding: 0 0 20px 36px
}

._24-mu {
    margin-bottom: 10px
}

._24-mu {
    margin-left: 23px
}

html[dir=rtl] ._24-mu {
    margin-right: 23px
}

._371cj {
    color: var(--button-secondary);
    vertical-align: top
}

._371cj {
    margin-right: 10px
}

html[dir=rtl] ._371cj {
    margin-left: 10px
}

._20adz {
    width: 100%;
    overflow: hidden;
    text-decoration: none
}

._20adz {
    border-radius: 6px;
    cursor: pointer
}

._3wdcN {
    background-color: var(--incoming-background-deeper)
}

.Wkfjh {
    background-color: var(--outgoing-background-deeper)
}

._2Ldsc, html[dir=rtl] ._2Ldsc {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

._2I-n2, html[dir=rtl] ._2I-n2 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

._1_D5Q {
    display: flex;
    font-size: 14px;
    line-height: 20px
}

._1_D5Q {
    margin: 28px 24px 20px 32px
}

html[dir=rtl] ._1_D5Q {
    margin: 28px 32px 20px 24px
}

._3Y4_n {
    margin-right: 10px
}

html[dir=rtl] ._3Y4_n {
    margin-left: 10px
}

.A0YD9 {
    position: relative;
    flex: 1;
    flex-direction: column
}

.Q7sF6, .A0YD9 {
    display: flex;
    width: 100%
}

.Q7sF6 {
    position: absolute;
    z-index: 1000;
    align-items: center;
    justify-content: center;
    height: 100%
}

.Q7sF6 {
    text-align: center;
    background-color: rgba(var(--panel-background-rgb), .9)
}

._1g2Xy {
    width: 50px;
    height: 50px;
    line-height: 50px
}

._1g2Xy {
    margin: 0 auto 35px;
    padding: 35px;
    text-align: center;
    background-color: var(--white);
    border-radius: 50%
}

._156iv {
    color: var(--secondary);
    font-size: 18px;
    line-height: 24px
}

._156iv {
    margin: 0 20px
}

._1g2Xy svg {
    width: 50px;
    height: 50px
}

._3nNEI {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 62px
}

._3nNEI {
    text-align: center;
    background-color: var(--live-location-footer-background);
    box-shadow: 0 -2px 4px rgba(var(--shadow-rgb), .05)
}

._3Uzky {
    color: var(--danger);
    font-size: 15px
}

._1W9s1 {
    color: var(--secondary-lighter);
    font-size: 14px
}

._1W9s1 {
    margin-top: 7px
}

._2NMQ2 {
    display: block;
    overflow: hidden;
    color: var(--typing);
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis
}

._2HpXF {
    z-index: 2;
    max-height: 50%;
    overflow-y: auto
}

._2HpXF {
    margin-top: -25px;
    background: var(--location-cluster-background);
    box-shadow: inset 0 47px var(--teal);
    transform: translateZ(0)
}

._3SqHj {
    width: 100%
}

._3SqHj {
    background-color: var(--background-default)
}

._1aVdx {
    color: var(--white)
}

._1aVdx, ._2o2o5 {
    display: flex;
    flex-direction: row;
    height: 48px
}

._2o2o5 {
    background-color: var(--location-cluster-background);
    cursor: pointer
}

._2o2o5 ._21V_O {
    border-top: 1px solid var(--border-default)
}

._1YzaX {
    display: flex;
    align-items: center;
    width: 28px;
    height: 28px
}

._1YzaX {
    padding: 10px 15px 10px 13px
}

html[dir=rtl] ._1YzaX {
    padding: 10px 13px 10px 15px
}

._21V_O {
    display: flex;
    flex-grow: 1;
    align-items: center
}

._21V_O {
    padding-right: 15px
}

html[dir=rtl] ._21V_O {
    padding-left: 15px
}

.D6FRW {
    color: var(--inverse)
}

.D6FRW {
    margin: 0 2px;
    cursor: pointer
}

._32wS_ {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    color: var(--primary-strong);
    font-size: 15px;
    line-height: 32px
}

._32wS_ {
    text-align: left
}

html[dir=rtl] ._32wS_ {
    text-align: right
}

._3ue7J {
    display: flex;
    color: var(--secondary-lighter);
    font-size: 13px
}

._3ue7J {
    margin-left: 6px
}

html[dir=rtl] ._3ue7J {
    margin-right: 6px
}

._2Bna1 {
    color: var(--gray-600);
    font-weight: 300;
    font-size: 14px;
    line-height: 20px
}

._2Bna1 {
    margin-bottom: 20px
}

.chrome-media-icon, .firefox-lock-icon, .opera-media-icon {
    display: inline-block;
    width: 20px;
    height: 17px;
    vertical-align: -4px
}

.chrome-media-icon, .firefox-lock-icon, .opera-media-icon {
    background-repeat: no-repeat;
    background-size: contain
}

.chrome-media-icon {
    margin: 0 4px
}

.m5wQq {
    position: relative
}

.m5wQq ._2hAGM {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: var(--white)
}

.m5wQq ._2hAGM {
    background-color: rgba(var(--white-rgb), .1);
    border-radius: 50%
}

.m5wQq ._1sEN- {
    color: rgba(var(--white-rgb), .85);
    font-weight: 300;
    font-size: 28px;
    line-height: normal
}

.m5wQq ._1sEN- {
    margin-bottom: 14px
}

.m5wQq ._2Bna1 {
    color: rgba(var(--white-rgb), .6);
    font-size: 16px
}

.m5wQq ._2Bna1 {
    margin-bottom: 0
}

.m5wQq ._1yudf {
    margin-top: 24px
}

.m5wQq._1c84- {
    padding-top: 62px;
    text-align: center
}

.m5wQq._1c84- ._2hAGM {
    position: absolute;
    top: 0
}

.m5wQq._1c84- ._2hAGM {
    left: 50%;
    margin-left: -24px
}

html[dir=rtl] .m5wQq._1c84- ._2hAGM {
    right: 50%;
    margin-right: -24px
}

.m5wQq._1c84- ._2hAGM {
    transform: rotate(90deg)
}

.m5wQq.aZLJn {
    padding-top: 10px
}

.m5wQq.aZLJn {
    padding-left: 66px
}

html[dir=rtl] .m5wQq.aZLJn {
    padding-right: 66px
}

.m5wQq.aZLJn ._2hAGM {
    position: absolute;
    top: 3px
}

.m5wQq.aZLJn ._2hAGM {
    left: 0
}

html[dir=rtl] .m5wQq.aZLJn ._2hAGM {
    right: 0
}

.m5wQq.aZLJn ._2hAGM {
    transform: rotate(45deg)
}

html[dir=rtl] .m5wQq.aZLJn ._2hAGM {
    transform: rotate(90deg)
}

.m5wQq._1svDN {
    padding-bottom: 92px;
    text-align: center
}

.m5wQq._1svDN ._2hAGM {
    position: absolute;
    bottom: 0
}

.m5wQq._1svDN ._2hAGM {
    left: 50%;
    margin-left: -24px
}

html[dir=rtl] .m5wQq._1svDN ._2hAGM {
    right: 50%;
    margin-right: -24px
}

.m5wQq._1svDN ._2hAGM {
    transform: rotate(-90deg)
}

._3pj7z {
    position: relative;
    flex: 1;
    justify-content: center
}

._23B__, ._3pj7z {
    display: flex;
    align-items: center;
    width: 100%
}

._23B__ {
    position: absolute;
    top: 0;
    flex-direction: column;
    height: 100%
}

._23B__ {
    left: 0
}

html[dir=rtl] ._23B__ {
    right: 0
}

._2Ppdl {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 90px
}

._2Ppdl {
    padding: 0 20px 6px;
    background-color: var(--panel-background-deep)
}

._2al2V {
    display: flex;
    align-items: center
}

._2al2V {
    cursor: pointer
}

._3vJtp {
    flex: none;
    color: var(--inverse)
}

._3vJtp {
    margin-right: 6px
}

html[dir=rtl] ._3vJtp {
    margin-left: 6px
}

._3d978 {
    flex: none;
    width: 75%
}

._3P_u3 {
    z-index: 2;
    width: 100%;
    height: 100%
}

._2TaxI {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1)
}

._2TaxI {
    transform: scaleX(-1);
    transform-origin: 50% 50%
}

.ZMREK, ._1NlLU {
    opacity: 0
}

.ZMREK {
    position: absolute;
    top: -30px
}

.ZMREK {
    left: 50%;
    margin-left: -30px
}

html[dir=rtl] .ZMREK {
    right: 50%;
    margin-right: -30px
}

._1bxsX {
    right: 40px;
    left: auto
}

html[dir=rtl] ._1bxsX {
    left: 40px;
    right: auto
}

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

.BImGF, html[dir=rtl] .BImGF {
    animation: _1FMe7 .5s
}

@keyframes _1FMe7 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

._1HLKf {
    position: relative;
    display: inline-block;
    color: var(--inverse);
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis
}

._1HLKf {
    padding: 8px 12px;
    text-align: center;
    text-shadow: 0 0 1px rgba(var(--shadow-rgb), .36);
    background-color: var(--tooltip-background);
    border-radius: 6px
}

._1HLKf {
    margin-right: 10px;
    animation: H_7j6 .1s ease-out
}

html[dir=rtl] ._1HLKf {
    margin-left: 10px;
    animation: AXD2a .1s ease-out
}

._1HLKf:after {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    content: ""
}

._1HLKf:after {
    margin-top: -5px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

._1HLKf:after {
    left: 100%;
    border-left: 6px solid var(--tooltip-background)
}

html[dir=rtl] ._1HLKf:after {
    right: 100%;
    border-right: 6px solid var(--tooltip-background)
}

@keyframes H_7j6 {
    0% {
        transform: translateX(-15px);
        opacity: 0
    }
    to {
        transform: none;
        opacity: 1
    }
}

@keyframes AXD2a {
    0% {
        transform: translateX(15px);
        opacity: 0
    }
    to {
        transform: none;
        opacity: 1
    }
}

.DKWYl {
    display: flex;
    flex-direction: column
}

._3ksB6 + ._3ksB6 {
    margin-top: 12px
}

._2Efpu {
    display: flex;
    align-items: center;
    width: 100%
}

._2Efpu {
    padding-top: 5px;
    background-color: var(--rich-text-panel-background)
}

._2Efpu {
    border-left: 1px solid var(--border-panel)
}

html[dir=rtl] ._2Efpu {
    border-right: 1px solid var(--border-panel)
}

._3vEz4 {
    display: flex;
    flex-grow: 1;
    overflow: hidden
}

._3vEz4 {
    background-color: var(--popup-panel-background);
    border-radius: 5px
}

._3vEz4 {
    margin-left: 66px
}

html[dir=rtl] ._3vEz4 {
    margin-right: 66px
}

._3P_7M {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 64px;
    min-width: 64px;
    color: var(--icon-fixed)
}

._3P_7M {
    background-color: var(--rich-text-panel-background)
}

._13Vq- {
    position: absolute;
    top: 0;
    z-index: 2
}

._13Vq- {
    margin-top: -30px
}

._13Vq- {
    right: 40px;
    left: auto
}

html[dir=rtl] ._13Vq- {
    left: 40px;
    right: auto
}

._2A0b0 {
    flex: none;
    max-width: 280px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._4xf66 {
    position: relative;
    flex: 1;
    justify-content: center;
    width: 100%
}

._3Qmrp, ._4xf66 {
    display: flex;
    align-items: center
}

._3Qmrp {
    flex-direction: column;
    max-height: 57px;
    overflow: hidden;
    font-size: 13px;
    line-height: 19px
}

._3Qmrp {
    margin-top: 6px;
    text-align: center
}

.AywA2 {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 90px
}

.AywA2 {
    padding: 0 20px 6px
}

.iHmJh {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 100%
}

.iHmJh {
    background-color: var(--panel-background-deep)
}

.iHmJh {
    left: 0
}

html[dir=rtl] .iHmJh {
    right: 0
}

._3K8oF {
    display: flex;
    align-items: center
}

._3K8oF {
    cursor: pointer
}

.pGqnK {
    flex: none;
    color: var(--inverse)
}

.pGqnK {
    margin-right: 4px
}

html[dir=rtl] .pGqnK {
    margin-left: 4px
}

._239P0 {
    display: flex;
    align-items: center;
    justify-content: center
}

._239P0 {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain
}

.SCGu- {
    position: absolute;
    top: 0;
    bottom: 0
}

.SCGu-, html[dir=rtl] .SCGu- {
    right: 0;
    left: 0
}

._2Bum2 {
    font-style: italic
}

html[dir=rtl] ._2Bum2 {
    padding-left: 4px;
    padding-right: 4px
}

._2nirm strong {
    font-weight: 400
}

._3MjzD {
    display: flex;
    align-items: flex-start
}

._1ZmLh {
    position: absolute;
    top: 6px;
    color: var(--icon-fixed)
}

._1ZmLh {
    right: 0
}

html[dir=rtl] ._1ZmLh {
    left: 0
}

._3tSYy {
    display: flex;
    align-items: flex-start
}

._3tSYy {
    border-bottom: 1px solid var(--gray-200)
}

._3aBvl {
    position: relative;
    flex-grow: 1;
    word-wrap: break-word
}

._3iU_H {
    position: absolute;
    width: 100%;
    color: var(--secondary-lighter);
    font-size: 16px;
    line-height: 20px;
    transition: all .3s cubic-bezier(.1, .82, .25, 1)
}

._3iU_H {
    padding-top: 8px;
    transform: translateY(24px)
}

._3Jrq3 {
    position: absolute;
    top: 5px;
    color: var(--icon-lighter)
}

._3Jrq3 {
    right: 22px
}

html[dir=rtl] ._3Jrq3 {
    left: 22px
}

._3UqD6 {
    font-size: 12px;
    line-height: 16px
}

._3UqD6 {
    transform: translateY(0)
}

._1ZEZR {
    padding-bottom: 0
}

._3pue_ {
    position: absolute;
    bottom: 100%;
    left: -10px;
    width: 100%;
    height: 182px;
    padding-right: 10px;
    padding-left: 10px;
    overflow: hidden;
    pointer-events: none
}

._16lso {
    position: absolute;
    right: 10px;
    bottom: 0;
    left: 10px
}

._16lso._1bDIX {
    margin-right: 7px
}

html[dir=rtl] ._16lso._1bDIX {
    margin-left: 7px
}

._2DhU8 {
    position: relative;
    flex: none
}

._2DhU8 {
    margin-top: 1px
}

._1bDIX {
    position: absolute;
    top: 6px;
    width: 25px;
    color: var(--secondary-light);
    font-size: 15px;
    line-height: 22px
}

._1bDIX {
    padding-bottom: 0
}

._1bDIX {
    text-align: right
}

html[dir=rtl] ._1bDIX {
    text-align: left
}

.QhCkJ ._1bDIX {
    top: 0
}

.QhCkJ ._1bDIX {
    right: 14px
}

html[dir=rtl] .QhCkJ ._1bDIX {
    left: 14px
}

.rLPDp {
    position: relative;
    height: 24px
}

._5L4vr .rLPDp {
    height: 0
}

._2p_8b {
    position: relative;
    display: inline-block;
    width: 33px
}

._2p_8b {
    padding-bottom: 20px
}

._2p_8b {
    float: right;
    margin-right: 4px;
    margin-left: 4px
}

html[dir=rtl] ._2p_8b {
    float: left;
    margin-left: 4px;
    margin-right: 4px
}

._1WLC6 ._3tSYy {
    border-bottom: 2px solid var(--input-border-active)
}

.uAhm_ {
    position: relative;
    flex-grow: 1
}

._1_fJf {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    overflow-y: scroll
}

._1_fJf {
    padding: 30px 20px 30px 30px
}

html[dir=rtl] ._1_fJf {
    padding: 30px 30px 30px 20px
}

._1D2sB {
    position: relative;
    width: 133px;
    height: 133px
}

._1D2sB {
    margin-bottom: 10px;
    cursor: pointer
}

._1D2sB {
    margin-right: 10px
}

html[dir=rtl] ._1D2sB {
    margin-left: 10px
}

._16qgZ {
    width: 133px
}

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

._16L2A {
    position: absolute;
    top: 0;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    pointer-events: none
}

._16L2A {
    background-color: rgba(var(--white-rgb), 0)
}

._16L2A {
    left: 0
}

html[dir=rtl] ._16L2A {
    right: 0
}

._2le5A ._16L2A {
    border: 7.98px solid var(--panel-background)
}

._1IkH4 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

._1IkH4 {
    margin-top: 24px
}

@keyframes _4kAG- {
    50% {
        opacity: .5
    }
}

._1F7Ve, html[dir=rtl] ._1F7Ve {
    animation-name: _4kAG-;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(.24, .91, .01, .99)
}

._2kMJX {
    color: var(--link);
    white-space: nowrap
}

._2kMJX {
    cursor: pointer
}

._3Ycud {
    position: absolute;
    z-index: 4;
    width: 28px
}

._3Ycud {
    background-color: var(--background-default);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(var(--shadow-rgb), .16)
}

._3Ycud {
    right: 7px
}

html[dir=rtl] ._3Ycud {
    left: 7px
}

._16NXb {
    color: var(--icon-fixed)
}

._16NXb {
    cursor: pointer
}

._3Um8Y {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    max-width: 336px
}

._3Um8Y {
    padding: 3px
}

._3ZdmS {
    position: absolute;
    bottom: 4px
}

._3ZdmS {
    left: 4px
}

html[dir=rtl] ._3ZdmS {
    right: 4px
}

._2QpTA {
    position: absolute;
    bottom: 6px;
    z-index: 2
}

._2QpTA {
    right: 8px
}

html[dir=rtl] ._2QpTA {
    left: 8px
}

._3Gi58 ._2QpTA {
    bottom: 3px
}

._3Gi58 ._2QpTA {
    right: 7px
}

html[dir=rtl] ._3Gi58 ._2QpTA {
    left: 7px
}

._2kRCX {
    box-sizing: border-box;
    max-width: 330px
}

._2kRCX {
    padding-top: 3px;
    padding-bottom: 5px
}

._2kRCX {
    padding-left: 6px
}

html[dir=rtl] ._2kRCX {
    padding-right: 6px
}

._4u9nQ ._2kRCX {
    padding-bottom: 0
}

.-ozGM {
    padding: 3px 0 3px 6px
}

html[dir=rtl] .-ozGM {
    padding: 3px 6px 3px 0
}

._3ji37 .-ozGM {
    padding-top: 0
}

._3PdhZ {
    max-width: 330px
}

._3PdhZ {
    margin-bottom: 3px
}

.QnPmY {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-height: 160px;
    overflow: hidden
}

.QnPmY {
    border-radius: 6px;
    cursor: pointer
}

.QnPmY, html[dir=rtl] .QnPmY {
    margin-right: auto;
    margin-left: auto
}

.VnkDL {
    box-sizing: border-box;
    min-width: 140px;
    max-width: 330px
}

.VnkDL {
    padding: 7px 4px 5px 6px
}

html[dir=rtl] .VnkDL {
    padding: 7px 6px 5px 4px
}

._2e6b3 .VnkDL {
    padding-bottom: 22px
}

._1deXH {
    position: relative;
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

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

._14qwl {
    background-position: 50%;
    background-size: cover
}

._14qwl {
    left: 0
}

html[dir=rtl] ._14qwl {
    right: 0
}

.J0xG0._3Um8Y, .J0xG0 .QnPmY, .KnYL4._3Um8Y, .KnYL4 .QnPmY {
    max-width: 100%
}

._1YcLc {
    margin: 0 0 3px
}

._3bc52 {
    z-index: 2;
    width: 100%;
    height: 100%
}

._2WRWu {
    position: absolute;
    z-index: 3;
    display: none;
    width: inherit;
    height: inherit
}

._3PHHe {
    display: inline-block;
    flex: none;
    color: var(--chatlist-icon);
    vertical-align: top
}

._3PHHe {
    margin-right: 2px
}

html[dir=rtl] ._3PHHe {
    margin-left: 2px
}

._-68As {
    color: var(--icon-ack)
}

._3sDwr {
    display: inline-block;
    flex: none;
    color: var(--chatlist-icon);
    vertical-align: top
}

.XHLX8 {
    margin-right: 3px
}

html[dir=rtl] .XHLX8 {
    margin-left: 3px
}

._3sDwr.status-sticker {
    margin-top: 2px
}

._3sDwr.business-description {
    margin-right: 2px
}

html[dir=rtl] ._3sDwr.business-description {
    margin-left: 2px
}

._3sDwr.business-description svg {
    width: 17px;
    height: 20px
}

._3sDwr.shopping-cart {
    margin-right: 2px
}

html[dir=rtl] ._3sDwr.shopping-cart {
    margin-left: 2px
}

._3sDwr.shopping-cart svg {
    width: 17px;
    height: 20px;
    fill: var(--icon)
}

._3sDwr.group svg {
    width: 21px;
    height: 21px
}

._28tun {
    color: var(--danger)
}

._37v2u {
    color: var(--ptt-blue)
}

._2QrdY {
    color: var(--ptt-green)
}

._34lYQ {
    position: relative
}

._29wIC {
    color: var(--secondary);
    font-size: 12px;
    line-height: 18px
}

._29wIC {
    margin-bottom: 6px;
    padding: 5px 10px 6px;
    background: var(--message-background-deep)
}

._29wIC {
    margin-right: -4px;
    margin-left: -6px
}

._29wIC, html[dir=rtl] ._29wIC {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

html[dir=rtl] ._29wIC {
    margin-left: -4px;
    margin-right: -6px
}

html[dir=rtl] ._3ArbL {
    text-align: left;
    text-align: right
}

._1XP8- {
    margin: -3px -4px 6px -6px
}

html[dir=rtl] ._1XP8- {
    margin: -3px -6px 6px -4px
}

._27Z-N ._1XP8-, ._2C6IP ._1XP8- {
    margin-bottom: 0
}

._27Z-N._2C6IP ._29wIC {
    margin-bottom: -5px
}

._290_S {
    position: absolute;
    bottom: -4px
}

._290_S {
    right: 0
}

html[dir=rtl] ._290_S {
    left: 0
}

._2C6IP ._290_S {
    bottom: 5px
}

._2C6IP ._290_S {
    right: 4px
}

html[dir=rtl] ._2C6IP ._290_S {
    left: 4px
}

._27Z-N._2C6IP ._290_S {
    bottom: 7px
}

._96FkX.vtijO {
    width: 85px;
    height: 85px
}

._2Ybvb._3bvwS {
    position: inherit
}

._2Ybvb._3bvwS {
    background: none
}

._2OWtN {
    line-height: 25px
}

._2OWtN {
    padding: 0 20px 10px
}

._162SC {
    position: relative;
    max-width: 270px
}

._162SC {
    padding: 3px;
    cursor: default
}

._162SC._2O2sb {
    cursor: pointer
}

._2AOoe {
    box-sizing: border-box;
    max-width: 270px
}

._2AOoe {
    padding: 7px 4px 5px 6px
}

html[dir=rtl] ._2AOoe {
    padding: 7px 6px 5px 4px;
    text-align: left;
    text-align: right
}

._2rA1i {
    padding-top: 3px;
    padding-bottom: 5px
}

._2rA1i {
    padding-left: 6px
}

html[dir=rtl] ._2rA1i {
    padding-right: 6px
}

._1U1Z4 {
    position: absolute;
    bottom: 6px;
    z-index: 2
}

._1U1Z4 {
    right: 8px
}

html[dir=rtl] ._1U1Z4 {
    left: 8px
}

.RwSis ._1GsZH {
    border-top: 1px solid var(--border-bubble)
}

.RwSis ._1U1Z4 {
    bottom: 3px
}

.RwSis ._1U1Z4 {
    right: 7px
}

html[dir=rtl] .RwSis ._1U1Z4 {
    left: 7px
}

.SpdXA {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.SpdXA, html[dir=rtl] .SpdXA {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

._11y0H {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 44px;
    height: 44px;
    filter: drop-shadow(0 1px 4px rgba(var(--shadow-rgb), .25))
}

._11y0H {
    margin: auto
}

._11y0H, html[dir=rtl] ._11y0H {
    right: 0;
    left: 0
}

._3DaQ2 {
    position: relative
}

.SwzBg {
    position: absolute;
    top: 0;
    bottom: 0;
    display: none;
    width: 100%;
    height: 100%
}

.SwzBg {
    left: 0
}

html[dir=rtl] .SwzBg {
    right: 0
}

.x-UvS .SwzBg {
    display: block
}

.x-UvS .SwzBg {
    background-color: rgba(var(--white-rgb), .5)
}

._1Vtv6 {
    z-index: 1;
    flex: none
}

._1Vtv6 {
    -webkit-transition: -webkit-filter .16s linear
}

._2ptNS {
    margin-bottom: 3px
}

.fMR4l {
    position: relative;
    bottom: 0;
    height: 30px
}

.fMR4l {
    padding: 0 3px;
    background: var(--message-background-deep)
}

.fMR4l {
    left: 0
}

.fMR4l, html[dir=rtl] .fMR4l {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

html[dir=rtl] .fMR4l {
    right: 0
}

._1_WV2 {
    position: relative;
    top: 6px;
    color: var(--icon-fixed)
}

._1_WV2 {
    margin-right: 4px;
    margin-left: 2px
}

html[dir=rtl] ._1_WV2 {
    margin-left: 4px;
    margin-right: 2px
}

._2PnFV {
    position: relative;
    top: 4px;
    color: var(--secondary);
    font-size: 12px;
    vertical-align: middle
}

._1GsZH {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 37px;
    font-weight: 500
}

._1GsZH {
    padding-bottom: 3px;
    text-align: center;
    cursor: pointer
}

._34y4N {
    color: var(--danger)
}

._3u0zz {
    color: var(--link)
}

._38qMc {
    visibility: hidden
}

._3O9Gs {
    position: relative;
    max-width: 270px
}

._3O9Gs {
    padding: 3px
}

._1sgbl {
    color: grey;
    font-size: 11px;
    line-height: 16px
}

._2WlU_ {
    display: block;
    overflow: hidden;
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wr-3y {
    font-size: 12px
}

._3xan6 {
    display: block
}

._14KgP {
    box-sizing: border-box;
    max-width: 270px
}

._14KgP {
    padding: 7px 4px 5px 6px
}

html[dir=rtl] ._14KgP {
    padding: 7px 6px 5px 4px;
    text-align: left;
    text-align: right
}

._2Qbvx {
    padding-top: 3px;
    padding-bottom: 5px
}

._2Qbvx {
    padding-left: 6px
}

html[dir=rtl] ._2Qbvx {
    padding-right: 6px
}

._3cpH3 ._2Qbvx {
    padding-bottom: 0
}

._3xnsG {
    padding: 3px 0 3px 6px
}

html[dir=rtl] ._3xnsG {
    padding: 3px 6px 3px 0
}

.WsoDT ._3xnsG {
    padding-top: 0
}

._2ECu3 {
    position: absolute;
    bottom: 6px;
    z-index: 2
}

._2ECu3 {
    right: 8px
}

html[dir=rtl] ._2ECu3 {
    left: 8px
}

._2GtsX {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

._2GtsX {
    border-radius: 6px
}

.RD7ti {
    z-index: 1;
    flex: none
}

.RD7ti {
    -webkit-transition: -webkit-filter .16s linear
}

._3o9Wj {
    margin-bottom: 3px
}

._1Lbsv ._2ECu3 {
    bottom: 3px
}

._1Lbsv ._2ECu3 {
    right: 7px
}

html[dir=rtl] ._1Lbsv ._2ECu3 {
    left: 7px
}

._3LsXA {
    box-sizing: border-box;
    max-width: 330px
}

._3LsXA {
    padding: 7px 4px 5px 6px
}

html[dir=rtl] ._3LsXA {
    padding: 7px 6px 5px 4px
}

._2Ide5 {
    margin: 0 0 3px
}

._3hwXd {
    max-width: 330px
}

._3-1wf {
    box-sizing: border-box;
    width: 336px
}

._3-1wf {
    padding: 6px 7px 8px 9px
}

html[dir=rtl] ._3-1wf {
    padding: 6px 9px 8px 7px
}

._1aBse._3-1wf, ._1_Oij._3-1wf {
    width: 100%;
    max-width: 336px
}

._1G93Y {
    margin: -3px -4px 7px -6px
}

html[dir=rtl] ._1G93Y {
    margin: -3px -6px 7px -4px
}

._3GMcc ._1G93Y {
    margin-top: 0
}

._33q8K {
    position: relative;
    display: flex;
    align-items: center;
    height: 60px
}

._33q8K {
    margin-right: 8px;
    margin-left: 6px
}

html[dir=rtl] ._33q8K {
    margin-left: 8px;
    margin-right: 6px
}

._34Eif {
    margin-bottom: 6px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--border-bubble)
}

._3d0fe ._34Eif {
    margin-bottom: 0;
    border-bottom: none
}

._1FJb0 {
    flex: 1 1 auto;
    max-height: 40px;
    overflow: hidden
}

.J4cfU {
    flex: none
}

.J4cfU {
    margin-right: 15px
}

html[dir=rtl] .J4cfU {
    margin-left: 15px
}

.nqxyC {
    position: absolute;
    bottom: -4px
}

.nqxyC {
    right: -7px
}

html[dir=rtl] .nqxyC {
    left: -7px
}

._2b6oa {
    color: var(--primary-stronger);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px
}

html[dir=rtl] ._2b6oa {
    text-align: left;
    text-align: right
}

._2b6oa .emoji {
    vertical-align: -4px
}

._32ds_ {
    position: relative;
    z-index: 100;
    display: inline-block
}

._32ds_:nth-child(2) {
    z-index: 99
}

._32ds_:nth-child(2) {
    margin-left: -33px
}

html[dir=rtl] ._32ds_:nth-child(2) {
    margin-right: -33px
}

._32ds_:nth-child(3) {
    z-index: 98
}

._32ds_:nth-child(3) {
    margin-left: -33px
}

html[dir=rtl] ._32ds_:nth-child(3) {
    margin-right: -33px
}

._3UHWP {
    display: inline-block;
    color: var(--message-placeholder-icon)
}

._3UHWP {
    float: left;
    margin-right: 3px
}

html[dir=rtl] ._3UHWP {
    float: right;
    margin-left: 3px
}

._1mF4N {
    margin-top: 2px
}

._1mF4N {
    margin-left: 28px
}

html[dir=rtl] ._1mF4N {
    margin-right: 28px
}

._1f9aD {
    display: flex
}

._1f9aD {
    background-color: var(--background-default)
}

._1f9aD {
    padding: 24px 36px 24px 24px
}

html[dir=rtl] ._1f9aD {
    padding: 24px 24px 24px 36px
}

._3C41h {
    display: flex;
    flex-direction: column;
    justify-content: center
}

._3C41h {
    margin-left: 24px
}

html[dir=rtl] ._3C41h {
    margin-right: 24px
}

._1Rc2L {
    font-weight: 500;
    font-size: 19px
}

.edge-fix ._1Rc2L {
    font-weight: 600
}

.wrVqc {
    max-width: 380px;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--secondary);
    font-size: 15px;
    line-height: 20px
}

.wrVqc {
    margin-top: 15px
}

._1Nb3_ {
    padding: 10px 24px
}

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

._2bsFK {
    display: flex;
    max-width: 440px;
    overflow-y: auto
}

._2bsFK {
    margin-top: 5px
}

.lS7FT {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    width: 70px;
    font-size: 12px
}

.lS7FT {
    margin: 10px 0 15px
}

._3agtm {
    margin: 36px 75px;
    text-align: center
}

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

._2_AhQ {
    color: var(--secondary-lighter)
}

.lS7FT + .lS7FT {
    margin-left: 5px
}

html[dir=rtl] .lS7FT + .lS7FT {
    margin-right: 5px
}

._1nLJj {
    flex: 0 1 auto;
    max-width: 100%;
    max-height: 28px;
    overflow: hidden;
    line-height: 14px;
    text-overflow: ellipsis
}

._1nLJj {
    margin-top: 10px;
    text-align: center
}

._2Ky7a {
    color: var(--secondary-lighter);
    font-size: 12px;
    font-style: italic
}

._2Ky7a {
    padding: 18px 24px;
    border-top: 1px solid var(--border-bubble)
}

._2Ky7a svg {
    width: 16px;
    height: 16px
}

._2Ky7a svg {
    margin-top: 1px
}

._1Ygbm {
    margin-right: 6px
}

html[dir=rtl] ._1Ygbm {
    margin-left: 6px
}

._2iQG0 {
    position: relative;
    z-index: 1;
    max-width: 336px
}

._2iQG0, ._3t6B- {
    box-sizing: border-box
}

._3t6B- {
    display: flex;
    flex-direction: column;
    max-width: 330px
}

._3t6B- {
    padding: 7px 10px 15px;
    cursor: pointer
}

html[dir=rtl] ._3t6B- {
    padding: 7px 10px 26px
}

.Re1ZY {
    padding: 3px 0 5px 6px
}

html[dir=rtl] .Re1ZY {
    padding: 3px 6px 5px 0
}

.yyeyH {
    font-weight: 500;
    font-size: 18px;
    line-height: normal
}

.yyeyH {
    margin-top: 7px
}

.-cRbs {
    overflow-wrap: break-word
}

.-cRbs {
    margin-top: 2px
}

._39IJB {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    overflow: hidden
}

._39IJB {
    cursor: pointer
}

._2rTkK {
    position: relative;
    overflow: hidden
}

._2rTkK {
    border-radius: 6px
}

._1EBb4 ._2rTkK {
    background-color: var(--incoming-background-deeper)
}

.OcK2R ._2rTkK {
    background-color: var(--outgoing-background-deeper)
}

._21-Av {
    display: block;
    color: var(--link);
    font-weight: 500;
    font-size: 14px
}

._21-Av {
    padding-top: 7px;
    padding-bottom: 10px;
    text-align: center;
    cursor: pointer
}

._21-Av:hover {
    text-decoration: none
}

._3MxH4 {
    display: flex;
    flex: none;
    justify-content: center;
    color: var(--icon-fixed)
}

._3MxH4 {
    padding-top: 24px;
    padding-bottom: 24px
}

._2XBFW {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: auto
}

._2XBFW {
    left: 0
}

html[dir=rtl] ._2XBFW {
    right: 0
}

._1-8Vo ._1p5s4 {
    margin-top: 5px
}

._1Sikt {
    position: relative;
    z-index: 1;
    max-width: 336px
}

._1Sikt {
    padding: 6px 9px 22px
}

._2zab4 {
    position: absolute;
    bottom: 3px
}

._2zab4 {
    right: 7px
}

html[dir=rtl] ._2zab4 {
    left: 7px
}

._1p5s4 {
    box-sizing: border-box;
    max-width: 330px
}

._1p5s4 {
    margin: -3px -6px 3px
}

._159mM {
    margin-bottom: 6px;
    padding: 0
}

._159mM ._23kzp {
    position: relative;
    display: inline-block
}

._159mM ._23kzp {
    padding: 6px 4px 21px 9px
}

html[dir=rtl] ._159mM ._23kzp {
    padding: 6px 9px 21px 4px
}

._159mM ._2JswF, ._159mM ._2zab4 {
    border-radius: 7.5px;
    box-shadow: 0 1px 1px rgba(var(--shadow-rgb), .13)
}

._159mM ._2JswF, ._159mM ._2zab4 {
    padding: 3px 7px 3px 6px
}

html[dir=rtl] ._159mM ._2JswF, html[dir=rtl] ._159mM ._2zab4 {
    padding: 3px 6px 3px 7px
}

._159mM ._2JswF {
    padding-top: 4px
}

._159mM ._2JswF {
    padding-left: 9px
}

html[dir=rtl] ._159mM ._2JswF {
    padding-right: 9px
}

._159mM ._2zab4 {
    bottom: 0
}

._159mM ._2zab4 {
    right: 0
}

html[dir=rtl] ._159mM ._2zab4 {
    left: 0
}

.message-in ._159mM ._2JswF, .message-in ._159mM ._2zab4 {
    background-color: var(--incoming-background)
}

.message-out ._159mM ._2JswF, .message-out ._159mM ._2zab4 {
    background-color: var(--outgoing-background)
}

._159mM._1-8Vo ._23kzp {
    padding-top: 5px
}

._159mM._2djfa ._2JswF {
    border-top-left-radius: 0
}

html[dir=rtl] ._159mM._2djfa ._2JswF {
    border-top-right-radius: 0
}

._22p-W {
    margin: -3px -6px 3px
}

._1yQ4U {
    display: flex;
    align-items: center
}

._3ZBgR {
    flex: 1 1 auto;
    color: var(--secondary)
}

.-kwHt {
    margin-left: 15px
}

html[dir=rtl] .-kwHt {
    margin-right: 15px
}

._3pa9K {
    padding-top: 10px
}

._3Istl {
    position: relative
}

._3Istl {
    margin-bottom: 10px;
    background-color: var(--background-default);
    box-shadow: 0 1px 3px var(--shadow-light)
}

._16wu0 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 22px
}

._16wu0._5veUl {
    color: var(--payment-status-success)
}

._16wu0._2jlDW {
    color: var(--payment-status-failed)
}

._16wu0._3eTel {
    color: var(--payment-status-waiting)
}

._16wu0._3PXFB {
    color: var(--payment-status-processing)
}

._7rgjX {
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    color: var(--inverse);
    font-size: 14px;
    line-height: 22px
}

._7rgjX {
    text-align: center
}

._7rgjX {
    left: 0
}

html[dir=rtl] ._7rgjX {
    right: 0
}

._7rgjX._3s-8K {
    font-size: 11px
}

._16wu0._2mHEI, ._16wu0._2mHEI svg {
    width: 22px;
    height: 20px
}

._16wu0._2mHEI ._7rgjX {
    font-size: 12px;
    line-height: 20px
}

._3kwQl {
    width: 100%
}

._3BtoT {
    height: 50%;
    min-height: 240px
}

._3JAV6 {
    height: 240px;
    min-height: 240px
}

._3wLV0 {
    width: 120px
}

._1fOZT {
    height: 240px
}

._1fOZT, html[dir=rtl] ._1fOZT {
    animation: _3BN5w 1s cubic-bezier(.1, .82, .25, 1)
}

@keyframes _3BN5w {
    0%, 30% {
        height: 50%
    }
    to {
        height: 240px
    }
}

._1i7fc {
    font-size: 35px
}

._1r_hd {
    display: flex;
    justify-content: center
}

._1r_hd {
    margin-top: 12px
}

._2nLh- {
    font-weight: 500
}

.dz69u {
    margin-top: 12px
}

._34-Pt {
    overflow: hidden;
    word-wrap: break-word
}

._8C2wC {
    color: var(--link)
}

.rG4Ah {
    margin-top: 12px
}

._2Fsqz {
    overflow: hidden
}

._28ZHU {
    display: flex;
    justify-content: space-evenly;
    width: 100%
}

._28ZHU {
    margin-top: 8px;
    border-top: 1px solid var(--border-bubble)
}

._2fS0O {
    flex-grow: 1;
    overflow: hidden;
    color: var(--button-alternative);
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis
}

._2fS0O {
    padding: 10px 0 4px;
    text-align: center
}

._2fS0O + ._2fS0O {
    margin-left: 10px
}

html[dir=rtl] ._2fS0O + ._2fS0O {
    margin-right: 10px
}

._19umv._28ZHU {
    margin-top: 0;
    border-top: none
}

.bODxg {
    width: 100%
}

.i8New {
    position: relative;
    display: flex;
    overflow: hidden
}

.i8New {
    background-color: rgba(var(--overlay-rgb), .05);
    border-radius: 7.5px
}

.message-out .i8New {
    background-color: var(--outgoing-background-deeper)
}

.message-in .i8New {
    background-color: var(--incoming-background-deeper)
}

.vmSwy {
    background-color: initial;
    border-radius: 5px
}

.vmSwy, html[dir=rtl] .vmSwy {
    margin-right: auto;
    margin-left: auto
}

.ty4rx {
    background-color: initial;
    border-radius: 0
}

._1P1on {
    background-color: rgba(var(--overlay-rgb), .1);
    cursor: pointer
}

._1SmnQ {
    flex: none;
    width: 4px
}

._1SmnQ {
    border-top-left-radius: 7.5px;
    border-bottom-left-radius: 7.5px
}

html[dir=rtl] ._1SmnQ {
    border-top-right-radius: 7.5px;
    border-bottom-right-radius: 7.5px
}

._3k8SE {
    display: flex;
    flex-grow: 1;
    align-items: center;
    min-height: 42px;
    max-height: 82px;
    overflow: hidden
}

._3k8SE {
    padding: 4px 12px 8px 8px
}

html[dir=rtl] ._3k8SE {
    padding: 4px 8px 8px 12px
}

.os-mac ._3k8SE {
    padding: 5px 12px 7px 8px
}

html[dir=rtl] .os-mac ._3k8SE {
    padding: 5px 8px 7px 12px
}

._1Dook {
    flex-grow: 1;
    overflow: hidden
}

.ty4rx ._3k8SE, .vmSwy ._3k8SE {
    max-height: 66px
}

.ty4rx ._3k8SE, .vmSwy ._3k8SE {
    padding: 7px 12px 10px 11px
}

html[dir=rtl] .ty4rx ._3k8SE, html[dir=rtl] .vmSwy ._3k8SE {
    padding: 7px 11px 10px 12px
}

.os-mac .ty4rx ._3k8SE, .os-mac .vmSwy ._3k8SE {
    padding: 8px 12px 9px 11px
}

html[dir=rtl] .os-mac .ty4rx ._3k8SE, html[dir=rtl] .os-mac .vmSwy ._3k8SE {
    padding: 8px 11px 9px 12px
}

.ty4rx ._1Dook, .vmSwy ._1Dook {
    max-width: 500px
}

._3HlI7 {
    margin-bottom: 10px;
    border-bottom: 1px solid var(--border-bubble)
}

._3HlI7 {
    padding: 8px 13px 12px 0
}

html[dir=rtl] ._3HlI7 {
    padding: 8px 0 12px 13px
}

._2vym4 {
    margin-top: 4px
}

._2Ehhh {
    margin: -3px -5px 10px -6px
}

html[dir=rtl] ._2Ehhh {
    margin: -3px -6px 10px -5px
}

._2T0MB._2Ehhh, ._5d8aE._2Ehhh {
    margin-top: 5px
}

._3o98J {
    color: rgba(var(--primary-stronger-rgb), .55)
}

._3Vt-g {
    position: relative;
    overflow: hidden
}

._3Vt-g {
    background-color: var(--avatar-background)
}

._1iKhq {
    border-radius: 50%
}

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

._2h6tR {
    background-color: var(--avatar-background)
}

._2h6tR {
    left: 0
}

html[dir=rtl] ._2h6tR {
    right: 0
}

._3zwmA svg {
    width: 100%;
    height: 100%
}

._2GNbB {
    z-index: 100;
    visibility: hidden;
    opacity: 0
}

._2YBb_ {
    transition: opacity .15s ease-out
}

._2GNbB._2ZZQV {
    visibility: visible;
    opacity: 1
}

._3QHRD {
    display: flex;
    align-items: center;
    justify-content: center
}

._2pzZl {
    position: relative;
    z-index: 100;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0
}

._2pzZl._2ZZQV {
    visibility: visible;
    opacity: 1
}

._1MLLc {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10001;
    width: 45px;
    height: 45px;
    opacity: .22
}

._1MLLc {
    margin-top: auto;
    margin-bottom: auto;
    background-color: var(--status-background);
    border-radius: 50%;
    cursor: pointer
}

._1MLLc {
    left: 30px
}

html[dir=rtl] ._1MLLc {
    right: 30px
}

._1B-_l {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10001;
    width: 45px;
    height: 45px;
    opacity: .22
}

._1B-_l {
    margin-top: auto;
    margin-bottom: auto;
    background-color: var(--status-background);
    border-radius: 50%;
    cursor: pointer
}

._1B-_l {
    right: 30px
}

html[dir=rtl] ._1B-_l {
    left: 30px
}

.VKhTt {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10002;
    display: flex;
    align-items: center;
    color: var(--status-primary);
    pointer-events: none
}

.VKhTt {
    left: 37px
}

html[dir=rtl] .VKhTt {
    right: 37px
}

.x7r8r {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10002;
    display: flex;
    align-items: center;
    color: var(--status-primary);
    pointer-events: none
}

.x7r8r {
    right: 37px
}

html[dir=rtl] .x7r8r {
    left: 37px
}

._1TWA9 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    will-change: opacity
}

._1TWA9 {
    left: 0
}

html[dir=rtl] ._1TWA9 {
    right: 0
}

.WFchU {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    height: 50px
}

.WFchU {
    margin: auto
}

.WFchU, html[dir=rtl] .WFchU {
    right: 0;
    left: 0
}

.gFTLv {
    position: absolute;
    top: 0;
    z-index: 600;
    width: 100%;
    height: 100%
}

.gFTLv {
    background-color: var(--status-background)
}

.gFTLv {
    left: 0
}

html[dir=rtl] .gFTLv {
    right: 0
}

._3rL62 {
    position: absolute;
    top: 18px;
    z-index: 2;
    color: var(--status-primary)
}

._3rL62 {
    right: 18px
}

html[dir=rtl] ._3rL62 {
    left: 18px
}

._3rL62._2qEtB {
    right: 82px
}

html[dir=rtl] ._3rL62._2qEtB {
    left: 82px
}

.Pnr_G {
    position: absolute;
    top: 18px;
    z-index: 2;
    display: flex;
    color: var(--status-primary)
}

.Pnr_G {
    left: 30px
}

html[dir=rtl] .Pnr_G {
    right: 30px
}

.Pnr_G._1n3hU {
    left: 82px
}

html[dir=rtl] .Pnr_G._1n3hU {
    right: 82px
}

._3B8qp {
    position: relative;
    z-index: 900;
    display: flex;
    justify-content: center
}

._3B8qp {
    padding-top: 6px;
    cursor: text
}

._3B8qp {
    margin: 0 17px 14px 15px
}

html[dir=rtl] ._3B8qp {
    margin: 0 15px 14px 17px
}

._18Hcf {
    display: flex !important;
    align-items: center
}

._18Hcf {
    background-color: var(--panel-header-background)
}

._18Hcf {
    padding: 10px 16px 10px 18px
}

html[dir=rtl] ._18Hcf {
    padding: 10px 18px 10px 16px
}

.GUP-t {
    flex: 1 1 auto;
    overflow: hidden
}

._3fDsY {
    flex: none;
    color: var(--icon-fixed)
}

._3fDsY {
    padding: 8px
}

._3fDsY {
    margin-left: 15px
}

html[dir=rtl] ._3fDsY {
    margin-right: 15px
}

._2bC_3 {
    margin-top: 0;
    padding: 0 14px;
    background-color: var(--background-default)
}

._2wjQC {
    position: absolute;
    top: 0;
    width: 100%
}

._2wjQC {
    left: 0
}

html[dir=rtl] ._2wjQC {
    right: 0
}

._3Pmyo {
    position: relative;
    max-height: 182px;
    overflow: auto
}

._2m16s {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 100%
}

._2m16s {
    background-color: var(--rich-text-panel-background);
    box-shadow: 0 -5px 7px -5px rgba(var(--shadow-rgb), .05)
}

._2m16s {
    left: 0;
    border-left: 1px solid var(--border-panel)
}

html[dir=rtl] ._2m16s {
    right: 0;
    border-right: 1px solid var(--border-panel)
}

._2m16s:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    content: "";
    pointer-events: none
}

._2m16s:before {
    box-shadow: inset 0 -10px 9px -10px rgba(var(--shadow-rgb), .1)
}

._2m16s:before, html[dir=rtl] ._2m16s:before {
    right: 0;
    left: 0
}

._2qbJR {
    pointer-events: auto
}

._2qbJR {
    background-color: var(--rich-text-panel-background);
    box-shadow: 0 2px 5px 0 rgba(var(--shadow-rgb), .26), 0 2px 10px 0 rgba(var(--shadow-rgb), .16)
}

._2qbJR, html[dir=rtl] ._2qbJR {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

._1B91o {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

._1B91o, ._1j-Xk {
    color: var(--status-primary)
}

._1j-Xk {
    position: absolute;
    top: 18px;
    z-index: 2
}

._1j-Xk {
    right: 18px
}

html[dir=rtl] ._1j-Xk {
    left: 18px
}

._1j-Xk._3KlqZ {
    right: 82px
}

html[dir=rtl] ._1j-Xk._3KlqZ {
    left: 82px
}

@media screen and (min-width: 1441px) {
    ._1B91o {
        top: 19px;
        width: 1396px;
        height: calc(100% - 38px);
        margin-right: auto;
        margin-left: auto
    }
}

._1IC9d {
    position: absolute;
    z-index: 500;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

._1IC9d {
    background-color: var(--status-background)
}

._1u_bL {
    position: absolute;
    z-index: 100
}

._1u_bL {
    cursor: pointer
}

.NkqSF {
    top: 8px
}

.NkqSF {
    right: 13px
}

html[dir=rtl] .NkqSF {
    left: 13px
}

.edRAi {
    top: 6px
}

.edRAi {
    left: 11px
}

html[dir=rtl] .edRAi {
    right: 11px
}

.KVR0F {
    overflow-x: hidden;
    overflow-y: auto
}

._1c8y3 {
    flex: none;
    color: var(--secondary-lighter);
    font-size: 14px;
    line-height: 20px
}

._1c8y3 {
    padding: 18px 20px 32px 34px
}

html[dir=rtl] ._1c8y3 {
    padding: 18px 34px 32px 20px
}

._3KqnB {
    border-bottom: 1px solid var(--border-default)
}

._3ikY2 {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    opacity: 0
}

._3ikY2 {
    left: 0
}

html[dir=rtl] ._3ikY2 {
    right: 0
}

._2Lv59 {
    opacity: 1
}

._8fDwc {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

._8fDwc {
    background: var(--panel-background-deeper)
}

._26Cwg {
    transition: opacity .2s ease-in-out
}

._3AWLS {
    flex: 1;
    height: 100%;
    overflow: hidden
}

._3AWLS {
    cursor: pointer
}

._3AWLS {
    margin-right: 5px
}

html[dir=rtl] ._3AWLS {
    margin-left: 5px
}

._3AWLS:last-child {
    margin-right: 0
}

html[dir=rtl] ._3AWLS:last-child {
    margin-left: 0
}

._2h8Hi {
    display: flex;
    flex: none;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.oCLLQ {
    width: 50%
}

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

._3UIa9 {
    opacity: 0
}

.zLEDC {
    display: -webkit-box;
    max-height: 60px;
    overflow: hidden;
    color: var(--secondary);
    font-size: 13.2px;
    line-height: 20px;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.os-mac .zLEDC {
    font-size: 12.6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.zLEDC code, .zLEDC pre {
    font-size: inherit;
    line-height: normal
}

.textsize-xxlarge .zLEDC {
    font-size: 15.6px;
    line-height: 24px
}

.textsize-xlarge .zLEDC {
    font-size: 14.6px;
    line-height: 22px
}

.textsize-large .zLEDC {
    font-size: 13.6px;
    line-height: 21px
}

.textsize-small .zLEDC {
    font-size: 11.6px;
    line-height: 16px
}

.textsize-xsmall .zLEDC {
    font-size: 10.6px;
    line-height: 14px
}

.textsize-xxsmall .zLEDC {
    font-size: 10px;
    line-height: 12px
}

._1Ezgw.zLEDC {
    max-height: 40px
}

._5auXc, ._5auXc._28F_N svg {
    width: 125px;
    height: 125px
}

.DXO25, .DXO25._28F_N svg {
    width: 40px;
    height: 40px
}

._2FAUA, ._2FAUA._28F_N svg {
    display: block;
    width: 48px;
    height: 48px
}

.Vhckz, .Vhckz._28F_N svg {
    width: 100px;
    height: 100px;
    outline: 1px solid transparent;
    transition: transform .1s ease;
    will-change: transform
}

.Vhckz._2YpcJ:hover {
    transform: scale(1.06)
}

._2YpcJ {
    cursor: pointer
}

._28F_N {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--primary-strong-rgb), .1)
}

._28F_N._2YpcJ {
    cursor: auto
}

.btmWu {
    flex: 0 0 auto;
    overflow: hidden
}

.jtB4A {
    width: 58px;
    height: 100%
}

.jtB4A {
    background-position: 50%;
    background-size: cover
}

._2TKQV .jtB4A, ._2MdYn .jtB4A {
    position: relative;
    width: 83px;
    height: 83px
}

._23Zsu .jtB4A {
    width: auto
}

._2TKQV .jtB4A {
    z-index: 1 !important;
    overflow: hidden
}

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

._3Lgvh {
    background-position: 50%;
    background-size: cover
}

._17oJo {
    position: relative;
    height: 0
}

._17oJo {
    padding-top: 100%
}

._2T8ev {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._2T8ev {
    left: 0
}

html[dir=rtl] ._2T8ev {
    right: 0
}

._1f_-i {
    overflow-x: auto;
    opacity: 0
}

._4is_H ._1f_-i {
    opacity: 1
}

.hFsU6 ._1f_-i {
    transition: opacity .2s ease-in-out
}

._12xi3 {
    justify-content: center
}

._12xi3 {
    background: var(--panel-background-deeper)
}

._2-hsG {
    opacity: 0
}

._3vBQf {
    display: flex;
    text-decoration: none
}

._3vBQf {
    padding: 8px 6px 8px 8px
}

._3vBQf, html[dir=rtl] ._3vBQf {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

html[dir=rtl] ._3vBQf {
    padding: 8px 8px 8px 6px
}

._3oJv6 ._3vBQf {
    background-color: var(--incoming-background-deeper)
}

._4M-J2 ._3vBQf {
    background-color: var(--outgoing-background-deeper)
}

._22vlH {
    flex: none
}

._22vlH {
    margin-right: 8px
}

html[dir=rtl] ._22vlH {
    margin-left: 8px
}

._180cm {
    align-self: center
}

._2eoVT {
    flex: 1 1 auto;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    word-wrap: break-word
}

._2oqbR {
    z-index: 1000
}

.ez9g0 {
    align-self: center;
    color: var(--secondary);
    font-size: 14px;
    line-height: 20px
}

.Rglyo {
    display: flex;
    flex-direction: column;
    width: 400px
}

._3vZbg {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 24px;
    text-align: center
}

.edge-fix ._3vZbg {
    font-weight: 600
}

._1LWvj {
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

._7-PgB {
    display: flex;
    flex-direction: row;
    margin-right: 12px;
    margin-left: 12px;
    padding: 10px 20px;
    line-height: 24px;
    border: 2px solid var(--status-primary);
    border-radius: 24px
}

._1H1mk {
    margin-right: 6px;
    color: var(--status-primary)
}

._3W62N {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

._3W62N hr {
    width: 400px;
    margin-top: 35px;
    margin-bottom: 35px;
    color: var(--inverse);
    opacity: .2
}

.XTdur {
    flex-direction: column;
    margin-right: 10px;
    margin-bottom: 24px;
    margin-left: 10px
}

.XTdur, ._1rFct {
    display: flex;
    align-items: center
}

._1rFct {
    flex-direction: row;
    margin-top: 15px;
    margin-bottom: 5px
}

._31Cl3 {
    color: var(--status-secondary);
    font-size: 13px
}

._2VV9C {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 40px;
    color: rgba(var(--status-secondary-rgb), .4);
    pointer-events: none
}

._3begu {
    color: var(--status-secondary);
    line-height: 24px;
    text-align: center
}

._3dENp {
    display: flex;
    flex-direction: column;
    max-height: 100%
}

._2MyeZ {
    margin-top: 50px;
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 24px;
    text-align: center
}

.edge-fix ._2MyeZ {
    font-weight: 600
}

._1t5me {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    box-sizing: border-box;
    max-width: 800px;
    padding: 0 50px 50px;
    overflow-y: auto
}

._2McvD {
    position: relative;
    width: 80px;
    height: 80px;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    cursor: pointer
}

@media screen and (max-width: 900px) {
    ._3W62N {
        width: 60%
    }

    ._3W62N {
        left: 40%
    }

    html[dir=rtl] ._3W62N {
        right: 40%
    }
}

@media screen and (min-width: 901px) and (max-width: 1024px) {
    ._3W62N {
        width: 65%
    }

    ._3W62N {
        left: 35%
    }

    html[dir=rtl] ._3W62N {
        right: 35%
    }
}

@media screen and (min-width: 1025px) and (max-width: 1300px) {
    ._3W62N {
        width: 65%
    }

    ._3W62N {
        left: 35%
    }

    html[dir=rtl] ._3W62N {
        right: 35%
    }
}

@media screen and (min-width: 1301px) {
    ._3W62N {
        width: 70%
    }

    ._3W62N {
        left: 30%
    }

    html[dir=rtl] ._3W62N {
        right: 30%
    }
}

.SvRea {
    color: var(--status-primary)
}

.Sgg91 {
    margin-left: 5px
}

html[dir=rtl] .Sgg91 {
    margin-right: 5px
}

._2klo4 {
    display: flex;
    flex: none;
    justify-content: center
}

._2klo4 {
    margin-top: 28px;
    margin-bottom: 28px;
    transform-origin: center center
}

._2klo4, html[dir=rtl] ._2klo4 {
    animation: CJdKy .75s cubic-bezier(.1, .82, .25, 1)
}

@keyframes CJdKy {
    0%, 20% {
        transform: scale(0)
    }
    to {
        transform: scale 1, 1
    }
}

._3XiaR {
    margin: 4px 20px 28px 30px;
    animation: _3zdIz 1s cubic-bezier(.1, .82, .25, 1)
}

html[dir=rtl] ._3XiaR {
    margin: 4px 30px 28px 20px;
    animation: _3zdIz 1s cubic-bezier(.1, .82, .25, 1)
}

@keyframes _3zdIz {
    0%, 30% {
        transform: translateY(-50px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

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

.Y2pgK {
    background-position: 50%;
    background-size: cover
}

._1sxlk {
    display: flex;
    align-items: center;
    font-size: 13px
}

._1sxlk {
    padding: 10px 19px
}

._1sxlk .emoji {
    vertical-align: -5px
}

._1sxlk._2fBWi {
    color: var(--primary-stronger)
}

._26c7X._2fBWi, ._1sxlk._2fBWi, ._2fBWi {
    background-color: var(--compose-panel-background-hover)
}

._2zlCc {
    flex: 0 0 auto
}

._24DLO {
    flex: 1 0 auto;
    color: rgba(var(--primary-rgb), .3)
}

._24DLO {
    text-align: right
}

html[dir=rtl] ._24DLO {
    text-align: left
}

._17Ipr {
    flex: 0 0 32px
}

._17Ipr {
    margin-right: 10px
}

html[dir=rtl] ._17Ipr {
    margin-left: 10px
}

span[data-mention-jid] {
    color: var(--link)
}

span[data-mention-jid] .at-symbol {
    color: var(--secondary-lighter);
    pointer-events: none
}

._2y0w5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--status-background)
}

.wIUe- {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._1tMyo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    pointer-events: none
}

._2J1xB {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

._2J1xB._3sLep {
    opacity: .5;
    filter: blur(30px)
}

._2I5UV {
    position: absolute;
    right: 0;
    left: 0;
    padding: 40px calc(50% - 180px) 60px;
    background-image: linear-gradient(rgba(var(--status-background-rgb), 0), rgba(var(--status-background-rgb), .65));
    pointer-events: none
}

._2I5UV, .W2nge {
    bottom: 0;
    z-index: 100;
    margin-right: auto;
    margin-left: auto;
    color: var(--status-primary);
    text-align: center
}

.W2nge {
    position: relative;
    width: 360px;
    margin-bottom: 60px;
    font-size: 18px;
    line-height: 1.3em
}

._1uUmf {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 70px;
    background-image: linear-gradient(rgba(var(--status-background-rgb), .65), rgba(var(--status-background-rgb), 0));
    pointer-events: none
}

._1uUmf._2Rbd7 {
    height: 95px
}

.yVj1I {
    position: absolute;
    top: 10px;
    left: 66px;
    z-index: 200;
    display: flex;
    cursor: pointer
}

.bHgbD {
    cursor: default
}

._3nH7S {
    top: 45px;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.yVj1I._3nH7S {
    top: 45px
}

._3nH7S ._1hBSW {
    display: none
}

._3YZQ_ {
    opacity: 0;
    pointer-events: none
}

.yVj1I._1cIxr {
    left: 118px
}

.yVj1I._1cIxr._3nH7S {
    left: 0
}

._3i6Ha {
    display: flex;
    flex-direction: column
}

.guNwK {
    margin-top: 1px;
    margin-bottom: 6px;
    color: var(--status-primary);
    font-size: 16px
}

._11K1G {
    color: rgba(var(--inverse-rgb), .76);
    font-size: 13px
}

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

._19nMI {
    width: 800px;
    height: 800px;
    transform: scale(.16) translateX(-150px) translateY(-150px);
    transform-origin: top left
}

._2c_MC {
    width: 800px;
    height: 800px;
    transform: scale(.08) translateX(-150px) translateY(-150px);
    transform-origin: top left
}

._1JVHr._2umMm {
    filter: blur(8px)
}

._1JVHr._3DJSu img {
    position: relative;
    display: block;
    height: 100%;
    margin-right: auto;
    margin-left: auto
}

._1JVHr._8HRq7 video {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

._1p4sD {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    max-width: 520px;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    pointer-events: none
}

._1p4sD, ._1p4sD a {
    padding-right: 20px;
    padding-left: 20px;
    color: var(--status-primary)
}

._1p4sD a {
    background-color: rgba(var(--status-primary-rgb), .2);
    border-radius: 12px;
    pointer-events: auto
}

._1p4sD img {
    display: initial
}

._1n6h2 {
    font-size: 60px;
    line-height: 1.4em;
    text-align: center
}

._1n6h2 .large-emoji {
    width: 64px;
    height: 64px;
    transform: translateY(10px)
}

._3Hd3H {
    font-size: 36px;
    line-height: 1.3em;
    text-align: center
}

._3Hd3H .large-emoji {
    transform: translateY(10px)
}

._18Y6i {
    font-size: 16px;
    line-height: 1.5em;
    text-align: left
}

._18Y6i .emoji {
    transform: translateY(2px)
}

.XFtt0 {
    font-family: "Droid Serif", serif
}

._1o6A6 {
    font-family: Norican
}

._2d2SH {
    font-family: Bryndan-Write
}

._32cbO {
    font-weight: 700;
    font-family: Oswald
}

._5Axzp {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    max-width: 720px;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    color: var(--status-secondary);
    font-size: 24px;
    line-height: 1.5em;
    text-align: center;
    word-wrap: break-word;
    pointer-events: none
}

._1hBSW {
    margin: auto 12px
}

.ZLuXL {
    width: 800px;
    height: 800px
}

.ZLuXL {
    transform: scale(.08) translateX(-150px) translateY(-150px);
    transform-origin: top left
}

html[dir=rtl] .ZLuXL {
    transform: scale(.08) translateX(150px) translateY(-150px);
    transform-origin: top right
}

._2PndI {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 100%
}

._2PndI {
    background-color: rgba(var(--white-rgb), .08)
}

._2PndI {
    left: 0
}

html[dir=rtl] ._2PndI {
    right: 0
}

.jPrBn {
    flex: 1 1 auto;
    padding-bottom: 24px;
    overflow-y: auto
}

.jPrBn::-webkit-scrollbar-track {
    background-color: initial
}

.jPrBn::-webkit-scrollbar-thumb {
    background-color: rgba(var(--inverse-rgb), .13)
}

._3h8Fc {
    display: flex;
    flex-direction: column;
    padding-right: 15px;
    padding-left: 15px
}

._3h8Fc hr {
    width: 100%;
    height: 0
}

._3h8Fc hr {
    margin-top: 16px;
    border-top: 1px solid rgba(var(--inverse-rgb), .2);
    border-bottom: none
}

._3h8Fc hr, html[dir=rtl] ._3h8Fc hr {
    border-right: none;
    border-left: none
}

.eco82 {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.udnYn, .eco82 {
    color: var(--status-secondary-stronger);
    font-size: 13px
}

.udnYn:hover {
    color: var(--inverse)
}

@media screen and (max-width: 900px) {
    ._2PndI {
        width: 40%
    }
}

@media screen and (min-width: 901px) and (max-width: 1024px) {
    ._2PndI {
        width: 35%
    }
}

@media screen and (max-width: 1024px) {
    ._2PndI {
        width: 35%
    }
}

@media screen and (min-width: 1025px) and (max-width: 1300px) {
    ._2PndI {
        width: 35%
    }
}

@media screen and (min-width: 1301px) {
    ._2PndI {
        width: 30%
    }
}

._2kv-W {
    display: flex;
    flex: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 69px
}

._2kv-W {
    margin-top: 34px
}

._2kv-W {
    padding-left: 2px
}

html[dir=rtl] ._2kv-W {
    padding-right: 2px
}

._28uDY {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 52px;
    height: 36px;
    margin-right: auto
}

._1yXKk {
    font-size: 16px
}

._2Ret2 {
    color: var(--status-secondary);
    font-size: 13px
}

.a6NuN {
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 64px
}

.a6NuN, .BXQSH {
    display: flex;
    flex-direction: row;
    color: var(--status-primary)
}

.BXQSH {
    justify-content: space-between;
    width: 60px
}

.kwVN3 {
    flex: none;
    align-self: center;
    width: 258px;
    height: 258px;
    overflow: hidden
}

.kwVN3 {
    margin-top: 32px;
    margin-bottom: 28px;
    background-repeat: no-repeat;
    background-size: 1600% auto
}

.kwVN3 {
    animation: _1wpie 1s steps(15) infinite
}

html[dir=rtl] .kwVN3 {
    animation: _36OcQ 1s steps(15) infinite
}

@keyframes _1wpie {
    to {
        background-position-x: 100%
    }
}

@keyframes _36OcQ {
    to {
        background-position-x: 0
    }
}

._1IEZb {
    margin-bottom: 32px
}

._2bRZn {
    color: var(--primary-title)
}

._2bv9e._2bRZn {
    font-size: 12.5px
}

._1RWrl {
    font-weight: 500
}

.pTxb9 {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden
}

.pTxb9 {
    margin-bottom: 5px;
    cursor: pointer
}

.pTxb9:last-child {
    margin-bottom: 0
}

._1VDc9 {
    position: relative
}

._1VDc9 {
    margin: 0
}

._1VDc9 > .pTxb9 {
    position: relative
}

._1VDc9 > .pTxb9 {
    margin-bottom: 0
}

._1VDc9:before {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    content: ""
}

._1VDc9:before {
    background: rgba(var(--overlay-rgb), .4)
}

._1YLhn {
    position: absolute;
    z-index: 10;
    color: var(--inverse);
    font-size: 35px
}

._1YLhn {
    margin: auto
}

.OR9VO {
    display: flex;
    align-items: center;
    justify-content: center
}

.OR9VO {
    background-color: var(--panel-background-deeper)
}

._1FjhI {
    width: 100%;
    height: 100%;
    filter: blur(10px)
}

._3ohot {
    font-weight: 500
}

.edge-fix ._3ohot {
    font-weight: 600
}

._3ohot._3WTtt {
    color: var(--payment-status-failed)
}

._3ohot._1TzFo {
    color: var(--payment-status-processing)
}

._3ohot.yAPyX {
    color: var(--payment-status-waiting)
}

._3ohot._33PxA {
    color: var(--payment-status-success)
}

._24Qxt {
    flex: 1 0 auto;
    width: 82.5%;
    opacity: 1;
    transition: transform 75ms ease-out, opacity .25s ease-in-out
}

._24Qxt:only-of-type {
    flex: none;
    width: 100%
}

._24Qxt:only-of-type {
    margin: 0 auto
}

._24Qxt + ._24Qxt {
    margin-left: 5px
}

html[dir=rtl] ._24Qxt + ._24Qxt {
    margin-right: 5px
}

._2z8Lb {
    position: relative;
    height: 0
}

._2z8Lb {
    padding-top: 125%
}

._2z8Lb:last-of-type {
    margin-right: 0
}

html[dir=rtl] ._2z8Lb:last-of-type {
    margin-left: 0
}

._1ch_d {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

._1ch_d, html[dir=rtl] ._1ch_d {
    right: 0;
    left: 0
}

.m8JVo {
    display: none
}

._2rkPA {
    display: block;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
    color: inherit
}

._2rkPA {
    border-radius: 6px 6px 0 0;
    cursor: pointer
}

.F7ErY {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    color: var(--primary-stronger)
}

.F7ErY {
    background-position: 50% 50%;
    background-size: cover
}

.PWoPS {
    display: flex;
    align-items: flex-start;
    line-height: normal
}

.PWoPS {
    margin-top: 4px
}

._1Q4VP {
    font-size: 22px
}

._1Q4VP {
    margin-right: 3px
}

html[dir=rtl] ._1Q4VP {
    margin-left: 3px
}

.uLJUy {
    font-weight: 300;
    font-size: 48px
}

.uLJUy {
    margin-top: -6px
}

.uLJUy {
    margin-right: 2px
}

html[dir=rtl] .uLJUy {
    margin-left: 2px
}

.qRY0e {
    font-size: 22px
}

.qRY0e {
    margin-top: 1px
}

.edge-fix ._1Q4VP, .edge-fix .qRY0e {
    font-weight: 600
}

.sk1jK._2rkPA {
    flex: none;
    height: 100%
}

.sk1jK._2rkPA {
    border: none;
    border-radius: 0
}

.sk1jK .F7ErY {
    display: flex;
    height: 100%
}

.sk1jK .F7ErY {
    padding: 10px 14px;
    background-color: rgba(var(--overlay-rgb), .04);
    background-image: none
}

.sk1jK .PWoPS {
    display: flex;
    align-items: flex-start;
    line-height: normal
}

.sk1jK .PWoPS {
    margin-top: 0
}

.sk1jK ._1Q4VP {
    font-weight: 500;
    font-size: 14px
}

.sk1jK ._1Q4VP {
    margin-right: 1px
}

html[dir=rtl] .sk1jK ._1Q4VP {
    margin-left: 1px
}

.sk1jK .uLJUy {
    font-weight: 400;
    font-size: 22px
}

.sk1jK .uLJUy {
    margin-top: -1px
}

.sk1jK .uLJUy {
    margin-right: 0
}

html[dir=rtl] .sk1jK .uLJUy {
    margin-left: 0
}

.sk1jK .qRY0e {
    font-weight: 500;
    font-size: 14px
}

.sk1jK .qRY0e {
    margin-top: 1px
}

._35rMY .F7ErY {
    box-sizing: border-box;
    height: 83px
}

._35rMY .F7ErY {
    padding: 14px 24px
}

div._15bSy {
    position: absolute;
    top: calc(50% - 16px);
    z-index: 100
}

div._15bSy {
    background-color: var(--chevron-button-background)
}

div.uPJoW {
    background-color: var(--product-image-button-background)
}

.N-Qld {
    left: 10px
}

._3eNoe {
    right: 10px
}

._2NIGu {
    opacity: .5
}

._2yMyN {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 200;
    display: flex;
    width: 360px;
    height: 7px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    direction: ltr
}

._3l06K {
    position: relative;
    top: 0;
    bottom: 0;
    display: inline-block;
    width: 33%;
    height: 100%;
    margin-right: 2px;
    margin-left: 2px
}

._2bIOD {
    overflow: hidden;
    transform: translateZ(0)
}

._7l9wP, ._2bIOD {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3.5px
}

._7l9wP {
    background: rgba(var(--status-primary-rgb), .3)
}

._37vWo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--status-primary)
}

._37vWo._3Wbib {
    transform: translateX(0)
}

._37vWo._3gMQc {
    transform: translateX(-105%)
}

._37vWo._3Jpas {
    transform: translateX(-100%)
}

.J9MbH {
    position: relative
}

._1HaC6 {
    width: 40px;
    height: 40px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%
}

.mYo1M {
    position: relative;
    width: 40px;
    height: 40px
}

.mYo1M {
    padding: 12px 15px 12px 13px
}

html[dir=rtl] .mYo1M {
    padding: 12px 13px 12px 15px
}

._2WuxO {
    opacity: .7
}

._30K1P {
    position: absolute;
    bottom: 12px;
    z-index: 200;
    width: calc(100% - 40px);
    max-width: 920px
}

._30K1P, ._18ixn {
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

._18ixn {
    bottom: 0;
    z-index: 100;
    width: calc(100% - 120px);
    max-width: 840px;
    margin-bottom: 5px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    background-color: var(--compose-input-background);
    border-radius: 8px;
    will-change: opacity, transform
}

._10mnq {
    z-index: 200;
    display: flex;
    flex-direction: row;
    padding-right: 20px;
    padding-left: 20px
}

.BiQht, ._3TUT5 {
    display: inline-block;
    align-self: flex-end;
    width: 24px;
    margin: 8px;
    color: var(--status-primary)
}

._3KBZU {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: calc(100% - 80px)
}

._1KAbn {
    position: absolute;
    z-index: 100
}

._1FdNm {
    display: block;
    font-size: 14.5px
}

._1FdNm {
    padding: 4px 0
}

._1IUco {
    box-sizing: border-box
}

._1IUco {
    padding: 24px 36px
}

._1wnhj {
    display: flex;
    flex-direction: column;
    max-height: 480px;
    overflow: auto
}

._1wnhj {
    margin-top: 24px
}

._2_5_D {
    display: flex;
    flex: none;
    align-items: center;
    font-size: 13px
}

@media (max-width: 1023px) {
    ._1wnhj {
        box-sizing: border-box;
        width: 440px
    }

    ._1wnhj {
        padding: 3px 18px 3px 0
    }

    html[dir=rtl] ._1wnhj {
        padding: 3px 0 3px 18px
    }

    ._2_5_D + ._2_5_D {
        margin-top: 24px
    }
}

@media (min-width: 1024px) {
    ._1wnhj {
        flex-flow: row wrap;
        width: 840px
    }

    ._1wnhj, html[dir=rtl] ._1wnhj {
        margin-right: -22px;
        margin-left: -22px
    }

    ._2_5_D {
        flex: 0 1 50%;
        box-sizing: border-box;
        overflow: hidden
    }

    ._2_5_D {
        padding: 14px 22px
    }
}

.nopAp {
    flex-grow: 1;
    overflow: hidden;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.nopAp {
    margin-right: 10px
}

html[dir=rtl] .nopAp {
    margin-left: 10px
}

.zh8F8 {
    flex-grow: 0
}

.HAR-5 {
    color: var(--primary-strong);
    font-size: 12px
}

.HAR-5 {
    padding: 4px 7px;
    background: rgba(var(--primary-rgb), .12);
    border: 1px solid rgba(var(--primary-rgb), .24);
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(var(--shadow-rgb), .08)
}

.HAR-5 + .HAR-5 {
    margin-left: 4px
}

html[dir=rtl] .HAR-5 + .HAR-5 {
    margin-right: 4px
}

._3ABKr {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px
}

._3ABKr {
    margin-top: 28px;
    padding-bottom: 20px
}

._3ABKr {
    margin-left: 32px
}

html[dir=rtl] ._3ABKr {
    margin-right: 32px
}

.ZQyg_ {
    display: flex;
    font-size: 14px;
    line-height: 20px
}

.ZQyg_ {
    padding-bottom: 20px
}

.ZQyg_ {
    margin-right: 24px
}

html[dir=rtl] .ZQyg_ {
    margin-left: 24px
}

._3Kt9n {
    display: inline-block;
    flex: none;
    vertical-align: text-bottom;
    transition: opacity .3s ease
}

._3Kt9n {
    margin-right: 10px
}

html[dir=rtl] ._3Kt9n {
    margin-left: 10px
}

._3jrgD {
    flex: 1;
    transition: opacity .3s ease
}

.ZQyg_._1pJHe {
    pointer-events: none
}

.ZQyg_._1pJHe ._3Kt9n {
    opacity: .9
}

.ZQyg_._1pJHe ._3jrgD {
    color: var(--secondary-lighter);
    opacity: .6
}

._2QDB8 {
    position: absolute
}

._2QDB8 {
    margin-top: -4px
}

._2QDB8 {
    margin-left: -4px
}

html[dir=rtl] ._2QDB8 {
    margin-right: -4px
}

._2dkls {
    stroke: rgba(var(--status-primary-rgb), .77)
}

._34Zo9 {
    stroke: var(--teal)
}

._1U1da input[type=file] {
    display: none
}

._3dYD3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 16px;
    color: var(--button-secondary);
    font-size: 12px;
    text-transform: uppercase
}

._3dYD3 {
    margin-top: 16px;
    padding: 0;
    text-align: center;
    background-color: var(--button-secondary-background);
    cursor: pointer
}

._3dYD3._2zGPe {
    color: rgba(var(--primary-strong-rgb), .4)
}

._3dYD3._2zGPe {
    cursor: default
}

._2Wpwv {
    display: flex
}

._2Wpwv {
    padding: 4px;
    background-color: var(--panel-background)
}

._38cRR {
    position: relative;
    width: 93px;
    height: 93px
}

._38cRR {
    margin: 4px;
    background-position-x: center;
    background-position-y: center;
    background-size: cover
}

._38cRR {
    float: left;
    box-shadow: inset -10px 10px 25px rgba(var(--shadow-rgb), .25)
}

html[dir=rtl] ._38cRR {
    float: right;
    box-shadow: inset 10px 10px 25px rgba(var(--shadow-rgb), .25)
}

._1MbY5 {
    position: absolute;
    top: 1px;
    color: var(--inverse)
}

._1MbY5 {
    right: 1px
}

html[dir=rtl] ._1MbY5 {
    left: 1px
}

._28CAo {
    position: relative;
    height: 300px
}

._1iMC7 {
    box-sizing: border-box
}

._1iMC7 {
    padding: 24px 36px
}

.hVoOt {
    display: flex;
    flex-direction: column;
    max-height: 480px;
    overflow: auto;
    white-space: pre-wrap
}

.hVoOt {
    margin-top: 24px
}

@media (max-width: 1023px) {
    .hVoOt {
        box-sizing: border-box;
        width: 440px
    }
}

@media (min-width: 1024px) {
    .hVoOt {
        flex-flow: row wrap;
        width: 840px
    }
}

@media screen and (max-height: 750px) {
    .hVoOt {
        max-height: 350px
    }
}

._1G_hs {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 328px;
    min-height: 100px
}

._1G_hs {
    margin-top: 25px
}

._36Q2N {
    position: relative;
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._36Q2N {
    background-color: var(--panel-background-lighter);
    background-repeat: repeat-x;
    border-radius: 0;
    transform-origin: center
}

._36Q2N {
    left: 0;
    background-position: 0 0
}

._36Q2N, html[dir=rtl] ._36Q2N {
    animation: _8C8AD .3s cubic-bezier(.1, .82, .25, 1)
}

html[dir=rtl] ._36Q2N {
    right: 0;
    background-position: 100% 0
}

._36Q2N:after {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 59px;
    content: " "
}

._36Q2N:after {
    background-color: var(--panel-header-background)
}

._36Q2N:after, html[dir=rtl] ._36Q2N:after {
    right: 0;
    left: 0
}

@media screen and (max-width: 648px) {
    ._36Q2N {
        min-width: 648px
    }
}

@media screen and (max-height: 512px) {
    ._36Q2N {
        min-height: 512px
    }
}

@media screen and (min-width: 1441px) {

    .app-wrapper-web ._36Q2N {
        margin: 0 auto;
        box-shadow: 0 1px 1px 0 rgba(var(--shadow-rgb), .06), 0 2px 5px 0 rgba(var(--shadow-rgb), .2)
    }

    .app-wrapper-web.safari-fix ._36Q2N {
        border-radius: 4px
    }
}

@keyframes _8C8AD {
    0% {
        transform: scale(1.4);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

._2SbG3, html[dir=rtl] ._2SbG3 {
    animation: none
}

._3Bog7 {
    position: absolute;
    top: 0;
    z-index: 200;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

._3Bog7 {
    left: 0
}

html[dir=rtl] ._3Bog7 {
    right: 0
}

.i5ly3 {
    position: relative;
    z-index: 100;
    height: 100%;
    overflow: hidden
}

.i5ly3 {
    transform: translateZ(0)
}

._2l_Ww {
    transform-origin: left top
}

html[dir=rtl] ._2l_Ww {
    transform-origin: right top
}

@media screen and (max-width: 1024px) {
    ._299go {
        border-left: 1px solid transparent
    }

    html[dir=rtl] ._299go {
        border-right: 1px solid transparent
    }

    .three ._299go {
        border-left-color: var(--border-panel)
    }

    html[dir=rtl] .three ._299go {
        border-right-color: var(--border-panel)
    }

    .three.app-animating ._299go {
        border-left-color: transparent
    }

    html[dir=rtl] .three.app-animating ._299go {
        border-right-color: transparent
    }
}

@media screen and (max-width: 900px) {
    .two ._2NwAr {
        flex: 40%
    }

    .two ._2l_Ww {
        flex: 60%
    }

    .three ._2NwAr {
        flex: 40%
    }

    .three ._2l_Ww {
        flex: 60%
    }

    .three ._299go {
        position: absolute;
        width: 60%;
        height: 100%
    }

    .three ._299go {
        right: 0
    }

    html[dir=rtl] .three ._299go {
        left: 0
    }
}

@media screen and (min-width: 901px) and (max-width: 1024px) {
    .two ._2NwAr {
        flex: 35%
    }

    .two ._2l_Ww {
        flex: 65%
    }

    .three ._2NwAr {
        flex: 35%
    }

    .three ._2l_Ww {
        flex: 65%
    }

    .three ._299go {
        position: absolute;
        width: 65%;
        height: 100%
    }

    .three ._299go {
        right: 0
    }

    html[dir=rtl] .three ._299go {
        left: 0
    }
}

@media screen and (min-width: 1025px) and (max-width: 1300px) {
    .two ._2NwAr {
        flex: 35%
    }

    .two ._2l_Ww {
        flex: 65%
    }

    .three ._2NwAr {
        flex: 0 0 30%
    }

    .three ._2l_Ww {
        flex: 0 0 40%
    }

    .three ._299go {
        flex: 30%
    }
}

@media screen and (min-width: 1301px) {
    .two ._2NwAr {
        flex: 30%
    }

    .two ._2l_Ww {
        flex: 70%
    }

    .three ._2NwAr {
        flex: 0 0 25%
    }

    .three ._2l_Ww {
        flex: 0 0 45%
    }

    .three ._299go {
        flex: 30%
    }
}

._2k3qR {
    font-weight: 400;
    line-height: 22px
}

._2k3qR {
    margin: 30px 30px 0;
    text-align: center
}

.qahiQ {
    font-size: 15px;
    line-height: 22px
}

.qahiQ {
    margin: 30px
}

.yl0eJ {
    width: 82px;
    height: 82px
}

.yl0eJ {
    margin: 30px auto 0;
    border-radius: 50%
}

.yl0eJ svg {
    width: 35px;
    height: 42px
}

._2Rnot {
    min-width: 500px;
    max-width: 600px
}

._3BGLw .yl0eJ {
    background-color: var(--butterbar-notice-smb-background)
}

._3BGLw .yl0eJ svg {
    color: var(--butterbar-notice-smb-icon)
}

._1as6O .yl0eJ {
    background-color: var(--butterbar-notice-background)
}

._1as6O .yl0eJ svg {
    color: var(--butterbar-notice-icon)
}

._1as6O b, ._3BGLw b {
    font-weight: 700
}

._1as6O i, ._3BGLw i {
    font-style: italic
}

.ab9TY {
    position: fixed;
    z-index: 700;
    width: 0;
    height: 0;
    overflow: visible
}

._3cryD {
    display: flex;
    align-items: center;
    justify-content: center
}

._3ElCy {
    display: flex
}

._3ElCy {
    background-color: var(--background-default)
}

._3ElCy {
    padding: 24px 36px 24px 24px
}

html[dir=rtl] ._3ElCy {
    padding: 24px 24px 24px 36px
}

._3lTfS {
    display: flex;
    flex-direction: column;
    justify-content: center
}

._3lTfS {
    margin-left: 24px
}

html[dir=rtl] ._3lTfS {
    margin-right: 24px
}

._32Hpp {
    font-weight: 500;
    font-size: 19px
}

.edge-fix ._32Hpp {
    font-weight: 600
}

._159HN {
    max-width: 380px;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--secondary);
    font-size: 15px;
    line-height: 20px
}

._159HN {
    margin-top: 15px
}

._woVL {
    padding: 10px 24px
}

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

._22iHZ {
    display: flex;
    max-width: 440px;
    overflow-y: auto
}

._22iHZ {
    margin-top: 5px
}

._22mMM {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    width: 70px;
    font-size: 12px
}

._22mMM {
    margin: 10px 0 15px
}

._14cBF {
    margin: 36px 75px;
    text-align: center
}

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

.E-7B- {
    color: var(--secondary-lighter)
}

._22mMM + ._22mMM {
    margin-left: 5px
}

html[dir=rtl] ._22mMM + ._22mMM {
    margin-right: 5px
}

.dibFg {
    flex: 0 1 auto;
    max-width: 100%;
    max-height: 28px;
    overflow: hidden;
    line-height: 14px;
    text-overflow: ellipsis
}

.dibFg {
    margin-top: 10px;
    text-align: center
}

._2ruyW {
    height: 100%
}

._2ruyW, ._3jNGW {
    display: flex;
    flex-direction: column
}

._3jNGW {
    z-index: 1;
    flex-grow: 1;
    overflow-y: auto
}

._3jNGW {
    background-color: var(--background-default)
}

._1Ra05 {
    flex: none
}

._1Ra05 {
    background-color: var(--search-container-background)
}

._36yMG {
    display: flex;
    flex: none;
    justify-content: center
}

._36yMG {
    padding-top: 24px;
    padding-bottom: 24px
}

@media screen and (min-width: 1441px) {
    .safari-fix ._3jNGW {
        border-bottom-left-radius: 3px
    }

    html[dir=rtl] .safari-fix ._3jNGW {
        border-bottom-right-radius: 3px
    }
}

._1m9X9 {
    z-index: 100;
    flex: none;
    overflow: visible
}

._1YKeR {
    position: absolute;
    display: flex !important;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 38px
}

._1YKeR {
    text-align: center
}

._1YKeR .WXkRf {
    display: inline-block;
    box-sizing: border-box;
    max-width: 90%;
    height: 28px;
    overflow: hidden;
    color: var(--unread-marker-text);
    font-weight: 500;
    font-size: 13px;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis
}

._1YKeR .WXkRf {
    padding: 0 18px;
    background-color: var(--unread-marker-background);
    border-radius: 16px;
    box-shadow: 0 1px 1px 0 rgba(var(--shadow-rgb), .06), 0 2px 5px 0 rgba(var(--shadow-rgb), .2)
}

._2SDpQ {
    color: var(--inverse);
    vertical-align: -1px
}

._2SDpQ {
    margin-right: 6px
}

html[dir=rtl] ._2SDpQ {
    margin-left: 6px
}

._2SDpQ svg {
    transform-origin: 50% 50%
}

._2SDpQ svg {
    transform: rotate(-90deg)
}

html[dir=rtl] ._2SDpQ svg {
    transform: rotate(90deg)
}

._2H-JC {
    width: 49px;
    height: 49px;
    color: var(--icon-fixed)
}

._2H-JC svg {
    width: 18px;
    height: 18px
}

._3jNGW ._2ZFXr {
    height: 49px
}

.WnX2e {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

._3y4A- {
    position: fixed;
    z-index: 700;
    width: 0;
    height: 0;
    overflow: visible
}

.zakZ4 {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.zakZ4 {
    background-color: var(--teal)
}

._1d2uu {
    position: absolute;
    top: 30px;
    color: var(--voip-primary);
    font-weight: 400;
    font-size: 12px
}

._1d2uu {
    text-align: center
}

._1uXB0 {
    position: absolute;
    top: 60px;
    color: var(--voip-primary);
    font-weight: 500;
    font-size: 16px
}

._1uXB0 {
    text-align: center
}

._2oBwI {
    position: absolute;
    bottom: 10px;
    z-index: 999;
    width: 100%
}

._10nCA {
    display: flex;
    flex: 1;
    justify-content: center
}

.PDKdM {
    width: 40px;
    height: 40px
}

.PDKdM {
    margin: 10px;
    background-color: var(--button-round-background);
    border-radius: 20px
}

.yNOsI {
    width: 40px;
    height: 40px
}

.yNOsI {
    margin: 10px;
    background-color: var(--red-light);
    border-radius: 20px
}

._2Zv4M {
    width: 40px;
    height: 40px
}

._2Zv4M {
    margin: 10px;
    background-color: var(--red-light);
    border-radius: 20px
}

._3YgCN {
    width: 40px;
    height: 40px
}

._3YgCN {
    margin: 10px;
    background-color: var(--voip-primary);
    border-radius: 20px
}

._26iGO {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

._26iGO, html[dir=rtl] ._26iGO {
    right: 0;
    left: 0
}

._26iGO::-webkit-media-controls {
    display: none !important
}

.-lKyj {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.-lKyj {
    right: 0;
    left: 0;
    transform: rotate(90deg)
}

html[dir=rtl] .-lKyj {
    left: 0;
    right: 0;
    transform: rotate(-90deg)
}

._3ePUF {
    position: absolute;
    top: 10px;
    z-index: 2;
    width: 30%;
    height: 20%
}

._3ePUF {
    right: 20px
}

html[dir=rtl] ._3ePUF {
    left: 20px
}

.HJixj {
    display: none
}

._2JtTA {
    overflow: hidden
}

._2JtTA {
    border-radius: 6px;
    box-shadow: 0 2px 13px rgba(var(--shadow-rgb), .5)
}

._27KDP {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

._27KDP {
    padding-top: 28px;
    padding-bottom: 28px;
    background-color: var(--intro-background);
    cursor: default
}

._27KDP {
    border-left: 1px solid var(--border-stronger)
}

html[dir=rtl] ._27KDP {
    border-right: 1px solid var(--border-stronger)
}


._27KDP a {
    color: var(--button-secondary)
}

._3tBOo {
    width: 80%;
    max-width: 460px
}

._3tBOo {
    margin-top: -20px;
    text-align: center
}

._3BDr5 {
    color: var(--primary-title);
    font-weight: 300;
    font-size: 36px
}

._3BDr5 {
    margin-top: 38px
}

._2cf_o {
    color: var(--intro-secondary);
    font-size: 14px;
    line-height: 20px
}

._2cf_o {
    margin-top: 24px
}

._1eQ6b, ._2jGan {
    opacity: 0
}

._1eQ6b {
    width: 356px;
    height: 355px;
    overflow: hidden
}

._1eQ6b {
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 50%;
    transform-origin: center
}

._18sKN {
    opacity: 0
}

._18sKN {
    transform-origin: center
}

.ayFW- {
    display: inline-block;
    color: var(--intro-logo)
}

.ayFW- {
    margin: -30px auto 26px
}

@media screen and (max-width: 900px) {
    ._1eQ6b {
        width: 280px;
        height: 280px
    }

    ._3tBOo {
        width: 80%
    }
}

@media screen and (max-height: 740px) {
    ._1eQ6b {
        width: 250px;
        height: 250px
    }

    ._3BDr5 {
        font-size: 32px
    }

    ._3BDr5 {
        margin-top: 28px
    }

    ._2cf_o {
        margin-top: 18px
    }
}

._1ER6A {
    margin-top: 34px
}

._3wLtC {
    height: 1px
}

._3wLtC {
    margin-bottom: 34px;
    background-color: var(--border-stronger)
}

._3OzgN {
    display: inline-flex;
    align-items: center;
    color: var(--intro-secondary);
    font-size: 14px;
    line-height: 20px
}

._1ktbZ {
    text-align: unset
}

._1ktbZ {
    margin-left: 5px
}

html[dir=rtl] ._1ktbZ {
    margin-right: 5px
}

.F3YJ2 {
    color: var(--icon-fixed)
}

.F3YJ2 {
    margin-top: 1px
}

.SkkMJ {
    position: absolute;
    bottom: 0;
    z-index: 990;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 62px
}

.SkkMJ {
    left: 0
}

html[dir=rtl] .SkkMJ {
    right: 0
}

.SkkMJ._1rZMB {
    position: relative;
    bottom: inherit
}

.SkkMJ._1rZMB {
    padding: 10px 16px;
    background-color: var(--panel-header-background);
    border-top: 1px solid var(--border-stronger)
}

.SkkMJ.ReUcj {
    position: relative;
    bottom: inherit;
    height: 108px;
    color: var(--inverse)
}

.SkkMJ.ReUcj {
    padding-top: 48px;
    background-color: var(--panel-background-colored)
}

.SkkMJ.ReUcj {
    padding-right: 20px;
    padding-left: 15px
}

html[dir=rtl] .SkkMJ.ReUcj {
    padding-left: 20px;
    padding-right: 15px
}

.dKkGl {
    flex: none
}

.dKkGl {
    padding: 8px
}

._3vcSp {
    flex: 1 1 auto;
    overflow: hidden;
    font-size: 14.5px;
    white-space: nowrap;
    text-overflow: ellipsis
}

._3vcSp {
    margin-right: 10px;
    margin-left: 16px
}

html[dir=rtl] ._3vcSp {
    margin-left: 10px;
    margin-right: 16px
}

._1rZMB .dKkGl {
    color: var(--icon)
}

._1rZMB .dKkGl:disabled {
    color: var(--icon-disabled)
}

.ReUcj .dKkGl {
    color: rgba(var(--inverse-rgb), .85)
}

.ReUcj .dKkGl:hover {
    color: var(--inverse)
}

.ReUcj .dKkGl:disabled, .ReUcj .dKkGl:disabled:hover {
    color: rgba(var(--inverse-rgb), .5)
}

.ReUcj ._3vcSp, .darwin ._2VB16 .dKkGl {
    color: var(--inverse)
}

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

._5k7sN {
    background: var(--video-player-background)
}

.d_ag6._5k7sN {
    cursor: default
}

._1gQhH {
    position: absolute;
    top: 0;
    bottom: 0
}

._1gQhH, html[dir=rtl] ._1gQhH {
    right: 0;
    left: 0
}

.d_ag6._1gQhH {
    top: 58px;
    bottom: 65px
}

.d_ag6._1gQhH, html[dir=rtl] .d_ag6._1gQhH {
    right: 0;
    left: 0
}

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

._3o6Zk {
    border: 2px solid rgba(var(--shadow-rgb), .01)
}

._3o6Zk {
    left: 0
}

html[dir=rtl] ._3o6Zk {
    right: 0
}

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

._3Lxpi {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 65px
}

._3Lxpi {
    left: 0
}

html[dir=rtl] ._3Lxpi {
    right: 0
}

._1m1vf {
    opacity: 1
}

._1m1vf {
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-property: opacity
}

._3hHJb {
    position: absolute;
    top: 0;
    width: 100%;
    height: 58px
}

._3hHJb {
    left: 0
}

html[dir=rtl] ._3hHJb {
    right: 0
}

._1m1vf._3Aq5S {
    opacity: .1
}

._1m1vf._3Aq5S {
    transition-duration: 5s
}

._1soyC {
    box-sizing: border-box;
    height: 1px
}

._1soyC {
    border-top: 1px solid var(--border-default)
}

._1soyC {
    margin-left: 77px
}

html[dir=rtl] ._1soyC {
    margin-right: 77px
}

._2AuNk {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: background-color .3s ease
}

._2AuNk {
    background-color: var(--conversation-panel-background)
}

._2AuNk {
    transform-origin: left top
}

html[dir=rtl] ._2AuNk {
    transform-origin: right top
}

._3JFjp {
    justify-content: space-between
}

._3drwd {
    display: flex;
    justify-content: center
}

._3drwd ._3t5Np {
    flex-grow: unset
}

._33VJj {
    overflow: hidden
}

._33VJj {
    border-radius: 6px;
    box-shadow: 0 2px 13px rgba(var(--shadow-rgb), .5)
}

._1xEGV {
    position: absolute;
    top: -40px;
    bottom: -40px;
    opacity: .9;
    filter: blur(20px)
}

._1xEGV {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 6px
}

._1xEGV, html[dir=rtl] ._1xEGV {
    right: -40px;
    left: -40px
}

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

._1He5p {
    background-color: var(--video-player-background)
}

._1He5p {
    left: 0
}

html[dir=rtl] ._1He5p {
    right: 0
}

._2XR24 {
    position: absolute;
    bottom: 0;
    z-index: 501;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    overflow: hidden;
    opacity: 0;
    transition: visibility .3s, opacity .3s cubic-bezier(.1, .82, .25, 1)
}

._2XR24 {
    border-top: 1px solid var(--border-panel)
}

.img-zoomed-in ._2XR24 {
    visibility: hidden !important;
    opacity: 0 !important
}

._1cJMI {
    width: 100%
}

.wp7gk {
    display: flex;
    width: 100%;
    overflow-x: scroll
}

.wp7gk {
    padding-top: 8px;
    padding-bottom: 8px
}

._3cU-t {
    min-width: 50%
}

._20xFh {
    display: flex;
    font-size: 14px;
    line-height: 20px
}

._20xFh {
    margin-top: 12px;
    padding-bottom: 0
}

._20xFh {
    margin-right: 0
}

html[dir=rtl] ._20xFh {
    margin-left: 0
}

._3I7QC {
    display: inline-block;
    flex: none;
    vertical-align: text-bottom;
    transition: opacity .3s ease
}

._3I7QC {
    margin-right: 10px
}

html[dir=rtl] ._3I7QC {
    margin-left: 10px
}

.rajte {
    flex: 1;
    transition: opacity .3s ease
}

.rajte {
    cursor: pointer
}

._2wBs9 {
    position: relative;
    z-index: 1;
    flex: none;
    order: 3;
    box-sizing: border-box;
    min-height: 62px
}

._2wBs9 {
    background-color: var(--compose-panel-background)
}

.three ._2wBs9 {
    border-right: 1px solid var(--border-stronger)
}

html[dir=rtl] .three ._2wBs9 {
    border-left: 1px solid var(--border-stronger)
}

.RUGMB {
    position: relative;
    z-index: 1;
    flex: 1 1 0;
    order: 2
}

.lri6L {
    flex: 0 0 auto;
    order: 2
}

._2K2iM {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 62px;
    color: var(--secondary);
    font-size: 14px;
    line-height: 20px
}

._2K2iM {
    padding: 14px 19px;
    text-align: center;
    background-color: var(--panel-header-background)
}

._2nMS9 {
    z-index: 111;
    flex: none
}

._2MzqI {
    cursor: pointer
}

._2rAWW {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column
}

._2H7Xo {
    flex: none;
    overflow: hidden
}

._2H7Xo {
    transform-origin: top center
}

._3Aa1y {
    display: flex;
    align-items: center;
    min-height: 62px
}

._3Aa1y {
    background-color: var(--butterbar-default-background)
}

._3Aa1y {
    padding: 13px 12px 14px 13px
}

html[dir=rtl] ._3Aa1y {
    padding: 13px 13px 14px 12px
}

._1UGDt {
    flex: 0 0 49px;
    color: var(--butterbar-icon)
}

._1UGDt {
    margin-right: 15px
}

html[dir=rtl] ._1UGDt {
    margin-left: 15px
}

.J485u {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

._2HXQ0 {
    flex: none;
    color: var(--inverse)
}

._2HXQ0 {
    margin-left: 15px
}

html[dir=rtl] ._2HXQ0 {
    margin-right: 15px
}

.pcVTC {
    color: var(--butterbar-primary);
    font-size: 16px;
    line-height: 21px
}

.nVrBp {
    color: var(--butterbar-secondary);
    font-size: 14px;
    line-height: 19px
}

.nVrBp {
    margin-top: 2px
}

._1oIRX {
    background-color: var(--butterbar-default-background)
}

._1oIRX ._1UGDt {
    color: var(--butterbar-notification-icon)
}

._1o6zX {
    background-color: var(--butterbar-update-background)
}

._1o6zX ._1UGDt {
    color: var(--butterbar-update-icon)
}

._2LAqi, .vhBNo {
    background-color: var(--butterbar-connection-background)
}

.dark ._2LAqi .pcVTC, .dark .vhBNo .pcVTC {
    color: var(--butterbar-connection-primary)
}

.dark ._2LAqi .nVrBp, .dark .vhBNo .nVrBp {
    color: var(--butterbar-connection-secondary)
}

.P2goN {
    background-color: var(--butterbar-battery-background)
}

.P2goN ._1UGDt {
    color: var(--butterbar-battery-icon)
}

.P2goN .pcVTC {
    color: var(--butterbar-battery-primary)
}

.P2goN .nVrBp {
    color: var(--butterbar-battery-secondary)
}

._3lQb7 b, ._1SgJO b {
    font-weight: 700
}

._3lQb7 i, ._1SgJO i {
    font-style: italic
}

._1SgJO svg, ._3lQb7 svg {
    width: 23px;
    height: 27px
}

._3lQb7 {
    background-color: var(--butterbar-notice-background)
}

._3lQb7 ._1UGDt {
    color: var(--butterbar-notice-icon)
}

._1SgJO {
    background-color: var(--butterbar-notice-smb-background)
}

._1SgJO ._1UGDt {
    color: var(--butterbar-notice-smb-icon)
}

._5dBOr {
    width: 48px;
    height: 48px
}

._5dBOr {
    border-radius: 50%
}

._1SgJO ._5dBOr {
    background-color: var(--butterbar-notice-smb-circle)
}

._3lQb7 ._5dBOr {
    background-color: var(--butterbar-notice-circle)
}

._3abDg:hover, ._3Aa1y._2MzqI:hover ._3abDg {
    text-decoration: underline
}

._3abDg:hover, ._3Aa1y._2MzqI:hover ._3abDg {
    cursor: pointer
}

._2P_Zu {
    display: block
}

.t4_dB {
    display: inline-block;
    vertical-align: top
}

.t4_dB {
    margin-top: 5px
}

.t4_dB {
    margin-left: 3px
}

html[dir=rtl] .t4_dB {
    margin-right: 3px
}

._3LtPa {
    flex-grow: 1
}

._2O84H {
    position: relative;
    z-index: 1000;
    display: flex;
    flex: none;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    width: 100%;
    height: 59px
}

._2O84H {
    padding: 10px 16px;
    background-color: var(--panel-header-background)
}

._1eNef {
    flex: none;
    color: var(--panel-header-icon)
}

.tersz {
    position: fixed
}

._3VaA9 {
    position: absolute;
    z-index: 1001
}

._3JX0o {
    top: -6px;
    width: 100%;
    height: 12px
}

._3JX0o {
    cursor: ns-resize
}

._3JX0o {
    left: 0
}

html[dir=rtl] ._3JX0o {
    right: 0
}

._2MjcL {
    bottom: -6px;
    width: 100%;
    height: 12px
}

._2MjcL {
    cursor: ns-resize
}

._2MjcL {
    left: 0
}

html[dir=rtl] ._2MjcL {
    right: 0
}

._2ri8K {
    top: 0;
    width: 12px;
    height: 100%
}

._2ri8K {
    cursor: ew-resize
}

._2ri8K {
    left: -6px
}

html[dir=rtl] ._2ri8K {
    right: -6px
}

.grwYB {
    top: 0;
    width: 12px;
    height: 100%
}

.grwYB {
    cursor: ew-resize
}

.grwYB {
    right: -6px
}

html[dir=rtl] .grwYB {
    left: -6px
}

._2cw8J {
    top: -6px;
    width: 12px;
    height: 12px
}

._2cw8J {
    right: -6px;
    cursor: nesw-resize
}

html[dir=rtl] ._2cw8J {
    left: -6px;
    cursor: nwse-resize
}

.L2L-h {
    top: -6px;
    width: 12px;
    height: 12px
}

.L2L-h {
    left: -6px;
    cursor: nwse-resize
}

html[dir=rtl] .L2L-h {
    right: -6px;
    cursor: nesw-resize
}

._3e2c7 {
    bottom: -6px;
    width: 12px;
    height: 12px
}

._3e2c7 {
    right: -6px;
    cursor: nwse-resize
}

html[dir=rtl] ._3e2c7 {
    left: -6px;
    cursor: nesw-resize
}

._25_nR {
    bottom: -6px;
    width: 12px;
    height: 12px
}

._25_nR {
    left: -6px;
    cursor: nesw-resize
}

html[dir=rtl] ._25_nR {
    right: -6px;
    cursor: nwse-resize
}

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

.sy0qc {
    cursor: move
}

._3AebD {
    cursor: default
}

._5ByCQ, html[dir=rtl] ._5ByCQ {
    animation: _1QdT- .35s cubic-bezier(.1, .82, .25, 1)
}

@keyframes _1QdT- {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

._3wNo_ {
    cursor: zoom-out
}

._2bER9 {
    z-index: 500;
    display: flex;
    flex-direction: column
}

._2bER9 {
    padding-bottom: 100px;
    background-color: var(--media-viewer-background)
}

._1C9_o {
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    height: calc(100% - 60px)
}

._1C9_o {
    padding: 10px 0 15px
}

.IjjTF {
    position: relative;
    margin-right: 18px;
    margin-left: 74px
}

.rGsUO {
    position: relative;
    margin-right: 74px;
    margin-left: 18px
}

._2bER9 ._26vgi {
    z-index: 3;
    width: 300px;
    height: 300px
}

._2bER9 ._26vgi {
    background-color: var(--orange);
    background-position: 50% 50%;
    background-size: cover
}

.lOMJe {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: 100%
}

._212SP {
    flex-direction: column
}

._2Ardz {
    display: -webkit-box;
    flex: none;
    width: auto;
    max-width: 80%;
    min-height: 20px;
    max-height: 95px;
    overflow: hidden;
    color: var(--secondary);
    font-size: 14.2px;
    line-height: 19px;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1);
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

._2Ardz {
    margin-top: 12px
}

.native ._2Ardz {
    display: block
}

.textsize-xxlarge ._2Ardz {
    max-height: 125px;
    font-size: 16.6px;
    line-height: 25px
}

.textsize-xlarge ._2Ardz {
    max-height: 115px;
    font-size: 15.6px;
    line-height: 23px
}

.textsize-large ._2Ardz {
    max-height: 105px;
    font-size: 14.6px;
    line-height: 21px
}

.textsize-small ._2Ardz {
    max-height: 85px;
    font-size: 12.6px;
    line-height: 17px
}

.textsize-xsmall ._2Ardz {
    max-height: 75px;
    font-size: 11.6px;
    line-height: 15px
}

.textsize-xxsmall ._2Ardz {
    max-height: 65px;
    font-size: 10.6px;
    line-height: 13px
}

.textsize-xlarge ._2Ardz .emoji, .textsize-xxlarge ._2Ardz .emoji {
    transform: translateY(2px)
}

.textsize-small ._2Ardz .emoji {
    transform: translateY(-2px) scale(.85)
}

.textsize-xsmall ._2Ardz .emoji {
    transform: translateY(-3px) scale(.75)
}

.textsize-xxsmall ._2Ardz .emoji {
    transform: translateY(-3px) scale(.65)
}

._2Ardz strong {
    color: var(--secondary-stronger);
    font-weight: 700
}

._2Ardz code {
    font-size: 13px
}

.textsize-xxlarge ._2Ardz code {
    font-size: 16px
}

.textsize-xlarge ._2Ardz code {
    font-size: 15px
}

.textsize-large ._2Ardz code {
    font-size: 14px
}

.textsize-small ._2Ardz code {
    font-size: 12px
}

.textsize-xsmall ._2Ardz code {
    font-size: 11px
}

.textsize-xxsmall ._2Ardz code {
    font-size: 10px
}

._2Ardz a:hover {
    text-decoration: underline
}

._1qJRg {
    opacity: 0
}

._3ozOJ {
    width: 100%
}

@media screen and (min-width: 800px) {
    ._3ozOJ {
        width: 60%;
        max-width: 660px
    }
}

.img-zoomed-in ._2Ardz {
    visibility: hidden !important;
    opacity: 0 !important
}

._2S-RK {
    display: flex;
    flex: none;
    flex-direction: row-reverse;
    align-items: center;
    height: 60px;
    transition: visibility .3s, opacity .3s cubic-bezier(.1, .82, .25, 1)
}

._2S-RK {
    background-color: var(--media-viewer-background)
}

.img-zoomed-in ._2S-RK {
    visibility: hidden !important;
    opacity: 0 !important
}

._3GQ1Z {
    order: 1
}

._3GQ1Z {
    margin-right: 18px
}

html[dir=rtl] ._3GQ1Z {
    margin-left: 18px
}

._3VT0x {
    flex: 1 1 auto;
    order: 2;
    overflow: hidden
}

._3VT0x {
    margin-right: 15px;
    margin-left: 5px
}

html[dir=rtl] ._3VT0x {
    margin-left: 15px;
    margin-right: 5px
}

._3NnzO {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._3NnzO {
    background: transparent
}

._3NnzO {
    left: 0
}

html[dir=rtl] ._3NnzO {
    right: 0
}

._3fKry._3NnzO {
    cursor: default
}

.Xbo45 {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.Xbo45 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: blur(8px)
}

.Xbo45 video, ._30CjV {
    width: 100%;
    height: 100%
}

._30CjV {
    z-index: 2
}

._1by5Z {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%
}

._1by5Z {
    left: 0
}

html[dir=rtl] ._1by5Z {
    right: 0
}

._1DxBL {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    filter: blur(8px)
}

._1DxBL {
    background-position: 50%;
    background-size: cover
}

._3Lu-P {
    display: block;
    color: rgba(var(--inverse-rgb), .85)
}

._3Lu-P {
    margin-top: 4px
}

._3Lu-P:hover {
    text-decoration: underline
}

.Qf0j3 {
    margin-top: 3px
}

.Qf0j3 {
    margin-left: 3px
}

html[dir=rtl] .Qf0j3 {
    margin-right: 3px
}

._1xZ_T {
    display: flex;
    justify-content: center
}

._37bbf {
    margin: 0 !important;
    padding-top: 26px;
    padding-bottom: 12px;
    background-color: var(--background-default)
}

._37bbf {
    padding-left: 34px
}

html[dir=rtl] ._37bbf {
    padding-right: 34px
}

._1lNsJ {
    display: inline-block;
    width: 100%;
    height: auto;
    color: var(--primary-text);
    font-size: 15px;
    line-height: 22px;
    vertical-align: top;
    outline: none
}

._1lNsJ {
    margin: 0;
    padding: 2px 0;
    background: transparent;
    border: none
}

.oBUnH {
    position: relative;
    width: 100%;
    min-height: 20px;
    max-height: 200px;
    overflow-y: auto;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    outline: none;
    transition: border-color .2s ease-out
}

.oBUnH {
    padding: 6px 0 0;
    background-color: initial;
    border: none;
    border-bottom: 1px solid var(--border-strong)
}

.oBUnH {
    padding-left: 2px
}

html[dir=rtl] .oBUnH {
    padding-right: 2px
}

._19TJo {
    position: relative;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto
}

._19TJo {
    background-color: var(--background-default)
}

._2YB71 {
    z-index: 2;
    display: flex;
    justify-content: space-around
}

._2YB71 {
    margin-top: 28px;
    padding-bottom: 32px;
    text-align: center
}

.PMblh {
    position: fixed;
    visibility: hidden
}

.VPvMz {
    flex: none
}

.VPvMz {
    margin-left: 20px
}

html[dir=rtl] .VPvMz {
    margin-right: 20px
}

._1vGIp {
    flex: none
}

._1vGIp {
    margin-top: -1px
}

._1vGIp {
    padding: 0 15px 0 0
}

html[dir=rtl] ._1vGIp {
    padding: 0 0 0 15px
}

._2uLBO {
    height: 20px;
    opacity: .5
}

._2uLBO {
    margin-right: 10px;
    margin-left: 18px;
    border-right: 1px solid var(--panel-header-icon)
}

html[dir=rtl] ._2uLBO {
    margin-left: 10px;
    margin-right: 18px;
    border-left: 1px solid var(--panel-header-icon)
}

._3D932 {
    position: absolute;
    top: 0;
    color: var(--voip-beta-tag-font-color);
    font-weight: 500;
    font-size: 8px
}

._3D932 {
    padding: 2px 4px;
    background-color: var(--voip-beta-tag-background);
    border-radius: 6px
}

._3D932 {
    right: -6px
}

html[dir=rtl] ._3D932 {
    left: -6px
}

._1UuMR {
    position: relative;
    z-index: 1000;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 49px
}

._1UuMR {
    padding: 10px 16px;
    background-color: var(--panel-header-background)
}

._1UuMR {
    border-left: 1px solid var(--border-stronger)
}

html[dir=rtl] ._1UuMR {
    border-right: 1px solid var(--border-stronger)
}

.dark ._1UuMR {
    box-shadow: 0 1px 3px rgba(var(--shadow-rgb), .4)
}

._1UuMR:after {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 1px;
    content: ""
}

._1UuMR:after {
    background-color: rgba(var(--white-rgb), .14);
    border-bottom: 1px solid var(--border-stronger)
}

._1UuMR:after {
    left: 0
}

html[dir=rtl] ._1UuMR:after {
    right: 0
}

.dark ._1UuMR:after {
    display: none
}

._2aNms {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    min-width: 0
}

._2fKRJ {
    display: flex;
    align-items: flex-start;
    line-height: normal
}

._2fKRJ {
    margin-top: -1px
}

._2fKRJ {
    text-align: left
}

html[dir=rtl] ._2fKRJ {
    text-align: right
}

.YEe1t {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    color: var(--primary-strong);
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.YEe1t {
    text-align: left
}

html[dir=rtl] .YEe1t {
    text-align: right
}

.dark .YEe1t {
    font-weight: 500
}

.YEe1t .emoji {
    flex: none
}

.textsize-xxlarge .YEe1t .emoji {
    transform: translateY(3px)
}

.textsize-large .YEe1t .emoji, .textsize-xlarge .YEe1t .emoji {
    transform: translateY(2px)
}

.textsize-small .YEe1t .emoji {
    transform: translateY(-2px) scale(.85)
}

.textsize-xsmall .YEe1t .emoji {
    transform: translateY(-2px) scale(.75)
}

.textsize-xxsmall .YEe1t .emoji {
    transform: translateY(-3px) scale(.65)
}

.textsize-xxlarge .YEe1t {
    font-size: 17.5px;
    line-height: 27px
}

.textsize-xlarge .YEe1t {
    font-size: 17px;
    line-height: 25px
}

.textsize-large .YEe1t {
    font-size: 16.5px;
    line-height: 23px
}

.textsize-small .YEe1t {
    font-size: 15.5px;
    line-height: 19px
}

.textsize-xsmall .YEe1t {
    font-size: 15px;
    line-height: 17px
}

.textsize-xxsmall .YEe1t {
    font-size: 14.5px;
    line-height: 15px
}

@media screen and (max-width: 1024px) {
    ._1UuMR {
        border-left: 1px solid var(--border-stronger)
    }

    html[dir=rtl] ._1UuMR {
        border-right: 1px solid var(--border-stronger)
    }
}

@media screen and (min-width: 1025px) and (max-width: 1300px) {
    .three ._1UuMR {
        border-right: 1px solid var(--border-stronger)
    }

    html[dir=rtl] .three ._1UuMR {
        border-left: 1px solid var(--border-stronger)
    }
}

@media screen and (min-width: 1301px) {
    .three ._1UuMR {
        border-right: 1px solid var(--border-stronger)
    }

    html[dir=rtl] .three ._1UuMR {
        border-left: 1px solid var(--border-stronger)
    }
}

._2fx0j {
    position: absolute;
    top: 8px;
    z-index: 100
}

._2fx0j {
    cursor: pointer
}

._2fx0j {
    left: 12px
}

html[dir=rtl] ._2fx0j {
    right: 12px
}

._2fx0j.s7tQo {
    top: 19px
}

._2fx0j.s7tQo {
    left: 28px
}

html[dir=rtl] ._2fx0j.s7tQo {
    right: 28px
}

._2hNBB {
    position: absolute;
    width: 100%;
    pointer-events: none
}

._2hNBB {
    left: 0
}

html[dir=rtl] ._2hNBB {
    right: 0
}

._2A1Wh {
    height: 80px
}

._1GBUI {
    bottom: 0
}

._1GBUI {
    background: linear-gradient(180deg, rgba(var(--shadow-rgb), 0) 0, rgba(var(--shadow-rgb), .002) 1.8%, rgba(var(--shadow-rgb), .006) 4.8%, rgba(var(--shadow-rgb), .016) 9%, rgba(var(--shadow-rgb), .032) 13.9%, rgba(var(--shadow-rgb), .057) 19.8%, rgba(var(--shadow-rgb), .097) 27%, rgba(var(--shadow-rgb), .149) 35%, rgba(var(--shadow-rgb), .213) 43.5%, rgba(var(--shadow-rgb), .294) 53%, rgba(var(--shadow-rgb), .416) 66%, rgba(var(--shadow-rgb), .568) 81%, rgba(var(--shadow-rgb), .769))
}

._3AoXe {
    top: 0
}

._3AoXe {
    background: linear-gradient(0deg, rgba(var(--shadow-rgb), 0) 0, rgba(var(--shadow-rgb), .002) 1.8%, rgba(var(--shadow-rgb), .006) 4.8%, rgba(var(--shadow-rgb), .016) 9%, rgba(var(--shadow-rgb), .032) 13.9%, rgba(var(--shadow-rgb), .057) 19.8%, rgba(var(--shadow-rgb), .097) 27%, rgba(var(--shadow-rgb), .149) 35%, rgba(var(--shadow-rgb), .213) 43.5%, rgba(var(--shadow-rgb), .294) 53%, rgba(var(--shadow-rgb), .416) 66%, rgba(var(--shadow-rgb), .568) 81%, rgba(var(--shadow-rgb), .769))
}

._2Qlb1 {
    top: 0;
    height: 100%
}

._2Qlb1 {
    background-color: rgba(var(--shadow-rgb), .3)
}

._3B0N7 {
    border-radius: 6px
}

._2l7qQ {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

._2l7qQ {
    padding-top: 30px
}

._2l7qQ {
    padding-right: 30px;
    padding-left: 15px
}

html[dir=rtl] ._2l7qQ {
    padding-left: 30px;
    padding-right: 15px
}

._1y7HY {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 82px;
    height: 82px;
    font-size: 12px
}

._1y7HY {
    margin-bottom: 15px;
    text-align: center;
    border: 4px solid transparent;
    border-radius: 50%
}

._1y7HY {
    float: left;
    margin-left: 15px
}

html[dir=rtl] ._1y7HY {
    float: right;
    margin-right: 15px
}

.Tzs6M {
    width: 82px;
    height: 0
}

.Tzs6M {
    border-radius: 50%
}

.Tzs6M {
    margin-left: 15px
}

html[dir=rtl] .Tzs6M {
    margin-right: 15px
}

._3ZPoh {
    position: relative;
    color: var(--inverse)
}

._3ZPoh {
    border: 4px solid var(--white);
    box-shadow: inset 0 0 15px var(--shadow-light)
}

._3ZPoh:after {
    position: absolute;
    top: -4px;
    z-index: 1;
    display: block;
    box-sizing: border-box;
    width: 82px;
    height: 82px;
    content: ""
}

._3ZPoh:after {
    border: 3px solid var(--blue-light);
    border-radius: 50%
}

._3ZPoh:after {
    left: -4px
}

html[dir=rtl] ._3ZPoh:after {
    right: -4px
}

.irEVH {
    border: 4px solid var(--blue-light);
    cursor: pointer
}

._2AHmk {
    position: absolute;
    bottom: 32px;
    z-index: 9999
}

._2AHmk {
    right: 32px
}

html[dir=rtl] ._2AHmk {
    left: 32px
}

._3BOoA {
    padding: 26px 36px 0
}

._22ba7 {
    max-height: 96px;
    overflow-y: auto
}

._22ba7 {
    padding: 16px 26px 11px;
    background-color: var(--background-default);
    border-bottom: 1px solid var(--border-default)
}

._10umX {
    position: absolute;
    bottom: 0;
    width: 500px
}

._10umX {
    background-color: var(--panel-background)
}

.OSrIL {
    position: absolute;
    bottom: 56px;
    z-index: 2
}

.OSrIL {
    text-align: center
}

.OSrIL {
    right: 32px
}

html[dir=rtl] .OSrIL {
    left: 32px
}

.RgZeN {
    padding-top: 10px
}

._2wrmW {
    position: relative
}

._2wrmW {
    margin-bottom: 10px;
    background-color: var(--background-default);
    box-shadow: 0 1px 3px var(--shadow-light)
}

._2VmYo {
    position: relative;
    z-index: 200;
    height: 62px
}

._2VmYo {
    background-color: var(--panel-background-colored-deeper)
}

._1Zzio {
    position: absolute;
    bottom: 32px
}

._1Zzio {
    right: 32px
}

html[dir=rtl] ._1Zzio {
    left: 32px
}

.HCPD9, html[dir=rtl] .HCPD9 {
    animation: _3ODIN .35s cubic-bezier(.1, .82, .25, 1)
}

._1-E08 {
    cursor: zoom-out
}

._3T6SD {
    z-index: 500;
    display: flex;
    flex-direction: column
}

._3T6SD {
    padding-bottom: 100px;
    background-color: rgba(var(--media-viewer-background-rgb), .96)
}

.ulpVc {
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    height: calc(100% - 60px)
}

.ulpVc {
    padding: 10px 0 15px
}

.fctLK {
    position: relative;
    margin-right: 18px;
    margin-left: 74px
}

._2eUMR {
    position: relative;
    margin-right: 74px;
    margin-left: 18px
}

._3GRID {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: 100%
}

._3GvRy {
    flex-direction: column
}

._1PZoe {
    flex: none;
    width: auto;
    max-width: 80%;
    min-height: 20px;
    max-height: 100px;
    overflow-y: hidden;
    color: var(--secondary);
    font-size: 14.2px;
    line-height: 19px;
    white-space: pre-wrap;
    word-wrap: break-word;
    transition: visibility .3s, opacity .3s cubic-bezier(.1, .82, .25, 1)
}

._1PZoe {
    margin-top: 12px
}

.textsize-xxlarge ._1PZoe {
    font-size: 16.6px;
    line-height: 25px
}

.textsize-xlarge ._1PZoe {
    font-size: 15.6px;
    line-height: 23px
}

.textsize-large ._1PZoe {
    font-size: 14.6px;
    line-height: 21px
}

.textsize-small ._1PZoe {
    font-size: 12.6px;
    line-height: 17px
}

.textsize-xsmall ._1PZoe {
    font-size: 11.6px;
    line-height: 15px
}

.textsize-xxsmall ._1PZoe {
    font-size: 10.6px;
    line-height: 13px
}

.textsize-xlarge ._1PZoe .emoji, .textsize-xxlarge ._1PZoe .emoji {
    transform: translateY(2px)
}

.textsize-small ._1PZoe .emoji {
    transform: translateY(-2px) scale(.85)
}

.textsize-xsmall ._1PZoe .emoji {
    transform: translateY(-3px) scale(.75)
}

.textsize-xxsmall ._1PZoe .emoji {
    transform: translateY(-3px) scale(.65)
}

._1PZoe strong {
    color: var(--secondary-stronger);
    font-weight: 700
}

._1PZoe code {
    font-size: 13px
}

.textsize-xxlarge ._1PZoe code {
    font-size: 16px
}

.textsize-xlarge ._1PZoe code {
    font-size: 15px
}

.textsize-large ._1PZoe code {
    font-size: 14px
}

.textsize-small ._1PZoe code {
    font-size: 12px
}

.textsize-xsmall ._1PZoe code {
    font-size: 11px
}

.textsize-xxsmall ._1PZoe code {
    font-size: 10px
}

._1PZoe a:hover {
    text-decoration: underline
}

._2tgmy {
    opacity: 0
}

.img-zoomed-in ._1PZoe {
    visibility: hidden !important;
    opacity: 0 !important
}

._2JElZ {
    position: relative;
    flex: 1;
    align-items: center;
    width: 100%
}

._2JElZ, .naICS {
    display: flex;
    justify-content: center
}

.naICS {
    flex: 0 0 130px;
    align-items: flex-start;
    box-sizing: border-box
}

.naICS {
    padding: 24px 20px 0;
    background-color: var(--panel-background-deep)
}

._2NR6P {
    display: flex;
    overflow-x: auto
}

._2NR6P {
    padding-bottom: 6px
}

._2NR6P {
    margin-right: 6px
}

html[dir=rtl] ._2NR6P {
    margin-left: 6px
}

._3ipVb {
    position: absolute;
    bottom: 100px;
    z-index: 2;
    opacity: 0
}

._3ipVb {
    margin: 0;
    padding: 0;
    text-align: center
}

._3ipVb {
    right: 40px
}

html[dir=rtl] ._3ipVb {
    left: 40px
}

.NOlXp {
    z-index: 100;
    display: flex;
    flex-direction: row;
    width: 75%
}

.NOlXp {
    margin-bottom: 42px
}

.tnocY {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%
}

.tnocY {
    left: 0
}

html[dir=rtl] .tnocY {
    right: 0
}

._181LZ {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

._181LZ {
    left: 0
}

html[dir=rtl] ._181LZ {
    right: 0
}

.zU9F8 {
    width: 70%;
    color: var(--secondary);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.zU9F8 {
    text-align: center
}

.R4XJG {
    position: relative;
    top: -11px;
    z-index: 200;
    display: inline-block;
    font-size: 13px
}

.R4XJG {
    margin-top: 0;
    padding: 6px 14px 8px;
    text-align: center;
    background-color: var(--pale-yellow);
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(var(--shadow-rgb), .13)
}

.wPm43 {
    display: flex !important;
    flex: 0 0 78px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    max-width: 78px;
    height: 78px;
    color: var(--button-alternative);
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -.2px;
    text-transform: uppercase;
    transition: transform 75ms ease-out
}

.wPm43 {
    padding: 8px;
    background-color: var(--button-alternative-background)
}

.wPm43._2kBns {
    opacity: .5
}

.wPm43._2kBns {
    cursor: not-allowed
}

.Bu0YU {
    margin-top: 5px;
    text-align: center
}

.vdEA0 {
    color: var(--icon)
}

.vdEA0 {
    margin-top: 22px
}

.vdEA0 {
    margin-right: 8px;
    margin-left: 5%
}

html[dir=rtl] .vdEA0 {
    margin-left: 8px;
    margin-right: 5%
}

.vdEA0 svg {
    width: 24px;
    height: 24px
}

.vdEA0._3C5Ax {
    color: var(--input-border-active)
}

.vWC3x {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .06
}

.vWC3x {
    background-repeat: repeat
}

.vWC3x {
    left: 0
}

html[dir=rtl] .vWC3x {
    right: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
    .vWC3x {
        background-size: 412.5px 749.25px
    }
}

._2iZnS {
    padding: 14px 30px 16px;
    background-color: var(--background-default)
}

._2qhSz {
    display: inline-block;
    width: 18px;
    height: 20px;
    color: var(--icon-lighter);
    vertical-align: top
}

._2qhSz {
    text-align: center
}

._1_I2T {
    color: var(--icon-ack)
}

._7TY5Q {
    color: var(--ptt-blue)
}

._1Jmae {
    padding: 0 30px;
    background-color: var(--background-default);
    box-shadow: 0 1px 3px var(--shadow-light)
}

._3ka64 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 130px
}

.Cr9Q9 {
    padding-top: 10px;
    padding-bottom: 22px
}

.Sy3Kl {
    padding: 6px 30px 14px;
    background-color: var(--background-default);
    box-shadow: 0 1px 3px var(--shadow-light)
}

._13225 {
    display: inline-block;
    width: 18px;
    color: var(--icon-lighter);
    vertical-align: -2px
}

._13225 {
    text-align: center
}

._13225 {
    margin-right: 3px
}

html[dir=rtl] ._13225 {
    margin-left: 3px
}

._22hwI {
    flex: none
}

._22hwI {
    padding-top: 10px;
    padding-bottom: 32px
}

._1h0rR {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 130px
}

._2WHBX {
    color: var(--icon-ack)
}

._14uPy {
    color: var(--ptt-blue)
}

._3-gva {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._3qrwJ {
    cursor: zoom-in
}

._17JJa {
    position: absolute;
    bottom: 0;
    z-index: 501;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    overflow: hidden;
    opacity: 0;
    transition: visibility .3s, opacity .3s cubic-bezier(.1, .82, .25, 1)
}

._17JJa {
    border-top: 1px solid var(--border-panel)
}

.img-zoomed-in ._17JJa {
    visibility: hidden !important;
    opacity: 0 !important
}

._3OapF {
    width: 100%
}

._1jYaq {
    display: flex;
    width: 100%;
    overflow-x: scroll
}

._1jYaq {
    padding-top: 8px;
    padding-bottom: 8px
}

.dWQh3 {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 5%;
    min-width: 68px;
    max-width: 78px;
    height: 78px
}

.dWQh3 {
    margin-right: 8px
}

html[dir=rtl] .dWQh3 {
    margin-left: 8px
}

._1RPFM {
    min-width: 50%
}

._26MUt {
    position: absolute;
    top: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    transition: background .3s ease-out .1s
}

._26MUt {
    background-color: initial
}

._26MUt {
    left: 0;
    border-left: 1px solid var(--conversation-panel-border)
}

html[dir=rtl] ._26MUt {
    right: 0
}

.dark .three ._26MUt, html[dir=rtl] ._26MUt {
    border-right: 1px solid var(--conversation-panel-border)
}

html[dir=rtl] .dark .three ._26MUt {
    border-left: 1px solid var(--conversation-panel-border)
}

._3uGDl {
    transition: background .3s ease-out
}

._3uGDl {
    background-color: rgba(var(--panel-background-rgb), .6)
}

._2vCIO {
    flex: 1 1 auto;
    min-height: 12px
}

._3DmTD {
    position: absolute;
    bottom: 17px;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px
}

._3DmTD {
    background-color: var(--incoming-background);
    border-radius: 50%;
    box-shadow: 0 1px 1px 0 rgba(var(--shadow-rgb), .06), 0 2px 5px 0 rgba(var(--shadow-rgb), .2)
}

._3DmTD {
    right: 11px
}

html[dir=rtl] ._3DmTD {
    left: 11px
}

._3_BId {
    color: var(--incoming-primary)
}

._3DmTD.-YJP1 {
    right: 26px
}

html[dir=rtl] ._3DmTD.-YJP1 {
    left: 26px
}

._1p87- {
    position: absolute;
    top: -5px
}

._1p87- {
    left: -5px
}

html[dir=rtl] ._1p87- {
    right: -5px
}

.rVfWm {
    text-align: center
}

._3hvlJ {
    padding-top: 12px
}

._1HK_D {
    display: block;
    width: 144px;
    height: 79px
}

._1HK_D {
    margin: 4px auto 12px
}

._2q8Sb {
    display: block;
    overflow-x: hidden;
    white-space: nowrap
}

._2wBk3 {
    display: flex;
    height: 20px
}

._2wBk3._1YlT0 {
    display: inline;
    visibility: hidden
}

._1a9VH {
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._1a9VH {
    margin-top: 1px
}

._2Qn6q {
    flex: none;
    color: var(--primary-strong);
    white-space: nowrap
}

._2Qn6q {
    margin-left: 10px
}

html[dir=rtl] ._2Qn6q {
    margin-right: 10px
}

._3Xthh {
    display: flex;
    flex: none;
    flex-direction: row-reverse;
    align-items: center;
    height: 60px;
    transition: visibility .3s, opacity .3s cubic-bezier(.1, .82, .25, 1)
}

._3Xthh {
    background-color: var(--media-viewer-background)
}

.img-zoomed-in ._3Xthh {
    visibility: hidden !important;
    opacity: 0 !important
}

._3kv5L {
    flex: 1 1 auto;
    order: 2;
    overflow: hidden
}

._3kv5L {
    margin-right: 15px;
    margin-left: 5px
}

html[dir=rtl] ._3kv5L {
    margin-left: 15px;
    margin-right: 5px
}

.fj5iW {
    color: var(--icon-fixed)
}

.fj5iW {
    margin-right: 2px
}

html[dir=rtl] .fj5iW {
    margin-left: 2px
}

._1K-lz svg {
    width: 17px;
    height: 20px
}

._1721n {
    order: 1
}

._1721n {
    margin-right: 18px
}

html[dir=rtl] ._1721n {
    margin-left: 18px
}

._1N1WW {
    padding-left: 13px
}

html[dir=rtl] ._1N1WW {
    padding-right: 13px
}

._2lheY {
    color: var(--link)
}

.Abvb- {
    cursor: default
}

.Abvb- .K_bwx {
    color: var(--secondary-lighter)
}

._39skC {
    position: absolute;
    z-index: 1001;
    width: 100%;
    height: 100%
}

._39skC {
    background-color: var(--attach-media-drop-overlay)
}

._8Kjg_ {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: calc(100% - 60px);
    color: rgba(var(--primary-strong-rgb), .3);
    font-size: 30px
}

._8Kjg_ {
    margin: 30px;
    border: 5px dashed var(--attach-media-drop-border)
}

.lfUbT {
    max-height: 35%;
    overflow-x: hidden;
    overflow-y: auto
}

._1ZaYJ {
    position: relative;
    transition: background-color .3s ease
}

._1ZaYJ {
    background: var(--conversation-panel-background)
}

._1ZaYJ {
    padding: 20px 24px 20px 28px
}

html[dir=rtl] ._1ZaYJ {
    padding: 20px 28px 20px 24px
}

._2nqCf {
    z-index: 3;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.r7ZS5 {
    width: 100%;
    height: 100%;
    filter: blur(8px)
}

._34Km4 {
    position: relative;
    flex: 1;
    width: 100%
}

._34Km4 ._1aZmm {
    position: absolute;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 40px);
    height: calc(100% - 40px)
}

._34Km4 ._1aZmm {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain
}

._34Km4 ._1aZmm {
    left: 20px
}

html[dir=rtl] ._34Km4 ._1aZmm {
    right: 20px
}

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

.hMCzg {
    position: absolute;
    bottom: 9px;
    left: 9px;
    z-index: 100
}

.hMCzg svg {
    width: 32px;
    height: 32px
}

._3MK0g .hMCzg {
    bottom: 19px;
    left: 26px
}

._3MK0g .hMCzg svg {
    width: 37px;
    height: 37px
}

._13FVM {
    left: 70px
}

._1LJRO {
    right: 73px
}

.T5sd4 {
    position: absolute;
    bottom: 27px;
    z-index: 100;
    width: 55px;
    height: 21px;
    color: var(--video-primary);
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    text-shadow: 0 0 1px 1px rgba(var(--shadow-rgb), .15), 0 1px 2px 0 rgba(var(--shadow-rgb), .2)
}

._1hGQ9 {
    position: absolute;
    right: 49px;
    bottom: 20px;
    left: 45px;
    z-index: 100;
    height: 9px
}

._3MK0g ._1hGQ9 {
    right: 137px;
    bottom: 33px;
    left: 134px;
    height: 10px
}

._3YPTQ {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: initial !important;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

._3DHGF {
    position: absolute;
    right: 4.5px;
    left: 4.5px;
    z-index: 1;
    height: 100%;
    pointer-events: none
}

._3MK0g ._3DHGF {
    right: 5px;
    left: 5px
}

._3YPTQ::-webkit-slider-runnable-track {
    height: 3px;
    background-color: initial
}

._3YPTQ::-webkit-slider-thumb {
    width: 9px;
    height: 1px;
    opacity: 0;
    -webkit-appearance: none;
    appearance: none
}

._3YPTQ::-moz-range-track {
    height: 3px;
    background-color: initial
}

._3YPTQ::-moz-range-thumb {
    width: 9px;
    height: 1px;
    opacity: 0;
    -moz-appearance: none;
    appearance: none
}

._3YPTQ::-moz-focus-outer {
    border: 0
}

._3YPTQ::-ms-track {
    height: 3px;
    background-color: initial
}

._3YPTQ::-ms-thumb {
    width: 9px;
    height: 1px;
    opacity: 0;
    appearance: none
}

._3YPTQ::-ms-tooltip {
    display: none
}

._2KNOi {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 3;
    height: 3px;
    background-color: var(--video-primary);
    border-top-left-radius: 2px 50%;
    border-bottom-left-radius: 2px 50%;
    pointer-events: none
}

._3MK0g ._2KNOi {
    height: 4px
}

._3NmNN {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 2;
    height: 3px;
    background-color: rgba(var(--video-primary-rgb), .3);
    border-top-left-radius: 2px 50%;
    border-bottom-left-radius: 2px 50%;
    transition: width .2s;
    pointer-events: none
}

._3MK0g ._3NmNN {
    height: 4px
}

.w6r7y {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 3px;
    background-color: rgba(var(--video-primary-rgb), .3);
    border-radius: 2px/50%;
    box-shadow: 0 0 1px 1px rgba(var(--shadow-rgb), .15), 0 1px 2px 0 rgba(var(--shadow-rgb), .2);
    pointer-events: none
}

._3MK0g .w6r7y {
    height: 4px
}

.piNo6 {
    position: absolute;
    top: 0;
    z-index: 4;
    width: 9px;
    height: 9px;
    margin-left: -4.5px;
    background-color: var(--video-primary);
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px rgba(var(--shadow-rgb), .15), 0 1px 2px 0 rgba(var(--shadow-rgb), .2);
    transition: opacity .1s ease;
    pointer-events: none
}

._3MK0g .piNo6 {
    width: 10px;
    height: 10px;
    margin-left: -5px
}

._376MY {
    opacity: 0
}

._2WR7o {
    position: absolute;
    right: 10px;
    bottom: 9px;
    z-index: 100
}

._2WR7o svg {
    width: 32px;
    height: 32px
}

._3MK0g ._2WR7o {
    right: 26px;
    bottom: 19px
}

._3MK0g ._2WR7o svg {
    width: 37px;
    height: 37px
}

._3hi4u {
    opacity: 0;
    transition: opacity .1s ease
}

._3hi4u:not(:empty) {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 72px;
    height: 15px;
    transform: rotate(-90deg);
    transform-origin: 16px center;
    opacity: 1
}

._3MK0g ._3hi4u:not(:empty) {
    bottom: 46px;
    width: 112px;
    height: 16px
}

._2hsCA {
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 2;
    height: 3px;
    background-color: var(--video-primary);
    border-top-left-radius: 2px 50%;
    border-bottom-left-radius: 2px 50%;
    pointer-events: none
}

._3MK0g ._2hsCA {
    height: 4px
}

._3MB6a {
    margin-top: 1px
}

.NgNsD {
    border-top-right-radius: 2px 50%;
    border-bottom-right-radius: 2px 50%
}

.biu12 {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: initial !important;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.biu12::-webkit-slider-runnable-track {
    height: 3px;
    background-color: rgba(var(--video-primary-rgb), .3);
    border-radius: 2px/50%;
    box-shadow: 0 0 1px 1px rgba(var(--shadow-rgb), .15), 0 1px 2px 0 rgba(var(--shadow-rgb), .2)
}

._3MK0g .biu12::-webkit-slider-runnable-track {
    height: 4px
}

.biu12::-webkit-slider-thumb {
    width: 9px;
    height: 9px;
    margin-top: -3px;
    background-color: rgba(var(--video-primary-rgb), 1);
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px rgba(var(--shadow-rgb), .15), 0 1px 2px 0 rgba(var(--shadow-rgb), .2);
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    -webkit-appearance: none;
    appearance: none
}

._3MK0g .biu12::-webkit-slider-thumb {
    width: 10px;
    height: 10px
}

.biu12::-moz-range-track {
    height: 3px;
    background-color: rgba(var(--video-primary-rgb), .3);
    border-radius: 2px/50%;
    box-shadow: 0 0 1px 1px rgba(var(--shadow-rgb), .15), 0 1px 2px 0 rgba(var(--shadow-rgb), .2)
}

._3MK0g .biu12::-moz-range-track {
    height: 4px
}

.biu12::-moz-range-thumb {
    width: 9px;
    height: 9px;
    margin-top: -3px;
    background-color: rgba(var(--video-primary-rgb), 1);
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px rgba(var(--shadow-rgb), .15), 0 1px 2px 0 rgba(var(--shadow-rgb), .2);
    -moz-transition: all .1s ease;
    transition: all .1s ease;
    -moz-appearance: none;
    appearance: none
}

._3MK0g .biu12::-moz-range-thumb {
    width: 10px;
    height: 10px
}

.biu12::-moz-focus-outer {
    border: 0
}

.biu12::-ms-track {
    height: 3px;
    background-color: rgba(var(--video-primary-rgb), .3);
    border-radius: 2px/50%;
    box-shadow: 0 0 1px 1px rgba(var(--shadow-rgb), .15), 0 1px 2px 0 rgba(var(--shadow-rgb), .2)
}

._3MK0g .biu12::-ms-track {
    height: 4px
}

.biu12::-ms-thumb {
    width: 9px;
    height: 9px;
    margin-top: 0;
    background-color: rgba(var(--video-primary-rgb), 1);
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px rgba(var(--shadow-rgb), .15), 0 1px 2px 0 rgba(var(--shadow-rgb), .2);
    -ms-transition: all .1s ease;
    transition: all .1s ease;
    appearance: none
}

._3MK0g .biu12::-ms-thumb {
    width: 10px;
    height: 10px
}

.biu12::-ms-tooltip {
    display: none
}

.qSCYz {
    padding-top: 95px
}

._3MK0g .qSCYz {
    padding-top: 125px
}

.gkTMt {
    position: absolute;
    opacity: 0;
    transition: opacity .1s ease;
    pointer-events: none
}

.gkTMt:not(:empty) {
    opacity: 1
}

._2qYbK {
    top: -23px;
    width: 38px;
    height: 18px;
    margin-left: -19px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 4px
}

._3MK0g ._2qYbK {
    top: -35px;
    width: 60px;
    height: 28px;
    margin-left: -30px;
    font-size: 18px;
    line-height: 28px;
    border-radius: 6px
}

.n_LPV {
    position: absolute;
    color: var(--video-primary);
    text-align: center;
    text-shadow: 0 1px 2px rgba(var(--shadow-rgb), .3);
    background-color: rgba(var(--overlay-rgb), .55)
}

._2bbRC {
    position: absolute;
    width: 0;
    height: 0;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: rgba(var(--overlay-rgb), .55);
    border-style: solid
}

.zLWhI {
    top: -5px;
    margin-left: -4px;
    border-width: 4px
}

._3MK0g .zLWhI {
    top: -7px;
    margin-left: -6px;
    border-width: 6px
}

._2mxvq {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis
}

.icRWJ {
    position: relative;
    flex: 1;
    width: 100%
}

.icRWJ ._3BCve {
    position: absolute;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 40px);
    height: calc(100% - 40px)
}

.icRWJ ._3BCve {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain
}

.icRWJ ._3BCve {
    left: 20px
}

html[dir=rtl] .icRWJ ._3BCve {
    right: 20px
}

.icRWJ ._3zrV6 {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    align-self: center
}

.icRWJ .LCSYy {
    font-weight: 300
}

.icRWJ ._1tCQI {
    width: 26px;
    height: 30px
}

.icRWJ ._1tCQI {
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-size: contain
}

._1Dnpn:before {
    content: "~"
}

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

._339Q_ {
    left: 0
}

html[dir=rtl] ._339Q_ {
    right: 0
}

._339Q_ .KFmOE {
    position: relative;
    top: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 60px)
}

._339Q_ .KFmOE {
    left: 20px
}

html[dir=rtl] ._339Q_ .KFmOE {
    right: 20px
}

._339Q_ ._2I8Qu {
    z-index: 2;
    width: 100%;
    height: 100%
}

.XHdVe {
    position: relative;
    flex: none;
    box-sizing: border-box;
    width: 78px;
    height: 78px;
    overflow: hidden
}

.XHdVe {
    margin-right: 6px
}

html[dir=rtl] .XHdVe {
    margin-left: 6px
}

.XHdVe:last-child {
    margin-right: 0
}

html[dir=rtl] .XHdVe:last-child {
    margin-left: 0
}

.XHdVe:after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: none;
    content: ""
}

.XHdVe:after {
    background-color: var(--thumb-border-active)
}

.XHdVe:after, html[dir=rtl] .XHdVe:after {
    right: 0;
    left: 0
}

.XHdVe._2sFmi:after {
    display: block
}

._1_kax {
    position: relative;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: transform 75ms ease-out
}

._1_kax {
    background-color: var(--panel-background-deeper);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transform: none
}

._1_kax {
    left: 0
}

html[dir=rtl] ._1_kax {
    right: 0
}

._1_kax:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
    opacity: 0;
    transition: opacity .1s ease-out;
    content: ""
}

._1_kax:before {
    right: 0;
    background: linear-gradient(10deg, transparent, transparent 45%, rgba(var(--overlay-rgb), .18) 75%, rgba(var(--overlay-rgb), .4))
}

html[dir=rtl] ._1_kax:before {
    left: 0;
    background: linear-gradient(-10deg, transparent, transparent 45%, rgba(var(--overlay-rgb), .18) 75%, rgba(var(--overlay-rgb), .4))
}

.XHdVe:hover ._1_kax:before {
    opacity: 1
}

.XHdVe._2sFmi ._1_kax {
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px)
}

.XHdVe._2sFmi ._1_kax:after {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.XHdVe._2sFmi ._1_kax:after {
    box-shadow: inset 0 0 20px rgba(var(--shadow-rgb), .1)
}

.XHdVe._2sFmi ._1_kax:after {
    left: 0
}

html[dir=rtl] .XHdVe._2sFmi ._1_kax:after {
    right: 0
}

._3Ruaa {
    position: absolute;
    top: 1px;
    z-index: 100;
    color: var(--inverse);
    opacity: 0
}

._3Ruaa {
    right: 1px;
    transition: right 75ms ease-out, top 75ms ease-out
}

html[dir=rtl] ._3Ruaa {
    left: 1px;
    transition: left 75ms ease-out, top 75ms ease-out
}

.XHdVe:hover ._3Ruaa {
    opacity: 1
}

.XHdVe._2sFmi ._3Ruaa {
    top: 4px
}

.XHdVe._2sFmi ._3Ruaa {
    right: 4px
}

html[dir=rtl] .XHdVe._2sFmi ._3Ruaa {
    left: 4px
}

._1_kax._1PUEX {
    background-size: 26px auto
}

._3ygvN {
    height: 72px;
    overflow: hidden
}

._3ygvN {
    background-color: var(--background-default)
}

._1888i {
    display: flex;
    flex: none;
    justify-content: center
}

._1888i {
    padding: 0 0 24px
}

._3bfj9 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--secondary-light)
}

._3bfj9 {
    margin: 0 auto;
    background-color: var(--background-default);
    border-radius: 50%;
    box-shadow: 0 1px 1px 0 rgba(var(--shadow-rgb), .06), 0 2px 5px 0 rgba(var(--shadow-rgb), .2)
}

._2ig1U {
    position: relative;
    z-index: 1;
    flex: none;
    order: 3;
    box-sizing: border-box;
    width: 100%;
    min-height: 62px
}

._2ig1U {
    padding: 0;
    background-color: var(--compose-panel-background)
}

.dark .three ._2ig1U {
    border-right: 1px solid var(--conversation-panel-border)
}

html[dir=rtl] .dark .three ._2ig1U {
    border-left: 1px solid var(--conversation-panel-border)
}

._3pk0T {
    position: absolute;
    top: 0;
    width: 100%
}

._3pk0T {
    left: 0
}

html[dir=rtl] ._3pk0T {
    right: 0
}

._1O6cA {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 100%
}

._1O6cA {
    left: 0
}

html[dir=rtl] ._1O6cA {
    right: 0
}

._3SvgF {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 62px
}

._3SvgF {
    padding: 5px 10px;
    background-color: var(--rich-text-panel-background)
}

._3SvgF {
    border-left: 1px solid var(--border-stronger)
}

html[dir=rtl] ._3SvgF {
    border-right: 1px solid var(--border-stronger)
}

.DuUXI {
    flex: 1 1 auto;
    box-sizing: border-box;
    width: inherit;
    min-width: 0;
    min-height: 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    outline: none;
    will-change: width
}

.DuUXI {
    margin: 5px 10px;
    padding: 9px 12px 11px;
    background-color: var(--compose-input-background);
    border: 1px solid var(--compose-input-border);
    border-radius: 21px
}

.rN1v9 {
    display: flex;
    color: var(--icon)
}

.rN1v9 {
    margin-right: -10px
}

html[dir=rtl] .rN1v9 {
    margin-left: -10px
}

.bDS3i {
    display: flex;
    align-items: center
}

._3qpzV {
    flex: none;
    box-sizing: border-box;
    min-height: 52px
}

._3qpzV {
    padding: 5px 10px
}

.DuUXI._3G8xP {
    background-color: rgba(var(--compose-input-background-rgb), .55)
}

._2Ujuu {
    flex: 0 0 auto;
    color: var(--icon);
    opacity: .9
}

._2Ujuu {
    margin-top: 9px
}

._2Ujuu:disabled {
    opacity: .4
}

@keyframes Bg09t {
    50% {
        background-color: var(--compose-input-background-focused);
        border-color: var(--compose-input-border-focused)
    }
}

._1WoQE, html[dir=rtl] ._1WoQE {
    animation-name: Bg09t;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.24, .91, .01, .99)
}

.tSmQ1 {
    flex: 0 0 auto
}

.tSmQ1 {
    padding-bottom: 8px
}

.tSmQ1 {
    padding-left: 0;
    transition: padding-left .3s cubic-bezier(.69, 0, .79, .14)
}

html[dir=rtl] .tSmQ1 {
    padding-right: 0;
    transition: padding-right .3s cubic-bezier(.69, 0, .79, .14)
}

.jujkF {
    padding-left: 40px;
    transition: padding-left .3s cubic-bezier(.1, .82, .25, 1)
}

html[dir=rtl] .jujkF {
    padding-right: 40px;
    transition: padding-right .3s cubic-bezier(.1, .82, .25, 1)
}

.cc0oO {
    position: relative;
    flex: 1;
    width: 100%
}

.cc0oO ._1DDR0 {
    position: absolute;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 40px);
    height: calc(100% - 40px)
}

.cc0oO ._1DDR0 {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain
}

.cc0oO ._1DDR0 {
    left: 20px
}

html[dir=rtl] .cc0oO ._1DDR0 {
    right: 20px
}

.cc0oO ._1cbSY {
    z-index: 2;
    width: 100%;
    height: 100%
}

.cc0oO ._1bhcp {
    min-width: 250px
}

._39u4o {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.u2T2G {
    z-index: 1000
}

._3cGm8 {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%
}

._3cGm8 {
    left: 0
}

html[dir=rtl] ._3cGm8 {
    right: 0
}

._29rod {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

._29rod {
    left: 0
}

html[dir=rtl] ._29rod {
    right: 0
}

._3qQ31 {
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: center
}

._3qQ31 {
    margin-top: 0;
    padding: 24px 19px 19px;
    background-color: var(--rich-text-panel-background);
    border-top: 1px solid rgba(var(--white-rgb), .15);
    box-shadow: 0 -5px 7px -5px rgba(var(--shadow-rgb), .05)
}

._3qQ31:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    content: "";
    pointer-events: none
}

._3qQ31:before {
    box-shadow: inset 0 -10px 9px -10px rgba(var(--shadow-rgb), .1)
}

._3qQ31:before, html[dir=rtl] ._3qQ31:before {
    right: 0;
    left: 0
}

.OGaOh {
    flex: none
}

.OGaOh {
    margin-top: 12px;
    text-align: center
}

._1Q5Gk {
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: center
}

._1Q5Gk {
    margin-top: 0;
    padding: 24px 19px 19px;
    background-color: var(--rich-text-panel-background);
    border-top: 1px solid rgba(var(--white-rgb), .15);
    box-shadow: 0 -5px 7px -5px rgba(var(--shadow-rgb), .05)
}

._1Q5Gk:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    content: "";
    pointer-events: none
}

._1Q5Gk:before {
    box-shadow: inset 0 -10px 9px -10px rgba(var(--shadow-rgb), .1)
}

._1Q5Gk:before, html[dir=rtl] ._1Q5Gk:before {
    right: 0;
    left: 0
}

._3vbdy {
    font-size: 15px;
    line-height: normal
}

._25Yba, ._3vbdy {
    flex: none
}

._25Yba {
    margin-top: 12px;
    text-align: center
}

._3U3dv {
    display: inline-block
}

._3U3dv + ._3U3dv {
    margin-left: 8px
}

html[dir=rtl] ._3U3dv + ._3U3dv {
    margin-right: 8px
}

._3RIGr {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

._3RIGr {
    padding: 20px
}

._3RIGr {
    left: 0
}

html[dir=rtl] ._3RIGr {
    right: 0
}

._3RIGr ._1CfJq {
    position: relative;
    flex: 1 1 100%
}

._3RIGr ._1xuvS {
    flex: none
}

._3RIGr ._1xuvS {
    margin-top: 20px;
    text-align: center
}

._3RIGr ._2Qc7p {
    z-index: 2;
    width: 100%;
    height: 100%
}

._1mPXc {
    position: absolute;
    top: 8px;
    z-index: 100
}

._1mPXc {
    cursor: pointer
}

._1mPXc {
    right: 12px
}

html[dir=rtl] ._1mPXc {
    left: 12px
}

.VkwjW {
    top: 14px
}

.VkwjW {
    right: 20px
}

html[dir=rtl] .VkwjW {
    left: 20px
}

.VkwjW svg {
    width: 34px;
    height: 34px
}

._373-F {
    position: relative;
    display: flex;
    align-items: center
}

._373-F {
    padding: 16px 0;
    background-color: var(--background-default);
    border-top: 1px solid var(--border-default)
}

._373-F svg {
    width: 18px;
    height: 18px
}

._1b_tc {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._1b_tc {
    margin-left: 3px
}

html[dir=rtl] ._1b_tc {
    margin-right: 3px
}

._2o6B- {
    color: var(--icon-lighter)
}

._24Y5a {
    position: absolute;
    z-index: 200;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    pointer-events: none
}

._24Y5a {
    padding-top: 8.5px
}

._24Y5a {
    padding-right: 6px
}

html[dir=rtl] ._24Y5a {
    padding-left: 6px
}

.nw8RZ {
    position: relative;
    display: flex;
    width: 26px;
    height: 42px;
    transition: width .3s
}

.nw8RZ {
    margin-right: 8px
}

html[dir=rtl] .nw8RZ {
    margin-left: 8px
}

.nw8RZ:hover {
    will-change: width
}

.nw8RZ:hover ._16P6V {
    will-change: transform, opacity
}

.nw8RZ._3c42S {
    width: 110px
}

.nw8RZ._1isZ2._3c42S {
    width: 152px
}

._16P6V {
    transition: transform .3s, opacity .3s
}

._16P6V {
    transform: translate3d(100, 0, 0)
}

html[dir=rtl] ._16P6V {
    transform: translate3d(-100, 0, 0)
}

._3ajGs {
    opacity: 0
}

._2gB8p {
    opacity: 1
}

.SFLJ9, ._3x5p4 {
    opacity: 0
}

.nw8RZ._3c42S ._3ajGs, .nw8RZ._3c42S ._2gB8p {
    opacity: 1
}

.nw8RZ._3c42S ._2gB8p {
    transform: translateX(42px)
}

html[dir=rtl] .nw8RZ._3c42S ._2gB8p {
    transform: translateX(-42px)
}

.nw8RZ._3c42S .SFLJ9 {
    opacity: 1
}

.nw8RZ._3c42S .SFLJ9 {
    transform: translateX(84px)
}

html[dir=rtl] .nw8RZ._3c42S .SFLJ9 {
    transform: translateX(-84px)
}

.nw8RZ._3c42S ._3x5p4 {
    opacity: 1
}

.nw8RZ._3c42S ._3x5p4 {
    transform: translateX(126px)
}

html[dir=rtl] .nw8RZ._3c42S ._3x5p4 {
    transform: translateX(-126px)
}

._3P53a {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 588px;
    overflow: hidden;
    font-size: 13.6px;
    line-height: 19px
}

._3P53a {
    padding: 10px 15px;
    text-align: initial;
    background-color: rgba(var(--overlay-rgb), .05);
    border-radius: 6px;
    cursor: pointer
}

._1XXab {
    position: relative;
    flex: none;
    width: 55px;
    height: 55px
}

._1XXab {
    margin-right: 15px
}

html[dir=rtl] ._1XXab {
    margin-left: 15px
}

._27m8N {
    flex-grow: 1;
    overflow: hidden
}

._1bUEU {
    position: absolute;
    top: 40px;
    z-index: 100
}

._1bUEU {
    left: 40px
}

html[dir=rtl] ._1bUEU {
    right: 40px
}

._1WDpk {
    overflow: hidden;
    color: var(--primary-strong);
    font-size: 16px;
    line-height: 21px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.RYmeK {
    color: var(--secondary);
    font-size: 13px;
    line-height: 20px
}

._2Nkes {
    font-size: 14px;
    line-height: 20px
}

.RYmeK, ._2Nkes, ._1WDpk {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._1zLJ4 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 200px
}

.GaHyo {
    position: relative;
    width: 35px;
    height: 35px;
    opacity: 0
}

._37uSO {
    color: var(--ptt-button-send)
}

._1Rd3e {
    color: var(--ptt-button-cancel)
}

.GaHyo._7loIz, .GaHyo:hover {
    transition: transform .1s ease-in-out
}

.GaHyo._7loIz, .GaHyo:hover {
    transform: scale(1.12) !important
}

.GaHyo._7loIz .WkpS-, .GaHyo:hover .WkpS- {
    opacity: 0
}

.GaHyo._7loIz ._26wYA, .GaHyo:hover ._26wYA {
    opacity: 1
}

._26wYA {
    opacity: 0
}

._39kAp {
    color: var(--secondary);
    font-weight: 300;
    font-size: 20px;
    opacity: 0
}

._39kAp:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: ""
}

._39kAp:before {
    background-color: var(--danger);
    border-radius: 50%
}

._39kAp:before {
    margin-right: 7px;
    animation: _3dQw7 1.6s ease-in infinite
}

html[dir=rtl] ._39kAp:before {
    margin-left: 7px;
    animation: _3dQw7 1.6s ease-in infinite
}

._6XRZ7 {
    position: absolute;
    top: 0
}

._6XRZ7 {
    left: 0
}

html[dir=rtl] ._6XRZ7 {
    right: 0
}

._1oEBF {
    position: absolute;
    top: 9px;
    z-index: 2;
    color: var(--icon)
}

._37WlW {
    position: relative;
    width: 24px;
    transition: width .18s ease-in-out
}

._37WlW {
    padding-top: 4px;
    cursor: default
}

._37WlW._2DM9O {
    width: 200px
}

@keyframes _3dQw7 {
    50% {
        opacity: 0
    }
}

._1hSMr {
    position: absolute;
    bottom: 44px;
    z-index: 100
}

._1hSMr {
    cursor: pointer
}

._1hSMr {
    right: 13px
}

html[dir=rtl] ._1hSMr {
    left: 13px
}

._1_hAe {
    bottom: 61px
}

._1_hAe {
    right: 31px
}

html[dir=rtl] ._1_hAe {
    left: 31px
}

._1_hAe svg {
    width: 34px;
    height: 34px
}

.XFAMv {
    width: 100%;
    color: var(--primary-stronger);
    font-size: 12.5px;
    text-transform: uppercase
}

.XFAMv {
    margin-bottom: 12px;
    padding: 5px 0;
    text-align: center;
    background-color: var(--unread-bar-background);
    border-top: 1px solid rgba(var(--white-rgb), .15);
    border-bottom: 1px solid rgba(var(--shadow-rgb), .08)
}

.XFAMv {
    margin-left: -40px;
    padding-left: 40px
}

html[dir=rtl] .XFAMv {
    margin-right: -40px;
    padding-right: 40px
}

.dark .XFAMv {
    border-top: none;
    border-bottom: none
}

.keyboard-user .XFAMv:focus {
    background-color: var(--focus-lighter)
}

.textsize-xxlarge .XFAMv {
    font-size: 15.5px
}

.textsize-xlarge .XFAMv {
    font-size: 14.5px
}

.textsize-large .XFAMv {
    font-size: 13.5px
}

.textsize-small .XFAMv {
    font-size: 11.5px
}

.textsize-xsmall .XFAMv {
    font-size: 10.5px
}

.textsize-xxsmall .XFAMv {
    font-size: 9.5px
}

._14pZF {
    display: inline-block;
    box-sizing: border-box;
    max-width: 90%;
    height: 33px;
    overflow: hidden;
    font-weight: 500;
    line-height: 33px;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top
}

._14pZF {
    padding: 0 22px;
    background-color: var(--unread-background);
    border-radius: 16px
}

.keyboard-user ._14pZF:focus {
    box-shadow: 0 0 0 2px rgba(0, 165, 244, .4)
}

.edge-fix ._14pZF {
    font-weight: 600
}

._37evB {
    position: absolute;
    bottom: 8px;
    display: block;
    width: 26px;
    color: var(--icon)
}

._37evB {
    border-radius: 2px;
    transform: translateZ(0)
}

._37evB:focus {
    box-shadow: 0 0 0 2px rgba(var(--focus-rgb), .5)
}

._37evB.RXmfT {
    color: var(--teal)
}

._37evB.jME8- svg {
    margin: 1px
}

._37evB._3guyl svg {
    width: 26px;
    height: 26px
}

._37evB.hLiSc {
    z-index: 2
}

._37evB.sWiot {
    position: relative;
    bottom: 0;
    display: flex
}

._37evB.sWiot.jME8- {
    top: 9px
}

._37evB.sWiot._3guyl {
    top: 8px
}

._23lEE {
    margin: 15px 0;
    border-top: none
}

._23vAX {
    position: relative;
    width: 70px;
    height: 70px
}

._23vAX {
    background: var(--media-inner-border);
    border-radius: 6px
}

._2svVZ {
    width: 100%
}

._2svVZ {
    margin: 20px 0;
    padding: 10px 0 0;
    border-top: 1px solid var(--media-inner-border)
}

._985cz {
    width: 78%
}

._985cz {
    border-top: 1px solid var(--media-inner-border)
}

._985cz {
    margin-left: 22%
}

html[dir=rtl] ._985cz {
    margin-right: 22%
}

._1IVJz {
    opacity: .5;
    pointer-events: none
}

._1K6Dk {
    position: absolute;
    top: 200px;
    z-index: 100
}

._1K6Dk {
    left: 50%;
    transform: translate(-50%, -50%)
}

html[dir=rtl] ._1K6Dk {
    right: 50%;
    transform: translate(50%, -50%)
}

.pOfaC {
    position: absolute;
    top: 0;
    z-index: 999;
    display: inline-block;
    max-width: 166px;
    color: var(--inverse);
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pOfaC {
    margin-top: 11px;
    padding: 8px 15px;
    text-align: center;
    text-shadow: 0 0 1px rgba(var(--shadow-rgb), .36);
    background-color: var(--tooltip-background);
    border-radius: 14px
}

.pOfaC {
    right: auto;
    left: 64px;
    animation: zHjIN .12s ease-in-out
}

html[dir=rtl] .pOfaC {
    left: auto;
    right: 64px;
    animation: zHjIN .12s ease-in-out
}

@keyframes zHjIN {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

._3RFYA {
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow-y: auto
}

._3RFYA {
    background-color: var(--background-default)
}

._3lDkQ {
    display: flex;
    flex: none;
    justify-content: center
}

._3lDkQ {
    padding-top: 24px;
    padding-bottom: 24px
}

.h3j80 {
    flex: none
}

.h3j80 {
    background-color: var(--panel-background-lighter)
}

.eBZuM {
    position: absolute;
    bottom: 50px;
    width: 320px;
    height: 444px;
    overflow: hidden;
    pointer-events: none
}

.eBZuM {
    cursor: default
}

.eBZuM {
    left: -17px
}

html[dir=rtl] .eBZuM {
    right: -17px
}

._32yhp {
    height: 53px;
    -webkit-transform: translateZ(0);
    opacity: 0
}

._32yhp {
    border-radius: 50%;
    transform-origin: top center;
    cursor: pointer
}

.wnDP3 {
    position: relative;
    z-index: 200;
    display: block
}

._32yhp:after {
    position: absolute;
    top: 2px;
    z-index: 100;
    width: 49px;
    height: 49px;
    transition: box-shadow .07s ease-out;
    content: ""
}

._32yhp:after {
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(var(--shadow-rgb), .17), 0 6px 8px rgba(var(--shadow-rgb), .29)
}

._32yhp:after {
    left: 2px
}

html[dir=rtl] ._32yhp:after {
    right: 2px
}

._1mjNh {
    position: relative
}

._1mjNh {
    background-color: var(--rich-text-panel-background)
}

._1mjNh {
    border-left: 1px solid var(--border-panel)
}

html[dir=rtl] ._1mjNh {
    border-right: 1px solid var(--border-panel)
}

._1nSOb {
    overflow: hidden
}

._1nSOb {
    transform: translateZ(0);
    transform-origin: bottom
}

._1E4E4 {
    position: relative;
    box-sizing: border-box;
    height: 276px;
    overflow-y: scroll
}

._1E4E4 {
    padding-top: 62px
}

._1E4E4, html[dir=rtl] ._1E4E4 {
    padding-right: 12px;
    padding-left: 12px
}

._29MJb {
    padding-top: 10px
}

._3pGwB {
    box-sizing: border-box;
    overflow-x: hidden
}

._19MGs {
    padding-bottom: 14px
}

.WSgyb {
    flex-grow: 1;
    flex-shrink: 100
}

._35urm {
    display: flex
}

._35urm {
    margin-bottom: 6px
}

._35urm:last-child {
    margin-bottom: 0
}

._33u4i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 204px
}

.wXBGn {
    position: relative;
    width: 410px
}

.wXBGn {
    margin: 0 auto;
    padding: 50px 0
}

._1z8zg {
    display: flex;
    align-items: center
}

._2I8lX {
    margin-left: auto
}

html[dir=rtl] ._2I8lX {
    margin-right: auto
}

.zsxxu {
    margin: 22px 0;
    text-align: center
}

._1BLu0 {
    opacity: .5;
    pointer-events: none
}

._1wLQh {
    position: absolute;
    top: 200px;
    z-index: 100
}

._1wLQh {
    left: 50%;
    transform: translate(-50%, -50%)
}

html[dir=rtl] ._1wLQh {
    right: 50%;
    transform: translate(50%, -50%)
}

._3hpWX {
    position: absolute;
    top: 0;
    width: 100%
}

._3hpWX {
    left: 0
}

html[dir=rtl] ._3hpWX {
    right: 0
}

._1V5nc {
    position: relative;
    max-height: 234px;
    overflow: auto
}

.LOyli {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 100%
}

.LOyli {
    background-color: var(--rich-text-panel-background);
    box-shadow: 0 -5px 7px -5px rgba(var(--shadow-rgb), .04)
}

.LOyli {
    left: 0;
    border-left: 1px solid var(--border-panel)
}

html[dir=rtl] .LOyli {
    right: 0;
    border-right: 1px solid var(--border-panel)
}

.LOyli:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    content: "";
    pointer-events: none
}

.LOyli:before {
    box-shadow: inset 0 -10px 9px -10px rgba(var(--shadow-rgb), .08)
}

.LOyli:before, html[dir=rtl] .LOyli:before {
    right: 0;
    left: 0
}

._1HePc {
    display: flex;
    align-items: center
}

._3rzWC {
    overflow: hidden;
    text-overflow: ellipsis
}

._3mPXo {
    margin-left: auto
}

html[dir=rtl] ._3mPXo {
    margin-right: auto
}

._1MZ-h {
    width: 400px
}

._1MZ-h {
    margin: 0 auto
}

._2HBMJ {
    color: var(--primary-title)
}

._2HBMJ {
    padding: 10px 20px
}

._2GWne {
    line-height: 20px
}

._2GWne {
    padding: 18px 30px;
    background: var(--panel-background-lighter)
}

._1jWWI {
    margin: 14px 0 0
}

._25R2g {
    position: absolute;
    z-index: 101;
    width: 100%;
    height: 100%
}

._25R2g {
    cursor: pointer
}

._2enI6 {
    position: absolute;
    top: 3px
}

._2enI6 {
    right: 3px
}

html[dir=rtl] ._2enI6 {
    left: 3px
}

._145n2 {
    display: flex
}

._145n2 + ._145n2 {
    margin-left: 10px
}

html[dir=rtl] ._145n2 + ._145n2 {
    margin-right: 10px
}

._2G-Gl {
    position: relative
}

._2G-Gl {
    padding-left: 10px
}

html[dir=rtl] ._2G-Gl {
    padding-right: 10px
}

._6_Lyj {
    margin: 0 0 14px
}

._3C2Xq {
    display: flex;
    flex-wrap: wrap
}

.VdazA {
    position: relative;
    display: inline-block;
    width: 128px;
    height: 131px
}

.VdazA {
    margin: 0 8px 10px 0
}

html[dir=rtl] .VdazA {
    margin: 0 0 10px 8px
}

._3C2Xq > :nth-child(3n) {
    margin-right: 0
}

html[dir=rtl] ._3C2Xq > :nth-child(3n) {
    margin-left: 0
}

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

._28PVo {
    position: absolute;
    top: -1px;
    z-index: 100;
    color: var(--inverse);
    filter: drop-shadow(-1px 1px 1px rgba(0, 0, 0, .5))
}

._28PVo {
    right: -1px
}

html[dir=rtl] ._28PVo {
    left: -1px
}

.IivB2 svg {
    width: 30px;
    height: 30px
}

._3hBqy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 128px;
    height: 131px;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -.2px
}

._2keOd {
    position: relative;
    display: inline-block;
    width: 128px;
    height: 131px;
    color: #3d7a99;
    vertical-align: top
}

._2keOd {
    background-color: var(--button-primary);
    border-radius: 4px
}

._2keOd {
    margin: 0 8px 10px 0
}

html[dir=rtl] ._2keOd {
    margin: 0 0 10px 8px
}

._2ORGb {
    margin-top: 5px;
    text-align: center
}

._3NrCS {
    width: 100%;
    min-height: 16px;
    color: var(--danger)
}

.LEFWJ {
    flex-basis: 50%;
    width: 100%;
    max-width: 165px;
    height: auto
}

._3hvUq {
    margin: 0 3px 0 0
}

html[dir=rtl] ._3hvUq {
    margin: 0 0 0 3px
}

._39tg8 {
    margin: 0
}

._13PQb {
    margin: 3px 3px 0 0
}

html[dir=rtl] ._13PQb {
    margin: 3px 0 0 3px
}

.oByLh {
    margin: 3px 0 0
}

._2g59E {
    position: absolute;
    z-index: 10;
    color: var(--inverse);
    font-size: 35px;
    pointer-events: none
}

._2g59E {
    margin: auto
}

._2Hihv {
    display: flex;
    height: 20px;
    overflow: hidden;
    color: var(--secondary-lighter);
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

._2Hihv {
    padding: 16px 19px
}

._2Hihv .emoji {
    position: relative;
    top: -3px
}

._2Hihv._3czuM, ._3czuM {
    background-color: var(--compose-panel-background-hover)
}

._23EYd {
    color: var(--secondary-light)
}

._23EYd {
    padding-top: 3px
}

.GGnOa {
    color: var(--highlight);
    font-weight: 700
}

.GGnOa {
    padding-top: 3px
}

._28Uwt {
    color: var(--primary-stronger)
}

._28Uwt {
    padding-top: 3px
}

._3SmHl {
    color: var(--secondary-lighter)
}

._3SmHl {
    padding-top: 3px
}

._3SmHl {
    margin-left: 10px
}

html[dir=rtl] ._3SmHl {
    margin-right: 10px
}

.s-vzs {
    width: 100%;
    height: 320px;
    overflow: hidden
}

.s-vzs {
    background-color: var(--rich-text-panel-background);
    transform: translateZ(0);
    transform-origin: bottom
}

.H7yft {
    border-radius: 4px
}

._3kOoC {
    z-index: 2;
    display: flex;
    justify-content: space-around
}

._3kOoC {
    margin-top: 28px;
    padding-bottom: 32px;
    text-align: center
}

._206x- {
    margin-top: 28px
}

._206x- {
    margin-left: 32px
}

html[dir=rtl] ._206x- {
    margin-right: 32px
}

._9u1Pq {
    margin-top: -1px;
    padding-bottom: 1px
}

._2WbbE {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 18px;
    color: var(--icon-fixed)
}

._2WbbE {
    cursor: pointer
}

.S7H_S {
    margin-right: 6px;
    margin-left: -6px
}

._3QG06, html[dir=rtl] .S7H_S {
    margin-left: 6px;
    margin-right: -6px
}

html[dir=rtl] ._3QG06 {
    margin-left: -6px;
    margin-right: 6px
}

._1lfBj {
    opacity: .35;
    pointer-events: none
}

._1lfBj {
    cursor: default
}

._2QBdQ {
    display: flex;
    flex-grow: 1;
    overflow: hidden
}

._25PKP {
    padding-bottom: 14px
}

._21jWY {
    display: flex
}

._21jWY {
    margin-bottom: 6px
}

._21jWY:last-child {
    margin-bottom: 0
}

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

.lJ_OP {
    left: 0
}

html[dir=rtl] .lJ_OP {
    right: 0
}

._2UdFe {
    position: absolute;
    bottom: 3px;
    z-index: 101;
    color: var(--inverse)
}

._2UdFe {
    right: 3px
}

html[dir=rtl] ._2UdFe {
    left: 3px
}

._1350W {
    flex-grow: 1;
    flex-shrink: 0
}

._kI1X {
    position: relative;
    width: 100%
}

._2e73I {
    position: absolute;
    top: 0;
    z-index: 99;
    height: 85%
}

._2e73I {
    background-color: initial;
    border: 10px solid rgba(var(--focus-rgb), .8)
}

._2e73I, html[dir=rtl] ._2e73I {
    right: 0;
    left: 0
}

._1-rz0 {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    align-items: flex-end;
    justify-content: center;
    height: 130px;
    overflow: hidden
}

._1-rz0 {
    background-color: var(--panel-background-deeper);
    cursor: pointer
}

._1-rz0 {
    margin-right: 6px
}

html[dir=rtl] ._1-rz0 {
    margin-left: 6px
}

._1-rz0:last-child {
    margin-right: 0
}

html[dir=rtl] ._1-rz0:last-child {
    margin-left: 0
}

._3Z2oJ {
    box-sizing: border-box;
    height: 276px
}

._3Z2oJ {
    background-color: var(--rich-text-panel-background)
}

._3Z2oJ {
    padding: 8px 0 8px 32px
}

html[dir=rtl] ._3Z2oJ {
    padding: 8px 32px 8px 0
}

@media screen and (max-width: 1310px) {
    ._3Z2oJ {
        padding: 8px 0 8px 20px
    }

    html[dir=rtl] ._3Z2oJ {
        padding: 8px 20px 8px 0
    }
}

._2amBd {
    box-sizing: border-box;
    height: 276px
}

._2amBd {
    padding-bottom: 8px;
    background-color: var(--rich-text-panel-background)
}

._2amBd {
    border-left: 1px solid var(--border-panel)
}

html[dir=rtl] ._2amBd {
    border-right: 1px solid var(--border-panel)
}

._24EK1 {
    height: 276px
}

._2jYgI {
    position: relative;
    box-sizing: border-box;
    height: 276px;
    overflow-y: scroll
}

._2jYgI, html[dir=rtl] ._2jYgI {
    padding-right: 12px;
    padding-left: 12px
}

._3jdtQ {
    padding-top: 62px
}

._1GFtw {
    position: relative
}

._1GFtw {
    background-color: var(--rich-text-panel-background)
}

._1R8G8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

._23KHo {
    width: 125px;
    height: 125px
}

._23KHo {
    margin-bottom: 16px;
    background-repeat: no-repeat;
    background-size: contain
}

._2hyov {
    max-width: 400px;
    color: var(--secondary-lighter);
    font-size: 14px;
    line-height: 20px
}

._2hyov {
    text-align: center
}

._2N4YS {
    box-shadow: 0 0 5px rgba(var(--shadow-rgb), .06)
}

.qOiOp {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ypR3Y {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    align-items: flex-end;
    justify-content: center;
    height: 130px;
    overflow-x: hidden;
    overflow-y: hidden
}

.ypR3Y {
    background-color: var(--panel-background-deeper);
    cursor: pointer
}

.ypR3Y {
    margin-right: 6px
}

html[dir=rtl] .ypR3Y {
    margin-left: 6px
}

._2rdGE {
    flex-grow: 1;
    flex-shrink: 0
}

._38BaU {
    position: relative;
    width: 100%
}

.ypR3Y:last-child {
    margin-right: 0
}

html[dir=rtl] .ypR3Y:last-child {
    margin-left: 0
}

._1HTLC {
    position: absolute;
    bottom: 3px;
    z-index: 101;
    color: var(--inverse)
}

._1HTLC {
    right: 3px
}

html[dir=rtl] ._1HTLC {
    left: 3px
}

._1u6tp {
    position: absolute;
    top: 0;
    flex: none;
    width: 100%;
    height: 100%
}

._1u6tp {
    background-position: 50%;
    background-size: cover;
    -webkit-transition: -webkit-filter .16s linear
}

._1u6tp {
    left: 0
}

html[dir=rtl] ._1u6tp {
    right: 0
}

._2WtOE {
    filter: blur(4px)
}

._33OoY {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    height: 100%
}

._3gSbb {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

._3gSbb {
    background-color: var(--rich-text-panel-background)
}

.zwbRq {
    color: var(--panel-primary)
}

._3WyzP {
    top: 0
}

._3WyzP {
    right: 0
}

html[dir=rtl] ._3WyzP {
    left: 0
}

._2xh8o {
    top: 0
}

._2xh8o {
    left: 0
}

html[dir=rtl] ._2xh8o {
    right: 0
}

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

._3qHJa {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    line-height: 32px
}

.nfHYg {
    color: var(--link)
}

.nfHYg {
    cursor: pointer
}

._3CPQI {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.WCnSF {
    width: 125px;
    height: 125px
}

.WCnSF {
    margin-bottom: 16px;
    background-repeat: no-repeat;
    background-size: contain
}

._3A1Ij {
    max-width: 400px;
    color: var(--secondary-lighter);
    font-size: 14px;
    line-height: 20px
}

._3A1Ij {
    text-align: center
}

._1DniN {
    position: relative;
    display: flex;
    flex: 0 1 16.6%;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    height: 116px
}

._1DniN:focus .Mu-Qb {
    border: 8px solid rgba(var(--focus-rgb), .8)
}

@media screen and (max-width: 1280px) {
    ._1DniN {
        flex-basis: 20%
    }
}

@media screen and (max-width: 1110px) {
    ._1DniN {
        flex-basis: 25%
    }
}

@media screen and (max-width: 900px) {
    ._1DniN {
        flex-basis: 33.3%
    }
}

@media screen and (max-width: 740px) {
    ._1DniN {
        flex-basis: 50%
    }
}

@media screen and (min-width: 1311px) {
    .three ._1DniN {
        flex-basis: 25%
    }
}

@media screen and (min-width: 1025px) and (max-width: 1310px) {
    .three ._1DniN {
        flex-basis: 33.3%;
        min-width: 110px
    }
}

@media screen and (min-width: 1600px) {
    .native ._1DniN {
        flex-basis: auto;
        min-width: 130px
    }
}

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

._fpIW ._2cXFV {
    box-sizing: border-box;
    width: 100%;
    height: 40px
}

._fpIW ._2cXFV {
    margin-top: 4px;
    background-color: var(--rich-text-panel-background)
}

._fpIW ._2cXFV img {
    max-width: 30px;
    max-height: 30px
}

._fpIW ._25-g1 {
    background-color: var(--rich-text-panel-background)
}