@charset "UTF-8";
:root {
  --c-bg: #fff;
  --c-bg-semi: rgba(255, 255, 255, .8);
  --c-bg-dark: #334;
  --c-chat-bg: #fff;
  --c-aside-bg: #fff;
  --c-aside-text: #8a8a95;
  --c-active: #f5f5f5;
  --c-active-semi: rgba(245,245,245, .5);
  --c-active-chat-item: #ebebeb;
  --c-delimiter: #e9e9e9;
  --c-delimiter-fat: #f5f5f5;
  --c-inverse: #f5f5f5;
  --c-overlay: rgba(255, 255, 255, .85);
  --c-overlay-dark: rgba(34, 34, 51, 0.95);
  --c-scrollbar: rgba(0, 0, 0, .04);
  --c-scrollbar-thumb: rgba(117, 117, 124, 0.35);
  --c-scrollbar-thumb-hover: rgb(117, 117, 124);
  --c-drawer: #697cff;
  --c-highlight: #697cff;
  --c-highlight-fg: #fff;
  --c-highlight-active: #405ef5;
  --c-error: #ff5756;
  --c-favorite: #f5f5f5;
  --c-text: #334;
  --c-text-sub: #8a8a95;
  --c-link: #5c5c69;
  --c-link-hover: #334;
  --c-selection: rgba(51, 51, 68, .15);
  --c-msg: #ebebeb;
  --c-msg-mine: #e1e5ff;
  --c-msg-ctrl: rgba(51, 51, 68, .35);
  --c-msg-ctrl-active: rgba(51, 51, 68, .55);
  --c-msg-text: #334;
  --c-msg-mine-sub: #808090;
  --c-bubble-bg: #33a909;
  --c-bubble-muted-bg: #b3b3b3;
  --c-bubble-search-bg: #fff;
  --c-bubble-text: #fff;
  --c-btn: #ebebeb;
  --c-btn-active: #ccc;
  --c-btn-text: #5c5c69;
  --c-btn-tertiary: #8a8a95;
  --c-btn-tertiary-text: #fff;
  --c-btn-dark: #223;
  --c-btn-dark-active: #1a1a2a;
  --c-btn-dark-text: #ddd;
  --c-input: #ebebeb;
  --c-input-border: #ebebeb;
  --c-global-search: #ebebeb;
  --c-tint: rgba(0, 0, 0, .4);
  --c-tint-active: rgba(0, 0, 0, .6);
  --c-tint-weak: rgba(0,0,0,.06);
  --ui-titlebar-padding: 0;
  --ui-titlebar-height: 49px;
  --ui-toolbar-height: 49px;
  --ui-titlebar-bg: #fff;
  --ui-border-shadow: transparent;
  --ui-shadow: 0 12px 24px 0 rgba(0,0,0,.12), 0 0 0 1px rgba(0,0,0,.06); }

[e-u69or7].new-macos-app {
  --c-delimiter: #d6d8da;
  --c-aside-text: #75757c;
  --c-favorite: rgba(0,0,0, .04);
  --c-global-search: rgba(255, 255, 255, 0.75);
  --c-active-chat-item: rgba(0, 0, 0, 0.13);
  --c-bubble-muted-bg: #8a8a95;
  --ui-titlebar-padding: 14px;
  --ui-titlebar-height: 62px;
  --ui-border-shadow: inset 0 0 0 1px #eaeaea; }
  [e-u69or7].new-macos-app:not(.ui-has-folders) {
    --ui-titlebar-bg: #f0f0f0; }

[e-u69or7][theme=dark] {
  --c-bg: #334;
  --c-bg-semi: rgba(51, 51, 68, .8);
  --c-chat-bg: #334;
  --c-aside-bg: #334;
  --c-aside-text: #8a8a95;
  --c-active: #484856;
  --c-active-semi: rgba(72, 72, 86, .5);
  --c-active-chat-item: #3e3e4f;
  --c-delimiter: #262636;
  --c-delimiter-fat: #292939;
  --c-inverse: #334;
  --c-overlay: rgba(34, 34, 51, .75);
  --c-scrollbar: #292939;
  --c-drawer: #334;
  --c-highlight: #697cff;
  --c-error: #ff5756;
  --c-favorite: #292939;
  --c-text: #ddd;
  --c-text-sub: #8a8a95;
  --c-link: #ddd;
  --c-link-hover: #ebebeb;
  --c-selection: rgba(221, 221, 221, .15);
  --c-msg: #223;
  --c-msg-mine: #223;
  --c-msg-ctrl: rgba(34, 34, 51, .5);
  --c-msg-ctrl-active: rgba(34, 34, 51, .7);
  --c-msg-text: #bebebe;
  --c-msg-mine-sub: #8a8a95;
  --c-bubble-muted-bg: #75757c;
  --c-bubble-search-bg: #75757c;
  --c-bubble-text: #334;
  --c-btn: #223;
  --c-btn-active: #1a1a2a;
  --c-btn-text: #ddd;
  --c-btn-tertiary: #75757b;
  --c-btn-tertiary-text: #fff;
  --c-input: #223;
  --c-input-border: #5C5C69;
  --c-global-search: #223;
  --ui-titlebar-bg: #334;
  --c-tint-weak: rgba(255, 255, 255, .06);
  --ui-shadow: 0 12px 24px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.16); }
  [e-u69or7][theme=dark].new-macos-app {
    --c-bg: #232323;
    --c-bg-dark: #232323;
    --c-bg-semi: rgba(35, 35, 35, .8);
    --c-chat-bg: #232323;
    --c-aside-bg: #232323;
    --c-aside-text: #8a8a8a;
    --c-active: #3e3e3e;
    --c-active-semi: rgba(62, 62, 62, .5);
    --c-active-chat-item: #3e3e3e;
    --c-delimiter: rgba(255, 255, 255, 0.08);
    --c-delimiter-fat: #282828;
    --c-inverse: #323232;
    --c-overlay: rgba(35, 35, 35, .95);
    --c-overlay-dark: rgba(50, 50, 50, .95);
    --c-scrollbar: #282828;
    --c-drawer: #323232;
    --c-highlight: #697cff;
    --c-favorite: #323232;
    --c-scrollbar: rgba(255, 255, 255, .03);
    --c-scrollbar-thumb: rgba(117, 117, 124, 0.55);
    --c-scrollbar-thumb-hover: rgb(117, 117, 124);
    --c-text: #dadada;
    --c-text-sub: #8a8a8a;
    --c-link: #dadada;
    --c-link-hover: #ebebeb;
    --c-msg: #383838;
    --c-msg-mine: #383838;
    --c-msg-ctrl: rgba(44, 45, 48, .4);
    --c-msg-ctrl-active: rgba(44, 45, 48, .6);
    --c-msg-text: #dadada;
    --c-msg-mine-sub: #8a8a8a;
    --c-bubble-muted-bg: #8a8a8a;
    --c-bubble-search-bg: #323232;
    --c-bubble-count-bg: #232323;
    --c-btn: #3e3e3e;
    --c-btn-active: #383838;
    --c-btn-text: #dadada;
    --c-btn-dark: #323232;
    --c-btn-dark-active: #383838;
    --c-btn-dark-text: #dadada;
    --c-input: #323232;
    --c-input-border: #606060;
    --c-global-search: rgba(255, 255, 255, 0.22);
    --ui-titlebar-bg: #232323;
    --ui-border-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
html,
  body{
  height: 100%;
  min-height: 100%; }
@font-face{
  font-family: "Arabic";
  src: local("Tahoma");
  unicode-range: U+06??, U+075?, U+076?, U+077?, U+08A?, U+08B?, U+08C?, U+08D?, U+08E?, U+08F?, U+FB5?, U+FB6?, U+FB7?, U+FB8?, U+FB9?, U+FBA?, U+FBB?, U+FBC?, U+FBD?, U+FBE?, U+FDF?, U+FE7?, U+FE8?, U+FE9?, U+FEA?, U+FEB?, U+FEC?, U+FED?, U+FEE?, U+FEF?, U+10E6?, U+10E7?, U+1EE??; }
body{
  margin: 0;
  padding: 0;
  font: 14px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
body.mobile{
  font-size: 16px;
  overflow: hidden; }
/* Links
-------------------------------------------------- */
a{
  color: var(--c-link); }
a:hover{
  color: var(--c-link-hover); }
a,
  .link{
  text-decoration: none;
  cursor: pointer; }
a:hover,
    .link:hover{
  text-decoration: underline; }
.pl,
  .sl,
  .il{
  cursor: pointer; }
.link.pl{
  color: #697cff; }
.link.pl:hover{
  color: #3d5afe; }
.sl{
  color: #8a8a95; }
.sl:hover{
  color: #5c5c69; }
.il{
  color: #8a8a95; }
.il:hover{
  color: #fff; }
/* /Links */
/* Headers
-------------------------------------------------- */
.h1{
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }
.h2{
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }
.h3{
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }
.h4{
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }
/* /Headers */
.main{
  --c-link: #697cff;
  --c-link-hover: #697cff; }
body.messenger{
  overflow: hidden; }
ul,
  ol,
  li{
  margin: 0;
  padding: 0;
  list-style: none; }
.chat_landing{
  font: 13px system-ui, "Segoe UI", Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 48px 32px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  scrollbar-face-color: #fff;
  scrollbar-arrow-color: #ccc;
  scrollbar-track-color: #ddd;
  scrollbar-shadow-color: #ddd;
  scrollbar-highlight-color: #ddd;
  scrollbar-3dlight-color: #ddd;
  scrollbar-darkshadow-Color: #ddd;
  overflow-y: scroll;
  overflow-x: hidden;
  /* header */ }
.chat_landing::-webkit-scrollbar-track{
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: var(--c-scrollbar); }
.chat_landing::-webkit-scrollbar{
  width: 6px;
  height: 6px; }
.chat_landing::-webkit-scrollbar-thumb{
  min-height: 40px;
  border-radius: 0;
  background-color: var(--c-scrollbar-thumb);
  border-radius: 1px;
  border: 0;
  background-clip: padding-box; }
.chat_landing::-webkit-scrollbar-thumb:hover{
  background-color: var(--c-scrollbar-thumb-hover); }
  @media (max-width: 980px) {
    .chat_landing {
      padding: 48px 16px; } }
.chat_landing .toast{
  position: absolute;
  left: 50%;
  bottom: 32px;
  z-index: 5000;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: inline-block;
  padding: 12px 20px;
  background-color: rgba(51, 51, 68, 0.8);
  border: 1px solid #fff;
  border-radius: 100px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }
.chat_landing .toast.__visible{
  opacity: 1; }
.chat_landing .main{
  margin: 0 auto;
  max-width: 620px; }
.chat_landing .messages{
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
.chat_landing .messages .message-container{
  display: block;
  max-width: 620px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 16px;
  cursor: pointer; }
.chat_landing .message-date{
  display: block;
  color: var(--c-text-sub); }
.chat_landing .message-date time{
  display: block;
  padding: 2px 8px;
  background-color: var(--c-bg);
  border: 1px solid #c2c2c2;
  border-radius: 16px;
  font-size: 14px;
  line-height: 16px;
  width: 60px;
  margin: 0 auto;
  position: relative;
  top: 11px; }
.chat_landing time,
    .chat_landing .views{
  display: inline-block; }
.chat_landing .views{
  margin-left: 4px; }
.chat_landing .views svg{
  vertical-align: text-bottom;
  width: 12px; }
.chat_landing .stickerset{
  text-align: center; }
.chat_landing .stickerset .sticker{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 128px;
  height: 128px;
  position: relative;
  margin: 12px;
  cursor: pointer; }
.chat_landing .stickerset .sticker.__static{
  pointer-events: none; }
.chat_landing .stickerset .sticker:hover img{
  opacity: 0; }
.chat_landing .stickerset .sticker:hover video{
  opacity: 1; }
.chat_landing .stickerset .sticker img, .chat_landing .stickerset .sticker video{
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
.chat_landing .stickerset .sticker img, .chat_landing .stickerset .sticker lottie-player{
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 128px;
  height: 128px; }
.chat_landing .stickerset .sticker video{
  opacity: 0;
  width: 128px; }
.chat_landing .stickerset .sticker .sound{
  position: absolute;
  bottom: 4px;
  left: 4px;
  z-index: 5;
  height: 28px;
  width: 28px;
  min-width: 28px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAULSURBVHgB1Zs9bBNnGMcfRyxOFkrJ1irXSEVk4aNhoAMfzQJSh6KIkVCmuFuTjiAV2gqPtbPVGRqVsLV1O7QSWTDgASqFknRIVJCICbCAIUHCycbL83/vfY+78+ed78P3kx5/nH2++9/z8X6dUxQwQoid/HSAbb96hmGb4fpqRdkm2w225VQqdYN6EYhiO8VWYtsQ/sG+f7B9Sb2AEnZRdCeqGWtsc2wGRU3Iwty8UccyKAqEGYpRCHPzUIQZusL0Wk7Ez4/CLGSBijPY7oneAd40Ojn3VCfi+KlE9WU+btbYxrhpqbT6UkuBPSxO01ZkU4EJEKdpKbKhQGEm8T3qfXEanCtEbro/6Guyw0VKjjhwkO3bRh/UeZC9d46f5ih5CLZx9uKf9o0OgQnKu2YgHz+xh6o7RNFTMCi5fMQ2Zd9geVB5b42SzwbbsPai3YOXKARqtS26desOLS4u0/PnLygC3iObF+0ehPcMCpBy+TbNz/9OW1tb1rZMZoKOHPmUQsbyovSgqpwGBcjq6n0qFOYd4gC2ra4+oJBBO34ML3SIfkEBglDM5Wat9/39acfni4tLFDKIzK/xQgs8TgEBcZcv5x2em57OcFgett5vb29TBBxAj2wHPxwn06WeQPEol/+h9fXHjuLx6NFTh7gzZ07TyMgeWWgiRk5+7SBz1ssT2kvVauuqOD7+OZ08OUYxIgUeI490Kg7WjmvXrrOVaHR0P01MnLa24yLOzl7haNimycmzNDT0AXkEebgPAj2FJ0LNLg65NTj4vuM7u3fvoqNH2zcFnB509epv8vXCwnUZ2pnMWXr2rErZ7Ix1nGLxL87jr8gH0oOGlz3W159Yr0dH98kT8gu3UzI/0aSAcvmOFIk8tl/EoaEPySc7UUUNL3uguGgGBvqpW6amMo7wu3v3P4e4TkO9CUYfxczAQJrOn59umGNdipPELhDUajW2+rYxiL5r7ALdBcUOcrJQuELdAIEVLzvY867bK4wq6hZ34sRnjnCFyGLxb/JJBVV008seIyMfy7YLoNOcy/1UV2z27t3DzcThjn7P3uvROYdwzWZzXE2fqOOgyvrKRSlwmTz0ZtAgo52rVl/K96h6btBW4qTaNSFoJtCVW1goyfZU93pQeC5cmOah1q/Su2joffIKAtG197SogYNns/mWIYrQQgegXRVEh6BRpwAjkG7aWDInoW5qgZ7AiedyP7Cnbsswso8OVlbuW97VudNtqe+CJS0Qeeh5RNHoypsd8ZxD5ODgLoqBTSyJ96nJmcBGoPAuQhh5qsEoHiGrSafTFAE38aDbwRkKEIhE59g9kgcoLBEMoZB/cgJYTjqptQhMOgW6sIj8zOcLVjGC4MnJCTp0yPMQ1CtrfCGHHVtY5CUREisr/4tK5bF4/bomIuJnrcs+bRiKF2MA4Tmsl9OsvqgqNoHmYkx8b18rdC++wHv/kjnHn0TqFkMdownlxW8omSA0v3Ov9NYNl9T6Wp6Sxwyf+y/uja2WsDFkOEjJoG5dUNNwwKu+OE7JWE7Teddw2NfJbSTwZK8WHf+3kWh6WGRHNwK1nZNRPzBGvRWu+raRCgWFeHcz3hsRLziH8Hpb/OPnhHkzXNTgmKcoCoR59yE651F4c0MdK/o+shI6p65u0GLjE9YIYYZuke2lEutHMESVhHlXcSDC2jYTfhDmqjH+VoC1R/2XAnczUyFzLmhJGaYvl5o12H55C9BAlgss6OivAAAAAElFTkSuQmCC);
  background-size: contain; }
.chat_landing .stickerset .sticker .sound._on{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAWUSURBVHgB1ZtNbBNHFMefIy4JF0odLqXJNhIoXBKT5ACHAM0FpB6Koh6h5UR6K+4R1EKLyDF2bk0Pjaqcm7QHpHCpIUYCRAh2D0GlUmPj9AIuCRK2bwzzn93ZzK699u56/bE/aeL1fnn/897MezOziVDAMMYO8I8YL6PGJwr2abZTc0bZ5eUuL9lIJHKXuhGI4uU8Lyledph/cO0KL19RN2AIu86aE+XEFi+LvGjUbloszM4747c0agdMd8V2CLPzL2ul6zLdagnWeeaY3pEFKk7j5SnrHmBNzc2zR9yI4x8pqu7mO80WL1M8tOTqnVRXYBeLkzQU6SgwBOIkdUXWFMj0RvyUul+cBM8Kkbv2Az0OF1yn8IgDx3n5vtaBKgty613iH4sUPhgv09yKv6s7LQJD1O6cQHscU13V7qLIFDQKL5/wckXdYVrQsN4WhZ8dXoakFVUL3qAWUCqVaW3tIa2vZ+nVq/+pDXxAihVVC8J6GgVIOv2AlpZ+o3K5bO6bmblIk5Mnze8Q/uzZcxoc/JiOHTtC/f0fUgCYVtyHb0bPqVGA4KEXFpaq9mNfNBoVYsCLF9t0507KPD45eYKmpz9rViji+Gle/pAu+jkFCFwxkfjZ/N7X12s5vr6ecbw2nX5I8fh3tLx8m5oAnvkNNqTAMxQQEHfrVtLilvH4jLCMpFKpmNuw5Pj4KLfqQct9ILBJkTFkZPv4nzOkm9QT6DzS6UfcxQqWziOf/88i7sKFL7iIo6KjqQWOoYC1tQdCVLH4WnzHNqx/7twU+UBMfqENxsgj0krFYv1eEW3Jy8OdOnWShoeP0Oxs0iISFvbZJmNw0dPkEbfiUBoBy66upkwvOHQoSlevXjHbbblc8euqaIcjsKAn98QDqeLQtuy1i/YEa7gB94KA1dU/RVsdHDwsRMLyUtjGRlY0if37+8gjwkU1L1egW5eMj4/wuPYlBQGEzs4maG7uphBy9uynQjQsWCpVeNj5hyYmRj3elQ7ARTUvV6AmJT5qtAq194QQGRNxbwR/iVqxHtB6qMPAldWOKJ8vmNuq+EZt3omOCwSqV8Alg6TjAh8/zorsRTIwcNjclqECRKP+UjcIzHm5QG13QYwOCoW9tgWXlO768mVR5LMSVbgHcuhFd71cgdQKvRtAz5ZI/FTV2QwPH+Vt64SX24q4F49/bYac+/cfmcdwfx89KBACs+Qhm5F5o3SfJ0/+qjoHsRK17yaEDAx8JBIChAVZUbCeGtzHxkbIJ2/gohmvV127Fm+YOqFduclAJiZiQqAUl8tt83g4bx5HZbrJiGqASah7sKBngRCXSNwUyXE+v20ZHWxuPrfkkcDNA6InRQxE2qYm602ODTNSINqh5xFFrXRMT8QTFpH9/Qcd74ER/crKbVFRdiDObcpXg10sifcYkzOeregEahsurAZpjOLVUNDbuzcARoZiF4cOB1MbPl1Tcg9/ZBycpwCBSPSI9pE84BXqOITC+RAF91fnbXyA9icmgMWkk7EWgUmnQBcWYZlkcsGMlxBw+fJF0bFI0NviPIwiEOuCyG85W7wihyx7uMgbrEVsbv7NcrkCe/u2xNrEL1KXOm3YEit2ALjnkFxOM3NRo7MJtC12iB/VtUL74gust0H6HH8YqVoMtYwmDCt+S+EErvmDfaW3arhkrK8lKXzM82f/1b6z3hI2hgzHKRxUrQtKag54jROnKRzLabLd1Rz2uXmNBJbs1k7H/2skki4W6epFoIZzMsYNpqi73FW+NpKjoGB7L+O9Y50Fz9C6bIvf/BLTX4ZrN/jN89QOmP72IZLzdlhzx/it9ufIhtBFo3aDFts5YbVguusu8/LaEOtHMESlmP5WcSDCGoYJPzB91RgTmVh7lP9SYA8zOdLngjJGwfRlxilg++U9nLXMrKj8fUYAAAAASUVORK5CYII=); }
.chat_landing .message-landing{
  margin-bottom: 200px; }
.chat_landing .message-landing .views > svg{
  width: 16px; }
.chat_landing .message-landing .message-text{
  margin-left: 0;
  margin-right: 0; }
.chat_landing .message-landing time{
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 16px; }
.chat_landing .message-landing .attach.__video iframe{
  max-width: 100%;
  height: 35em; }
.chat_landing .message-landing .attach.__file{
  margin-left: -8px; }
.chat_landing .message-landing .attach{
  text-align: left; }
.chat_landing .reply{
  position: relative;
  display: block;
  border-left: 2px solid #697CFF;
  margin: 8px 12px 12px 12px;
  max-width: 430px;
  font-size: 14px;
  padding-left: 8px;
  color: #84848E;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  word-break: break-word; }
.chat_landing .reply img{
  display: block;
  max-width: 300px;
  max-height: 200px; }
.chat_landing .reply svg{
  width: 12px;
  height: 12px;
  fill: #84848E; }
.chat_landing .reply .sender{
  font-weight: 600;
  font-size: 14px;
  color: var(--c-text); }
.chat_landing .reply .duration{
  position: absolute;
  bottom: 6px;
  left: 16px;
  background: var(--c-bg-dark);
  color: var(--c-btn-dark-text);
  font-size: 12px;
  border-radius: 12px;
  padding: 0 4px; }
.chat_landing .reply .message-text{
  font-size: 14px;
  line-height: 20px;
  margin: 0 12px;
  padding-bottom: 12px;
  word-wrap: break-word;
  white-space: pre-line; }
.chat_landing .reply .attach.__share .share-content{
  background-color: #f9f9f9; }
.chat_landing .message-link{
  color: inherit;
  cursor: pointer; }
.chat_landing .message-link:hover{
  text-decoration: none;
  color: inherit; }
.chat_landing .message{
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  color: var(--c-msg-text);
  background: var(--c-msg);
  border-radius: 12px;
  text-align: initial;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease; }
.chat_landing .message:hover{
  background: #e5e5e5; }
.chat_landing .message .channel{
  padding: 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
.chat_landing .message .channel .title-block{
  display: inline-block;
  max-width: 85%;
  white-space: nowrap;
  overflow: hidden; }
.chat_landing .message .channel .title{
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  font-weight: 600;
  margin-bottom: 2px;
  font-size: 14px; }
.chat_landing .message .channel msg-icon{
  vertical-align: middle;
  color: var(--c-msg-text);
  position: relative;
  left: -2px;
  top: -2px; }
.chat_landing .message .channel .icon{
  width: 32px;
  height: 32px;
  margin: 0 8px 0 0;
  overflow: hidden;
  min-width: 32px;
  display: inline-block; }
.chat_landing .message .channel .participants{
  color: var(--c-text-sub);
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  top: -2px; }
.chat_landing .message .attach{
  max-width: 100%; }
.chat_landing .message-text{
  font-size: 14px;
  line-height: 20px;
  margin: 0 12px;
  padding-bottom: 12px;
  word-wrap: break-word;
  color: var(--c-text);
  white-space: pre-line; }
.chat_landing .message-meta{
  z-index: 1;
  line-height: 16px;
  color: var(--c-btn-tertiary);
  font-size: 12px;
  vertical-align: middle; }
.chat_landing .message-meta time,
      .chat_landing .message-meta .views{
  display: inline-block; }
.chat_landing .message-meta .views svg{
  vertical-align: -2px;
  fill: var(--c-text-sub);
  width: 12px; }
.chat_landing .forward-label{
  margin: 0 12px;
  margin-top: 4px;
  margin-bottom: 12px; }
.chat_landing .forward-label .sub{
  color: #84848E;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 2px; }
.chat_landing .forward-label .avatar{
  display: inline-block !important;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  vertical-align: middle; }
.chat_landing .forward-label .name{
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  padding-left: 4px; }
.chat_landing .forward-label .official{
  width: 16px;
  height: 16px;
  vertical-align: bottom;
  margin-left: 0px; }
.chat_landing .forward-label + img{
  margin-left: 12px; }
.chat_landing msg-confirm{
  height: 100%;
  position: relative;
  z-index: 20; }
.chat_landing > .header{
  margin: 80px auto 16px;
  max-width: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 48px 0 48px;
  border-bottom: 1px solid var(--c-delimiter); }
.chat_landing .header_tx{
  text-align: left;
  min-height: 92px; }
.chat_landing .content{
  text-align: center;
  color: var(--c-text);
  padding: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.chat_landing .delimiter{
  margin: 32px auto;
  border-bottom: 1px solid var(--c-delimiter);
  max-width: 620px; }
.chat_landing .set{
  position: relative;
  margin: 32px auto;
  max-width: 748px; }
.chat_landing .set-icon{
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  border-radius: 100%; }
.chat_landing .set-title{
  color: var(--c-text);
  font-size: 16px;
  font-weight: 500;
  margin-left: 42px; }
.chat_landing .set-subtitle{
  color: var(--c-text-sub);
  margin-left: 42px; }
.chat_landing .set-subtitle a{
  color: var(--c-link); }
.chat_landing .set .copy-link{
  position: absolute;
  color: var(--c-text-sub);
  right: 0;
  top: 0;
  cursor: pointer; }
.chat_landing .set .copy-link svg{
  vertical-align: middle; }
.chat_landing .entity{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 32px auto; }
.chat_landing .entity.__small .icon{
  height: 48px;
  width: 48px;
  min-width: 48px;
  min-height: 48px; }
.chat_landing .entity.__small .content_h{
  line-height: 20px;
  font-size: 18px;
  max-width: 500px;
  white-space: normal; }
.chat_landing .entity.__small .button{
  float: right; }
    @media (max-width: 888px) {
      .chat_landing .entity.__small .button {
        float: none; }
      .chat_landing .entity.__small .content_block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .chat_landing .entity.__small .content_h {
        margin-left: 0; }
      .chat_landing .entity.__small .content_text {
        padding-left: 0; }
      .chat_landing .entity.__small .content_text.__name {
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin: 0; }
      .chat_landing .entity.__small .button {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        margin-right: 12px; } }
    @media (max-width: 888px) {
      .chat_landing .entity {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        margin: 30px auto; }
        .chat_landing .entity .icon {
          margin: 0 auto;
          margin-bottom: 4px; }
        .chat_landing .entity .official {
          position: static; }
        .chat_landing .entity .content_block {
          margin-top: 8px;
          text-align: center; }
        .chat_landing .entity .content_h {
          margin-right: 0;
          padding-right: 0;
          white-space: normal;
          margin: 0; }
        .chat_landing .entity .content_text {
          padding-right: 0; } }
.chat_landing .pagination{
  margin-top: 8px;
  margin-bottom: 24px; }
.chat_landing .pagination .previous{
  float: left; }
.chat_landing .pagination .next{
  float: right; }
.chat_landing .pagination:after{
  content: ' ';
  display: block;
  clear: both; }
.chat_landing .footer{
  text-align: center;
  margin-bottom: 46px; }
.chat_landing .button{
  display: inline-block;
  position: relative;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  border: 0;
  border-radius: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 8px 8px 0 0;
  text-align: center;
  color: #fff;
  background-color: #697cff;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: background 0.15s, opacity 0.15s, border-color 0.15s;
  transition: background 0.15s, opacity 0.15s, border-color 0.15s;
  white-space: initial; }
.chat_landing .button:hover{
  text-decoration: none;
  background-color: #3d5afe; }
.chat_landing .button.secondary{
  background-color: #ebebeb;
  color: #5c5c69; }
.chat_landing .button.secondary:hover{
  background-color: #ccc; }
.chat_landing .button.__circle{
  padding: 0 8px; }
.chat_landing .button svg{
  vertical-align: text-bottom;
  fill: var(--c-text-sub); }
.chat_landing .content_block{
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-left: 20px;
  overflow: hidden; }
    @media (max-width: 740px) {
      .chat_landing .content_block {
        display: block;
        margin-left: 0; } }
.chat_landing .content_h{
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: normal;
  padding-right: 26px;
  position: relative;
  max-width: 100%; }
.chat_landing .content_h h1{
  font-weight: 600; }
.chat_landing .content_h svg{
  vertical-align: middle; }
    @media (max-width: 740px) {
      .chat_landing .content_h {
        display: block;
        font-size: 24px; } }
.chat_landing .content_text{
  font-size: 14px;
  line-height: 20px;
  color: var(--c-text-sub); }
.chat_landing .content_text.__name{
  margin-bottom: 12px; }
.chat_landing .content_text.__description{
  margin-top: 16px;
  white-space: pre-line; }
.chat_landing .content_text.__controls{
  margin-top: 16px; }
.chat_landing .content_text.__short{
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-height: 60px; }
  @media (max-width: 980px) {
    .chat_landing .content_text {
      padding-right: 24px;
      max-width: 100%;
      font-size: 14px; } }
  @media (max-width: 888px) {
    .chat_landing {
      margin-top: 8px; } }
.chat_landing .official{
  display: inline-block;
  width: 24px;
  margin-left: 4px;
  vertical-align: text-bottom; }
.chat_landing .mob_buttons{
  display: inline-block; }
    @media (max-width: 740px) {
      .chat_landing .mob_buttons {
        display: block; } }
.chat_landing .icon{
  position: relative;
  z-index: 1;
  display: inline-block;
  height: 128px;
  width: 128px;
  min-width: 128px;
  border-radius: 50%;
  background: #f5f5f5 no-repeat center;
  background-size: cover; }
    @media (max-width: 740px) {
      .chat_landing .icon {
        display: block; } }
.chat_landing-header{
  position: relative;
  z-index: 1;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  background: #697cff; }
.chat_landing .back{
  display: block;
  margin-top: 32px;
  color: var(--c-text-sub);
  font-size: 14px; }
.chat_landing .back:hover{
  text-decoration: none;
  color: #334; }
.chat_landing .back svg{
  vertical-align: bottom; }
.chat_landing .grid{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column; }
.chat_landing .attach{
  position: relative;
  overflow: hidden;
  top: 4px;
  text-align: center;
  max-width: 100%; }
.chat_landing .attach.__file{
  margin: 12px;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--c-bg-semi);
  top: 0;
  height: 64px; }
.chat_landing .attach.__file h3{
  display: block;
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 14px;
  margin-left: 64px;
  text-align: left; }
.chat_landing .attach.__file h3,
        .chat_landing .attach.__file .sub{
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px; }
.chat_landing .attach.__file .sub{
  text-align: left;
  margin-left: 64px;
  color: var(--c-text-sub); }
.chat_landing .attach.__file .preview{
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--c-btn-active);
  height: 48px;
  width: 48px;
  top: 8px;
  left: 8px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 14px;
  color: var(--c-text-sub); }
.chat_landing .attach.__file .preview .extension{
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  padding: 0px 4px; }
.chat_landing .attach.__file img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%; }
.chat_landing .attach.__share{
  text-align: left;
  margin: 0 12px 12px; }
.chat_landing .attach.__share a{
  color: inherit; }
.chat_landing .attach.__share a:hover{
  text-decoration: none; }
.chat_landing .attach.__share .share-content{
  padding: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  background-color: var(--c-bg-semi); }
.chat_landing .attach.__share .share-content.__dark{
  background: #f9f9f9; }
.chat_landing .attach.__share .host{
  color: var(--c-text-sub); }
.chat_landing .attach.__share .title{
  max-width: 100%;
  font-size: 14px;
  max-height: 20px;
  line-height: 20px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.chat_landing .attach.__share img{
  max-width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
.chat_landing .attach.__video iframe.__preview{
  width: 100%;
  height: 400px; }
.chat_landing .attach.__audio{
  height: 48px;
  text-align: left; }
.chat_landing .attach.__audio .wave{
  display: inline-block;
  vertical-align: super;
  margin: 0 4px 0 -7px; }
.chat_landing .attach.__audio .start{
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  margin: 0 12px;
  opacity: 1;
  width: 32px;
  height: 32px;
  fill: #5C5C69; }
.chat_landing .attach.__audio .start svg{
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px; }
.chat_landing .attach.__audio .duration{
  display: inline-block;
  font-size: 10px;
  background: var(--c-bg);
  vertical-align: super;
  position: relative;
  top: -5px;
  color: var(--c-text-sub);
  width: 39px;
  height: 18px;
  border-radius: 20px;
  text-align: center;
  line-height: 18px; }
.chat_landing .attach img{
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 2; }
.chat_landing .attach img.blur{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: -5%;
  -webkit-filter: blur(6px);
  filter: blur(6px);
  width: 110%;
  max-width: 110%;
  z-index: 1; }
.chat_landing .pin{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin-left: -24px; }
.chat_landing .pin svg{
  height: 48px;
  width: 48px; }
.chat_landing .start{
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  background: var(--c-bg);
  border-radius: 100%;
  cursor: pointer;
  width: 48px;
  height: 48px;
  margin: -24px;
  color: var(--c-text);
  opacity: 0.8;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s; }
.chat_landing .start:hover{
  opacity: 1; }
.chat_landing .start svg{
  color: inherit !important;
  position: absolute;
  margin: -12px 0 0 -12px;
  top: 50%;
  left: 50%;
  height: 24px;
  width: 24px; }
.logo{
  color: #fff;
  fill: #fff;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.tamtam-logo{
  height: 36px;
  width: 36px;
  margin-right: 2px; }
.tamtam-logo_tx{
  height: 42px;
  width: 78px; }
  @media (max-width: 980px) {
    .tamtam-logo_tx {
      display: none; } }
.store{
  display: inline-block;
  vertical-align: middle;
  opacity: .9; }
.store:hover{
  opacity: 1; }
.store .full{
  height: 32px;
  width: 116px;
  display: block; }
.store .compact{
  height: 32px;
  width: 32px;
  display: none; }
.store:not(:first-of-type){
  margin-left: 12px; }
  @media (max-width: 1140px) {
    .store .full {
      display: none; }
    .store .compact {
      display: block; } }

@media (max-width: 980px) {
  .tamtam-logo_tx {
    display: none; } }

@media (max-width: 740px) {
  .menu.__ios .store.__ios,
  .menu.__android .store.__android {
    display: inline-block; } }
.menu{
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff; }
:host-context(.show-consent) .menu{
  top: 48px; }
.menu::after{
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ff9900;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }
.menu.__ok::after{
  -webkit-transform: scaleY(1);
  transform: scaleY(1); }
.menu_cnt{
  height: 48px;
  max-width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.menu.__vis > .menu-list .menu-ico svg{
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
.menu_i{
  margin-right: 0;
  margin-left: 24px;
  padding: 6px 0 4px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
  color: #5c5c69;
  text-decoration: none;
  border-bottom: 2px solid transparent; }
  @media (max-width: 740px) {
    .menu_i {
      margin: 0; } }
.menu_i:hover{
  color: #334;
  text-decoration: none; }
.menu_i.__active{
  border-bottom-color: #5c5c69; }
.menu_i.__active:hover{
  border-bottom-color: #334; }
.menu_i.__lang{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 32px 0 0;
  cursor: pointer; }
    @media (max-width: 980px) {
      .menu_i.__lang {
        margin-right: 8px; } }
.menu_i .lang-ico{
  font-size: 14px;
  display: none; }
    @media (max-width: 980px) {
      .menu_i .lang-ico {
        display: block; } }
.menu_i .lang-text{
  margin-left: 4px; }
    @media (max-width: 980px) {
      .menu_i .lang-text {
        display: none; } }
.menu_title{
  position: relative;
  display: none;
  font-size: 16px;
  color: #5c5c69;
  font-weight: 500;
  margin: 0;
  padding: 8px 20px 8px 0;
  cursor: pointer; }
.menu-ico{
  display: none;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  color: #334;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  -webkit-transform-origin: 50%;
  transform-origin: 50%; }
.menu-ico svg{
  display: block;
  height: 16px;
  width: 16px;
  fill: #334;
  -webkit-transition: -webkit-transform .3s .3s;
  transition: -webkit-transform .3s .3s;
  transition: transform .3s .3s;
  transition: transform .3s .3s, -webkit-transform .3s .3s;
  -webkit-transform-origin: 50%;
  transform-origin: 50%; }
.menu-list{
  height: 100%;
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }
.controls{
  margin-left: auto; }
.read-more{
  position: relative; }
.read-more__content{
  z-index: 0;
  overflow: hidden; }
.read-more__content__container{
  cursor: pointer;
  position: relative;
  -webkit-transition: max-height 0.8s;
  transition: max-height 0.8s;
  max-height: 300px; }
.read-more__toggle{
  margin-top: 2px;
  z-index: 10; }
.read-more:hover .read-more__toggle,
    .read-more__content:hover + .read-more__toggle{
  text-decoration: underline; }
.read-more.__collapsed .read-more__content > .read-more__content__container{
  text-overflow: ellipsis;
  max-height: 135px; }
.read-more.__collapsed .read-more__content > .read-more__content__container:before{
  opacity: 1; }

@media (max-width: 980px) {
  .menu_title {
    display: inline-block; }
  .menu_i {
    display: block;
    padding: 16px 20px;
    margin: 0;
    border-bottom: 0;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .menu_i.__active {
      border-left: 3px solid #697cff;
      padding-left: 13px; }
    .menu_i.__lang {
      padding: 6px 0 4px; }
  .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    min-width: 200px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transition: opacity 0.15s, visibility 0.15s, -webkit-transform 0.15s;
    transition: opacity 0.15s, visibility 0.15s, -webkit-transform 0.15s;
    transition: opacity 0.15s, visibility 0.15s, transform 0.15s;
    transition: opacity 0.15s, visibility 0.15s, transform 0.15s, -webkit-transform 0.15s;
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s; }
    .dropdown .menu_i {
      border-top: 1px solid rgba(92, 92, 105, 0.1); }
      .dropdown .menu_i:hover {
        background: #f5f5f5; }
  .menu.__vis .dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .menu-ico {
    display: block; } }
.upgrade{
  color: #5c5c69;
  font: 14px system-ui, "Segoe UI", Arial, Helvetica, sans-serif;
  line-height: 1.6;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  display: none; }
.unsupported .upgrade{
  display: block; }
.upgrade-wrap{
  text-align: center;
  width: 880px;
  max-width: 100%;
  padding: 140px 40px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  color: #334; }
.upgrade p{
  margin: 4px 0; }
.upgrade-title{
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 16px;
  color: #334; }
.upgrade-browser{
  display: block;
  list-style: none;
  margin: 48px 0 0;
  padding: 0;
  text-align: center; }
.upgrade-browser li{
  display: inline-block;
  margin: 0 20px 20px;
  font-size: 14px;
  max-width: 80px; }
.upgrade-browser a{
  text-decoration: none;
  color: inherit; }
.upgrade-browser a:hover{
  text-decoration: underline; }
.upgrade-browser img{
  display: inline-block;
  height: 70px;
  width: auto;
  margin-bottom: 12px;
  border: 0; }
.upgrade .menu{
  font-family: system-ui, "Segoe UI", Arial, Helvetica, sans-serif; }
.upgrade .menu_i.__right{
  margin-left: auto; }
.upgrade .store-logos{
  position: relative;
  z-index: 10; }
.upgrade .chat_landing-header{
  height: 80px;
  min-height: 0;
  padding-bottom: 64px;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
.upgrade .chat_landing-header:after{
  border-width: 110px;
  border-right-width: 0;
  border-left-width: 2000px; }
.upgrade .tt-logo{
  height: 56px;
  width: 154px;
  background: url("//web.tamtam.chat/-/images/logo/logo_1b0362ea.png") center no-repeat;
  margin-top: 16px; }
.upgrade .store{
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  height: 40px;
  width: 136px;
  background-size: 136px 40px; }
.upgrade .store.__android-ru{
  background-image: url(//web.tamtam.chat/-/images/auth/store/playmarket-ru_db3012bc.png); }
.upgrade .store.__android-en{
  background-image: url(//web.tamtam.chat/-/images/auth/store/playmarket-en_86b733a1.png); }
.upgrade .store.__ios-ru{
  background-image: url(//web.tamtam.chat/-/images/auth/store/appstore-ru_2425258e.png); }
.upgrade .store.__ios-en{
  background-image: url(//web.tamtam.chat/-/images/auth/store/appstore-en_fadd659b.png); }
    @media (max-width: 620px) {
      .upgrade .store {
        display: block;
        margin-bottom: 8px; } }
.link{
  color: var(--c-highlight);
  text-decoration: none; }
.link:hover{
  text-decoration: underline; }
.emoji{
  width: 1em;
  height: 1em;
  font-size: 1.2em;
  vertical-align: -.2em;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimizeQuality; }
.base-input{
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
  font-size: inherit; }
.base-input.__error{
  border-color: #ff5756; }
.base-input::-webkit-input-placeholder{
  color: #8a8a95;
  display: inline-block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
.base-input::-moz-placeholder{
  color: #8a8a95;
  display: inline-block;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s; }
.base-input:-ms-input-placeholder{
  color: #8a8a95;
  display: inline-block;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s; }
.base-input::-ms-input-placeholder{
  color: #8a8a95;
  display: inline-block;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s; }
.base-input::placeholder{
  color: #8a8a95;
  display: inline-block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
.base-input:focus::-webkit-input-placeholder{
  opacity: .5; }
.base-input:focus::-moz-placeholder{
  opacity: .5; }
.base-input:focus:-ms-input-placeholder{
  opacity: .5; }
.base-input:focus::-ms-input-placeholder{
  opacity: .5; }
.base-input:focus::placeholder{
  opacity: .5; }
main[app]:not(.__native-scroll) .custom-scrollbar{
  scrollbar-face-color: #fff;
  scrollbar-arrow-color: #ccc;
  scrollbar-track-color: #ddd;
  scrollbar-shadow-color: #ddd;
  scrollbar-highlight-color: #ddd;
  scrollbar-3dlight-color: #ddd;
  scrollbar-darkshadow-Color: #ddd; }
main[app]:not(.__native-scroll) .custom-scrollbar::-webkit-scrollbar-track{
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: var(--c-scrollbar); }
main[app]:not(.__native-scroll) .custom-scrollbar::-webkit-scrollbar{
  width: 6px;
  height: 6px; }
main[app]:not(.__native-scroll) .custom-scrollbar::-webkit-scrollbar-thumb{
  min-height: 40px;
  border-radius: 0;
  background-color: var(--c-scrollbar-thumb);
  border-radius: 1px;
  border: 0;
  background-clip: padding-box; }
main[app]:not(.__native-scroll) .custom-scrollbar::-webkit-scrollbar-thumb:hover{
  background-color: var(--c-scrollbar-thumb-hover); }
msg-login .country msg-country-picker{
  height: 184px !important; }
msg-accordion[open] .container:not(.__expanding) .switch{
  top: 44px; }
msg-accordion[open] .container:not(.__expanding) .search{
  top: 40px; }
msg-dialog slot[name="buttons"] msg-button{
  margin: 0 4px; }
.unread msg-tico .tico_tx{
  display: inline; }
msg-message[pinned] msg-message-attachments msg-message-share-attach[compact]{
  margin-right: 8px;
  margin-left: 8px;
  margin-bottom: 20px; }
msg-message[pinned] msg-message-attachments msg-message-attachment-photo{
  margin: 0; }
body > video{
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  left: -100px !important;
  top: -100px !important;
  visibility: hidden; }

@media (max-width: 1130px) {
  .content_w.__info .tabs_i .text {
    display: none; }
  .content_w.__info .tabs_i .icon {
    display: inline-block; } }
aside.__collapsed slot[name=badge]:not(:empty),
  aside.__collapsed slot[name=badge-compact]:not(:empty){
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1); }
aside.__collapsed .my-unread{
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1); }
.messenger_side.__will-collapse msg-chat-item-container[foldable][compact] slot[name=title],
  .messenger_side.__collapsed:not(.active) msg-chat-item-container[foldable][compact] slot[name=title]{
  opacity: 0;
  visibility: hidden; }
.messenger_side.__will-collapse msg-chat-item-container[foldable][compact] slot[name=image],
  .messenger_side.__collapsed:not(.active) msg-chat-item-container[foldable][compact] slot[name=image]{
  -webkit-transform: translateX(8px);
  transform: translateX(8px); }
.messenger_side.__will-collapse msg-search-results .h4,
  .messenger_side.__collapsed:not(.active) msg-search-results .h4{
  width: 72px;
  -webkit-transition: width 0.3s;
  transition: width 0.3s; }
.messenger_side.__will-collapse msg-search-results .header-more,
  .messenger_side.__collapsed:not(.active) msg-search-results .header-more{
  opacity: 0;
  visibility: hidden;
  max-width: 0;
  -webkit-transition: opacity 0.15s 0.15s, visibility 0.15s 0.15s, max-width 0.15s;
  transition: opacity 0.15s 0.15s, visibility 0.15s 0.15s, max-width 0.15s; }
.messenger_side.__will-collapse slot[name=badge]:not(:empty),
  .messenger_side.__will-collapse slot[name=badge-compact]:not(:empty),
  .messenger_side.__collapsed:not(.active) slot[name=badge]:not(:empty),
  .messenger_side.__collapsed:not(.active) slot[name=badge-compact]:not(:empty){
  display: block; }
.messenger_side.__will-collapse slot[name=badge]:not(:empty),
  .messenger_side.__collapsed:not(.active) slot[name=badge]:not(:empty){
  -webkit-transform: translate(-182px, 6px);
  transform: translate(-182px, 6px); }
.messenger_side.__will-collapse slot[name=badge]:not(:empty) .my-unread,
    .messenger_side.__collapsed:not(.active) slot[name=badge]:not(:empty) .my-unread{
  -webkit-transform: translate(182px, -6px);
  transform: translate(182px, -6px); }
.messenger_side.__will-collapse slot[name=badge-compact]:not(:empty),
  .messenger_side.__collapsed:not(.active) slot[name=badge-compact]:not(:empty){
  -webkit-transform: translate(-188px, 8px);
  transform: translate(-188px, 8px); }
.messenger_side.__will-collapse slot[name=badge-compact]:not(:empty) .my-unread,
    .messenger_side.__collapsed:not(.active) slot[name=badge-compact]:not(:empty) .my-unread{
  -webkit-transform: translate(188px, -8px);
  transform: translate(188px, -8px); }
.messenger_side.__will-collapse msg-chat-item-container.__favorite slot[name=badge-compact]:not(:empty),
  .messenger_side.__collapsed:not(.active) msg-chat-item-container.__favorite slot[name=badge-compact]:not(:empty){
  -webkit-transform: translate(-164px, 8px);
  transform: translate(-164px, 8px); }
.messenger_side.__will-collapse msg-chat-item-container.__favorite slot[name=badge-compact]:not(:empty) .my-unread,
    .messenger_side.__collapsed:not(.active) msg-chat-item-container.__favorite slot[name=badge-compact]:not(:empty) .my-unread{
  -webkit-transform: translate(164px, -8px);
  transform: translate(164px, -8px); }
.messenger_side.__collapsed.active msg-search-results .h4{
  width: 260px; }
.messenger_side.__collapsed.active msg-search-results .header-more{
  opacity: 1;
  visibility: visible;
  max-width: 100px; }
.messenger_side.__collapsed.active slot[name=badge],
  .messenger_side.__collapsed.active slot[name=badge-compact]{
  -webkit-transform: translateX(0);
  transform: translateX(0); }
.messenger_side.__collapsed.active msg-chat-item-container[foldable][compact] slot[name=title]{
  opacity: 1;
  visibility: visible; }
.messenger_side.__collapsed.active msg-chat-item-container[foldable][compact] slot[name=image]{
  -webkit-transform: translateX(0);
  transform: translateX(0); }
.messenger_side.__collapsed.active .chats-panel_top-normal{
  -webkit-transform: translateX(0);
  transform: translateX(0); }
.messenger_side.__collapsed.active .expanded{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1; }
.messenger_side.__collapsed.active .bind-phone .requires-update_tx{
  display: block; }
.messenger_side.__will-collapse slot[name=badge]:not(:empty),
  .messenger_side.__will-collapse slot[name=badge-compact]:not(:empty){
  -webkit-transition-duration: 0s;
  transition-duration: 0s; }
msg-chats-list-item[selected] .online,
  msg-chats-list-item[active] .online,
  msg-user-picker-list-item.active .online,
  msg-contact-picker-item.active .online,
  msg-message-container.__selected .online,
  msg-chat-participants-list-item msg-chat-item-container:hover .online{
  border-color: var(--c-active); }
main.__bg msg-message-container.__bg > .content{
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.3);
  border-color: transparent; }
main.__bg msg-message-container.__bg.__mine > .content{
  border-color: transparent; }

@media (max-width: 680px) {
  msg-theme-settings msg-message-container {
    padding-left: 20px !important;
    padding-right: 20px !important; } }
msg-theme-settings msg-message-container{
  -webkit-transition: unset !important;
  transition: unset !important; }
msg-theme-settings msg-message-container.__promode{
  padding-left: 12px !important;
  padding-right: 20px !important; }
/** Хаки для MAPBOX **/
.msg-overlay canvas.mapboxgl-canvas{
  cursor: default; }
canvas.mapboxgl-canvas{
  outline: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(1);
  transform: scale(1); }
main[theme="dark"] msg-map{
  --c-btn-text: var(--c-btn);
  --c-active: var(--c-link); }
msg-map msg-bubble slot[name="bubble"].__active{
  background-color: #fff; }
msg-map msg-bubble msg-menu-item{
  color: var(--c-btn-text); }
msg-map msg-bubble msg-menu-item:hover{
  background: var(--c-active);
  color: #334; }
msg-map > .map.mapboxgl-map .mapboxgl-control-container > .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-attrib.mapboxgl-compact{
  display: none; }
msg-map > .map.mapboxgl-map .mapboxgl-ctrl-group{
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: var(--ui-shadow);
  box-shadow: var(--ui-shadow);
  margin: 0 8px 8px 0;
  width: 32px; }
msg-map > .map.mapboxgl-map .mapboxgl-ctrl-group button{
  height: 32px;
  width: 32px; }
msg-map > .map.mapboxgl-map .mapboxgl-ctrl.mapboxgl-ctrl-group .mapboxgl-ctrl-icon{
  width: 32px;
  height: 32px;
  opacity: .7; }
msg-map > .map.mapboxgl-map .mapboxgl-ctrl.mapboxgl-ctrl-group .mapboxgl-ctrl-icon:after{
  display: block;
  content: '';
  width: 32px;
  height: 32px; }
msg-map > .map.mapboxgl-map .mapboxgl-ctrl.mapboxgl-ctrl-group .mapboxgl-ctrl-zoom-in:after{
  -webkit-mask: url(//web.tamtam.chat/-/images/map/plus_3087de37.svg) no-repeat 50% 50%;
  mask: url(//web.tamtam.chat/-/images/map/plus_3087de37.svg) no-repeat 50% 50%; }
msg-map > .map.mapboxgl-map .mapboxgl-ctrl.mapboxgl-ctrl-group .mapboxgl-ctrl-zoom-out:after{
  -webkit-mask: url(//web.tamtam.chat/-/images/map/minus_62f95d56.svg) no-repeat 50% 50%;
  mask: url(//web.tamtam.chat/-/images/map/minus_62f95d56.svg) no-repeat 50% 50%; }
msg-map > .map.mapboxgl-map .mapboxgl-ctrl.mapboxgl-ctrl-group .mapboxgl-ctrl-geolocate:before{
  display: none; }
msg-map > .map.mapboxgl-map .mapboxgl-ctrl.mapboxgl-ctrl-group .mapboxgl-ctrl-geolocate:after{
  -webkit-mask: url(//web.tamtam.chat/-/images/map/mylocation_77900b34.svg) no-repeat 50% 50%;
  mask: url(//web.tamtam.chat/-/images/map/mylocation_77900b34.svg) no-repeat 50% 50%; }

[e-u69or7-host] {
  display: block;
  height: 100%;
  font-size: 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  --msg-padding: 1px 46px 1px 52px;
  --msg-control-width: 68px;
  --msg-border-radius: 4px 12px 12px 4px;
  --msg-border-radius-mine: 12px 4px 4px 12px; }

.show-consent [e-u69or7-host] {
  padding-top: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-u69or7].bg {
  --c-tint: #fff;
  background: var(--c-tint) -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)));
  background: var(--c-tint) linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  [e-u69or7].bg.__dark {
    --c-tint: #223; }

main[e-u69or7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  min-height: 100%;
  height: 100%;
  max-width: 1680px;
  min-width: 420px;
  margin: 0 auto;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15); }
  main[e-u69or7].__landing {
    min-width: 0; }
  main[e-u69or7].__landing, main[e-u69or7].__wide {
    max-width: 100%; }
  main[e-u69or7].is-mobile {
    width: 100%;
    min-width: 0;
    max-width: 100%; }
  main[e-u69or7][app="DESKTOP"][os="Windows"]::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    z-index: 10;
    background: var(--c-delimiter); }
  main[e-u69or7] ::-moz-selection {
    background-color: var(--c-selection); }
  main[e-u69or7] ::selection {
    background-color: var(--c-selection); }

msg-login[e-u69or7] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

msg-landing[e-u69or7] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0; }

msg-toast[e-u69or7] {
  position: absolute;
  left: 50%;
  bottom: 32px;
  z-index: 5000;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
  msg-toast[e-u69or7][align="bottom"] {
    bottom: 72px; }

msg-page[e-u69or7] {
  width: 100%;
  height: 100%; }

@-webkit-keyframes show-toast-e-u69or7 {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 25%);
            transform: translate(-50%, 25%); } }

@keyframes show-toast-e-u69or7 {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 25%);
            transform: translate(-50%, 25%); } }

@-webkit-keyframes hide-toast-e-u69or7 {
  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 0) scale(1.15);
            transform: translate(-50%, 0) scale(1.15); } }

@keyframes hide-toast-e-u69or7 {
  to {
    opacity: 0;
    -webkit-transform: translate(-50%, 0) scale(1.15);
            transform: translate(-50%, 0) scale(1.15); } }

msg-confirm[e-u69or7] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 102; }
  msg-confirm[e-u69or7]:empty {
    display: none; }

msg-cookie-consent[e-u69or7] {
  display: none; }

.show-consent [e-u69or7-host] msg-cookie-consent[e-u69or7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

msg-settings-unbind-ok[e-u69or7] {
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 15px var(--c-tint);
          box-shadow: 0 2px 15px var(--c-tint);
  width: 450px; }

svg[e-u69or7].mask {
  position: absolute;
  left: -48px;
  top: 0;
  width: 48px;
  height: 48px; }

[e-u69or7].contents {
  --c-tint: #fff;
  height: 100%;
  width: 100%;
  background: var(--c-tint) -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)));
  background: var(--c-tint) linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)); }
  [e-u69or7].contents.__dark {
    --c-tint: #223; }
  [e-u69or7].contents.__app {
    background: transparent; }
[e-u69or7-host] .bold{
  font-weight: bold; }
[e-u69or7-host] .italic{
  font-style: italic; }
[e-u69or7-host] .code, [e-u69or7-host] .monospace{
  font-family: 'JetBrains Mono', 'Fira Code', 'PT Mono', Menlo, 'Courier New', monospace;
  white-space: pre-wrap; }
[e-u69or7-host] .underline{
  text-decoration: underline; }
[e-u69or7-host] .underline.strike{
  -webkit-text-decoration: underline strike;
  text-decoration: underline strike; }
[e-u69or7-host] .strike{
  text-decoration: line-through; }
[e-u69or7-host] .highlighted{
  color: #697cff; }
[e-u69or7-host] .highlight{
  background-color: var(--c-highlight);
  color: var(--c-highlight-fg) !important;
  border: 2px solid var(--c-highlight);
  border-radius: 2px; }
[e-u69or7-host] .hashtag{
  color: var(--c-link);
  text-decoration: underline;
  cursor: pointer; }
[e-u69or7-host] .command{
  color: var(--c-highlight);
  cursor: pointer; }
[e-u69or7-host] .command:hover{
  text-decoration: underline;
  color: var(--c-link-hover); }
[e-u69or7-host] .heading{
  font-size: 1.42em;
  font-weight: bold; }
[e-u69or7-host] .mention:not(.monospace){
  color: var(--c-highlight); }
[e-u69or7-host] .marked:not(.link){
  color: #FB372B; }
[e-u69or7-host] .md-link-label{
  color: #4385cc; }
[e-u69or7-host] .aspect-media{
  --width: 400;
  --height: 300;
  --min-height: 0px;
  width: calc(1px * var(--width));
  min-width: 100%;
  max-width: 100%;
  padding-bottom: max(var(--min-height), calc(100% * var(--height) / var(--width))); }
[e-u69or7-host] .aspect-media img, [e-u69or7-host] .aspect-media video, [e-u69or7-host] .aspect-media iframe{
  height: 100%;
  min-width: 100%;
  width: auto;
  position: absolute;
  top: 0;
  left: 0; }
@supports (aspect-ratio: 2/1){
  [e-u69or7].aspect-media{
    padding-bottom: 0;
    min-height: var(--min-height);
    aspect-ratio: var(--width)/var(--height); }
  [e-u69or7].aspect-media img[e-u69or7], [e-u69or7].aspect-media video[e-u69or7], [e-u69or7].aspect-media iframe[e-u69or7]{
    position: static; } }
[e-u69or7-host] .pulsate{
  -webkit-animation: pulsate 0.25s ease-out;
  animation: pulsate 0.25s ease-out; }
[e-u69or7-host] .tooltip{
  padding: 8px 12px;
  min-width: var(--bubble-min-width);
  min-height: var(--bubble-min-height);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  white-space: nowrap;
  background-color: var(--c-tint-active);
  border-radius: 8px; }
[e-u69or7-host] img{
  -webkit-touch-callout: none; }
@-webkit-keyframes msg-pop-in{
  from{
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; } }
@keyframes msg-pop-in{
  from{
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; } }
@-webkit-keyframes msg-pop-out{
  to{
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; } }
@keyframes msg-pop-out{
  to{
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; } }
@-webkit-keyframes msg-fade-in{
  from{
    opacity: 0; } }
@keyframes msg-fade-in{
  from{
    opacity: 0; } }
@-webkit-keyframes msg-fade-out{
  to{
    opacity: 0; } }
@keyframes msg-fade-out{
  to{
    opacity: 0; } }
@-webkit-keyframes dialog-show{
  from{
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; }
  to{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes dialog-show{
  from{
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; }
  to{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes dialog-hide{
  from{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to{
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; } }
@keyframes dialog-hide{
  from{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to{
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; } }
@-webkit-keyframes msg-pop-full{
  from{
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  to{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes msg-pop-full{
  from{
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  to{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes pulsate{
  from{
    -webkit-transform: scale(1);
    transform: scale(1); }
  50%{
    -webkit-transform: scale(1.4);
    transform: scale(1.4); }
  100%{
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes pulsate{
  from{
    -webkit-transform: scale(1);
    transform: scale(1); }
  50%{
    -webkit-transform: scale(1.4);
    transform: scale(1.4); }
  100%{
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes dialog-show-mob{
  from{
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0; } }
@keyframes dialog-show-mob{
  from{
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0; } }
@-webkit-keyframes dialog-hide-mob{
  to{
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0; } }
@keyframes dialog-hide-mob{
  to{
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0; } }
[e3m4pxd-host] {
  display: inline-block;
  padding: 12px 20px;
  background-color: rgba(51, 51, 68, 0.8);
  border: 1px solid #fff;
  border-radius: 100px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  cursor: default;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow); }
[e-wyqoft-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[e-wyqoft].body {
  white-space: pre-line; }

h4[e-wyqoft] {
  margin: 0;
  display: inline;
  font-weight: 500; }

msg-button[e-wyqoft] {
  margin-left: 4px;
  margin-right: 4px; }

msg-dialog[e-wyqoft] {
  position: relative;
  z-index: 2;
  --content-overflow: visible; }

[e-wyqoft].overlay {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--c-overlay); }

@-webkit-keyframes overlay-show-e-wyqoft {
  from {
    opacity: 0; } }

@keyframes overlay-show-e-wyqoft {
  from {
    opacity: 0; } }

@-webkit-keyframes overlay-hide-e-wyqoft {
  to {
    opacity: 0; } }

@keyframes overlay-hide-e-wyqoft {
  to {
    opacity: 0; } }

.is-mobile [e-wyqoft-host] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .is-mobile [e-wyqoft-host] msg-dialog[e-wyqoft] {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%; }
[el3axib-host] {
  display: inline-block;
  position: relative;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  text-align: center;
  color: var(--c-btn-text);
  cursor: pointer;
  -webkit-transition: background 0.15s, opacity 0.15s, border-color 0.15s;
  transition: background 0.15s, opacity 0.15s, border-color 0.15s; }
  [el3axib-host]:hover {
    color: var(--c-text); }
  .is-mobile [el3axib-host] [el3axib-host] {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

[el3axib-host][size=small] {
  padding-left: 8px;
  padding-right: 8px; }

[el3axib-host][size="small"][shape="circle"] {
  border: 2px solid transparent;
  background-clip: content-box; }

[el3axib-host][size="small"][shape="square"] {
  border: 2px solid transparent;
  background-clip: padding-box; }

[el3axib-host][shape="circle"] {
  width: 32px;
  min-width: 32px;
  padding: 0; }

[el3axib-host][size="large"][shape="circle"] {
  border-radius: 50%;
  height: 48px;
  width: 48px;
  min-width: 48px; }

[el3axib-host][role="primary"] {
  background-color: #697cff;
  color: #fff; }

[el3axib-host][role="primary"]:not([disabled]):hover {
  background-color: #3d5afe;
  color: #fff; }

[el3axib-host][role="secondary"] {
  background-color: var(--c-btn);
  color: var(--c-btn-text); }

[el3axib-host][role="secondary"]:not([disabled]):hover,[el3axib-host][role="secondary"].__active {
  color: var(--c-btn-text);
  background-color: var(--c-btn-active); }

[el3axib-host][role="message"] {
  background-color: var(--c-msg);
  color: var(--c-btn-text); }

[el3axib-host][role="message"]:not([disabled]):hover,[el3axib-host][role="message"].__active {
  color: var(--c-btn-text);
  background-color: var(--c-btn-active); }

[el3axib-host][role="inverted"] {
  background-color: #75757c;
  color: #fff; }

[el3axib-host][role="inverted"]:not([disabled]):hover {
  background-color: #8a8a95;
  color: #fff; }

[el3axib-host][role="dark"] {
  background-color: var(--c-btn-dark);
  color: var(--c-btn-dark-text); }

[el3axib-host][role="dark"]:not([disabled]):hover {
  background-color: var(--c-btn-dark-active);
  color: var(--c-btn-dark-text); }

[el3axib-host][role="promo"] {
  color: #697cff;
  background-color: var(--c-btn); }

[el3axib-host][role="promo"]:not([disabled]):hover {
  color: #697cff;
  background-color: var(--c-btn-active); }

[el3axib-host][role="float"] {
  background-color: var(--c-bg);
  color: var(--c-btn-text);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }

[el3axib-host][role="float"]:not([disabled]):hover,[el3axib-host][role="float"].__active {
  color: var(--c-btn-text);
  background-color: var(--c-btn); }

[el3axib-host][disabled] {
  opacity: 0.2;
  cursor: default;
  pointer-events: none; }

slot[el3axib] {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

slot[slotted][el3axib] > msg-icon {
  color: inherit;
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

[el3axib].tooltip {
  position: absolute;
  z-index: 1;
  max-width: 250px;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  padding: 8px;
  color: #fff;
  font-size: 11px;
  white-space: nowrap;
  background-color: var(--c-tint-active);
  border-radius: 8px; }
  [el3axib-host]:hover [el3axib].tooltip {
    opacity: 1; }
[ejr5knf-host] {
  --content-overflow: auto;
  --dialog-scroll-height: 80vh;
  display: block;
  width: 400px;
  line-height: 1.4;
  border-radius: 4px;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  background: var(--c-bg);
  color: var(--c-text);
  font-size: 14px;
  z-index: 2; }

[ejr5knf].header {
  padding: 16px 24px;
  border-radius: 4px 4px 0 0;
  background: var(--c-active);
  font-weight: 500;
  word-wrap: break-word;
  position: relative;
  line-height: 16px; }

[ejr5knf].close {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer; }

slot[ejr5knf][name=header] {
  display: block;
  margin-right: 16px; }

slot[ejr5knf]:not([name]) {
  display: block;
  padding: 16px 24px 20px;
  word-wrap: break-word;
  word-break: break-word;
  max-height: var(--dialog-scroll-height);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: var(--content-overflow); }
  .is-mobile [ejr5knf-host] slot[ejr5knf]:not([name]) {
    max-height: calc(100% - 112px); }

slot[ejr5knf][name=buttons] {
  display: block;
  padding: 16px;
  text-align: center; }
  slot[ejr5knf][name=buttons]:empty {
    display: none; }

[ejr5knf-host].__themes {
  width: 630px; }
  [ejr5knf-host].__themes slot[ejr5knf]:not([name]) {
    padding: 0; }

[ejr5knf-host].__settings:not(.__mobile) {
  width: 532px; }

[ejr5knf-host].__settings slot[ejr5knf]:not([name]) {
  padding: 0; }

[ejr5knf-host].__sets:not(.__mobile) {
  width: 532px; }
  [ejr5knf-host].__sets:not(.__mobile) slot[ejr5knf]:not([name]) {
    padding: 0;
    max-height: 50vh; }

[ejr5knf-host].__sets [ejr5knf].header {
  padding-top: 0;
  padding-bottom: 0; }

[ejr5knf-host].__sets.__mobile {
  height: 100%; }

[ejr5knf-host].__assets {
  width: 456px; }
  [ejr5knf-host].__assets slot[ejr5knf]:not([name]) {
    padding: 0; }

[ejr5knf-host].__forward {
  width: 456px; }
  [ejr5knf-host].__forward slot[ejr5knf]:not([name]) {
    height: 80vh;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

@media (max-width: 680px) {
  [ejr5knf-host].__themes,[ejr5knf-host].__settings {
    width: 460px; } }

.is-mobile [ejr5knf-host] {
  width: 100%; }

[ejr5knf-host].__read-participants {
  width: 704px;
  height: 448px;
  --dialog-scroll-height: 384px;
  overflow: hidden; }
  [ejr5knf-host].__read-participants [ejr5knf].header {
    padding: 24px 20px;
    font-size: 16px; }
  [ejr5knf-host].__read-participants [ejr5knf].close {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  [ejr5knf-host].__read-participants slot[ejr5knf]:not([name]) {
    padding: 0; }
[e-dvz7b7-host] {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  color: inherit;
  -webkit-transition: color 0.15s;
  transition: color 0.15s; }

[e-dvz7b7-host].__active,[e-dvz7b7-host].__active:hover {
  color: #697cff !important; }

[e-dvz7b7-host][size="large"] {
  min-width: 24px;
  width: 24px;
  height: 24px; }

[e-dvz7b7-host][size="medium"] {
  min-width: 16px;
  width: 16px;
  height: 16px; }

[e-dvz7b7-host][size="small"] {
  min-width: 12px;
  width: 12px;
  height: 12px; }

[e-dvz7b7-host][size="xl"] {
  min-width: 48px;
  width: 48px;
  height: 48px; }

[e-dvz7b7-host][icon="msg-logo"] {
  color: #ff8c2b; }

[e-dvz7b7-host][icon="send-contact"] {
  margin-top: -1px; }

/* /Icon element
---------------------------------------------------------------------------------- */

[e-dvz7b7-host] svg {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit; }

[e-dvz7b7-host] .svg-fill {
  color: inherit;
  fill: currentColor; }

[e-dvz7b7-host] .svg-stroke {
  color: inherit;
  stroke: currentColor; }
[e-j82bcu][slot=actions] {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 8px;
  text-align: right; }

[e-j82bcu][slot=actions] msg-button[e-j82bcu] {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

[e-j82bcu][slot=actions] [e-j82bcu].undo {
  margin-left: 28px; }

msg-l10n[e-j82bcu][slot=info] {
  display: block;
  font-size: 14px;
  color: #a8a8a8;
  margin: 16px; }

msg-l10n[e-j82bcu][slot=error] {
  display: block;
  font-size: 14px;
  color: #ff5756;
  margin: 16px; }

[e-j82bcu].buttons {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: left 0.3s, -webkit-transform 0.3s;
  transition: left 0.3s, -webkit-transform 0.3s;
  transition: left 0.3s, transform 0.3s;
  transition: left 0.3s, transform 0.3s, -webkit-transform 0.3s; }
  .is-mobile [e-j82bcu-host] [e-j82bcu].buttons.__more {
    left: 0;
    -webkit-transform: none;
            transform: none; }
/* Main
-------------------------------------------------- */
[e1qwj43-host] {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 6;
  overflow: hidden;
  background-color: var(--c-overlay-dark);
  text-align: center; }

[theme=mojave] [e1qwj43-host] {
  background-color: var(--c-overlay-dark); }

.is-mobile [e1qwj43-host] {
  z-index: 7; }

[e1qwj43].container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 50px;
  white-space: nowrap; }
  [e1qwj43].container.__navigation [e1qwj43].inner,
  [e1qwj43].container.__navigation msg-img[e1qwj43] {
    cursor: none; }

[e1qwj43].inner {
  position: relative;
  height: 100%;
  width: 100%;
  cursor: pointer; }

msg-photo-crop[e1qwj43] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  msg-photo-crop[e1qwj43].hidden {
    opacity: 0;
    visibility: hidden; }

[e1qwj43].video-stub {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 20em;
  margin: 0 -10em;
  text-align: center;
  color: #ffffff; }

[e1qwj43].media-container {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1; }
  [e1qwj43].media-container.__async {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  [e1qwj43].media-container.__loading {
    opacity: 0; }

msg-img[e1qwj43],
msg-video-player[e1qwj43] {
  width: 100%;
  height: 100%; }

msg-progress[e1qwj43] {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin: -49px 0 0 -24px;
  color: #fff; }

/* /Main */
/* Footer
-------------------------------------------------- */
[e1qwj43].footer_w {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  height: 50px;
  color: #fff;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [e1qwj43].footer_w:before, [e1qwj43].footer_w:after {
    content: '';
    display: table; }
  [e1qwj43].footer_w:after {
    clear: both; }

[e1qwj43].footer {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  border-top: 1px solid #5c5c69; }

msg-l10n[e1qwj43][key="photos-counter"] {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  line-height: 50px; }

slot[slotted][e1qwj43] > msg-chat-item-container {
  white-space: nowrap;
  padding-right: 48px; }

/* /Footer */
/* Navigation
-------------------------------------------------- */
[e1qwj43].navigation {
  position: absolute;
  z-index: 2;
  top: 64px;
  bottom: 0;
  width: 64px; }
  [e1qwj43].navigation.__prev {
    left: 0; }
  [e1qwj43].navigation.__next {
    right: 0; }

[e1qwj43].panel-menu msg-button[e1qwj43] {
  display: inline-block;
  margin-left: 4px; }
  [e1qwj43].panel-menu msg-button[e1qwj43]:hover {
    border-color: #fff; }
  [e1qwj43].panel-menu msg-button:hover msg-icon[e1qwj43] {
    color: #fff; }

msg-button[e1qwj43].close {
  background: rgba(0, 0, 0, 0.1); }

msg-button[e1qwj43][view-type="arrow"],
msg-button[e1qwj43].close {
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }
  msg-button[e1qwj43][view-type="arrow"]:hover,
  [e1qwj43].navigation.__active msg-button[e1qwj43][view-type="arrow"],
  msg-button[e1qwj43].close:hover,
  [e1qwj43].navigation.__active
  msg-button[e1qwj43].close {
    background: rgba(0, 0, 0, 0.25); }

msg-button[e1qwj43][view-type="arrow"] {
  height: 100%;
  width: 100%;
  border-radius: 0; }
  msg-button[e1qwj43][view-type="arrow"] msg-icon[e1qwj43] {
    margin-top: -27px;
    margin-left: 0;
    width: 19px;
    height: 54px;
    color: #ebebeb; }
  msg-button[e1qwj43][view-type="arrow"]:hover msg-icon[e1qwj43],
  [e1qwj43].navigation.__active msg-button[view-type="arrow"] msg-icon[e1qwj43] {
    color: #fff; }
  msg-button[e1qwj43][view-type="arrow"].prev {
    left: 0; }
  msg-button[e1qwj43][view-type="arrow"].prev msg-icon[e1qwj43] {
    margin-left: -8px; }
  msg-button[e1qwj43][view-type="arrow"].next {
    right: 0; }
  msg-button[e1qwj43][view-type="arrow"].next msg-icon[e1qwj43] {
    margin-right: -8px; }

msg-button[e1qwj43].close {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  padding: 24px;
  cursor: pointer;
  height: 64px;
  width: 64px;
  border-radius: 0; }
  msg-button[e1qwj43].close msg-icon[e1qwj43] {
    color: #ebebeb; }
  [e1qwj43].container:not(.__navigation) .inner:hover msg-button[e1qwj43].close {
    background: rgba(0, 0, 0, 0.25); }
  msg-button[e1qwj43].close:hover msg-icon[e1qwj43],
  [e1qwj43].container:not(.__navigation) .inner:hover msg-button.close msg-icon[e1qwj43] {
    color: #fff; }

/* /Navigation */
[e-u8djff-host] {
  display: inline-block; }

[e-u8djff-host][censored] video[e-u8djff],[e-u8djff-host][censored] img[e-u8djff] {
  opacity: 0; }

span[e-u8djff] {
  display: inherit;
  height: inherit; }
  span[e-u8djff].has-attach {
    --min-height: 96px; }

[e-u8djff].wrap {
  display: inline-block;
  position: relative;
  vertical-align: inherit;
  border-radius: inherit;
  background-repeat: no-repeat;
  background-size: cover; }
  [e-u8djff].wrap.__playing [e-u8djff].gif_ic::before {
    opacity: 0;
    visibility: hidden; }
  [e-u8djff].wrap.__loading [e-u8djff].gif_ic::before {
    content: ''; }

img[e-u8djff].__no-rects {
  position: initial;
  vertical-align: top; }

img[e-u8djff].error {
  width: 0;
  height: 0; }

video[e-u8djff] {
  z-index: 2; }

msg-img-censor[e-u8djff] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5; }

msg-progress[e-u8djff] {
  position: absolute;
  z-index: 3;
  bottom: 50%;
  left: 50%;
  margin: 0 0 -16px -16px;
  background: var(--c-bg); }
  [compact] [e-u8djff-host] msg-progress[e-u8djff] {
    display: none; }

[e-u8djff].gif_ic {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center; }
  [e-u8djff].gif_ic:before {
    content: 'gif';
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin: 0 0 -16px -16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-transition: opacity 0.15s, visibility 0.15s;
    transition: opacity 0.15s, visibility 0.15s;
    color: #fff;
    font-size: 10px;
    line-height: 34px;
    text-transform: uppercase;
    background-color: rgba(51, 51, 68, 0.4);
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  [compact] [e-u8djff-host] [e-u8djff].gif_ic {
    display: none; }

[e-u8djff].censored {
  opacity: 0; }
[ekhc4b7-host] {
  display: block; }

[ekhc4b7].wrap {
  position: relative;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  [ekhc4b7].wrap::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--c-tint); }

msg-l10n[ekhc4b7] {
  color: #fff;
  text-align: center;
  position: relative;
  padding: 0 20px;
  line-height: 20px; }

msg-icon[ekhc4b7] {
  color: #fff;
  position: relative; }
  msg-icon[ekhc4b7][size=medium] {
    height: 24px;
    width: 24px; }
  msg-icon[ekhc4b7][size=large] {
    height: 48px;
    width: 48px; }

msg-img-fill[ekhc4b7] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
[e-h9fwmr-host] {
  display: block;
  position: relative; }

[e-h9fwmr].fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: 50%;
  background-size: cover; }
[e-dpruaz-host] {
  display: inline-block;
  border-radius: 100%;
  position: relative;
  color: var(--c-text); }

[e-dpruaz-host][spin] [e-dpruaz].progress {
  -webkit-animation: spin-e-dpruaz 4s linear infinite;
          animation: spin-e-dpruaz 4s linear infinite; }

[e-dpruaz-host][indeterminate] circle[e-dpruaz] {
  -webkit-transition: none;
  transition: none; }

svg[e-dpruaz] {
  vertical-align: top; }

[e-dpruaz].cancel {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px;
  height: 16px;
  width: 16px; }

circle[e-dpruaz] {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: stroke-dasharray 0.3s;
  transition: stroke-dasharray 0.3s; }

path[e-dpruaz] {
  fill: currentColor; }

@-webkit-keyframes spin-e-dpruaz {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  from {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn); } }

@keyframes spin-e-dpruaz {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  from {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn); } }
[e-ajssxf-host] {
  display: block;
  position: relative;
  color: #ffffff;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.12); }

header[e-ajssxf] {
  background: rgba(51, 51, 51, 0.4);
  border-radius: 14px;
  position: absolute;
  z-index: 3;
  top: 12px;
  right: 12px;
  padding: 0 8px;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }
  header[e-ajssxf]:empty {
    display: none; }
  header[e-ajssxf]:not(.visible) {
    -webkit-transform: translateY(-100%) scale(1.05);
            transform: translateY(-100%) scale(1.05);
    opacity: 0; }
  header[e-ajssxf] msg-icon[e-ajssxf] {
    margin: 6px 8px;
    vertical-align: middle; }

footer[e-ajssxf] {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px 12px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.4)));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }
  footer[e-ajssxf]:not(.visible) {
    -webkit-transform: translateY(100%) scale(1.05);
            transform: translateY(100%) scale(1.05);
    opacity: 0; }

[e-ajssxf].no-video-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  border-radius: 4px;
  padding: 4px 8px;
  z-index: 2; }
  [e-ajssxf].no-video-track msg-icon[e-ajssxf][icon=error] {
    z-index: 1;
    padding: 8px;
    background-color: rgba(255, 87, 86, 0.4);
    color: #fff;
    border-radius: 100%;
    margin-bottom: 8px; }

[e-ajssxf].start {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  background-color: var(--c-tint);
  border-radius: 100%;
  width: 48px;
  height: 48px;
  margin: -24px;
  color: #fff;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  cursor: pointer; }
  [e-ajssxf].start:hover {
    background-color: var(--c-tint-active); }
  [e-ajssxf].start msg-icon[e-ajssxf] {
    color: inherit !important;
    position: absolute;
    margin: -12px 0 0 -12px;
    top: 50%;
    left: 50%; }
  [e-ajssxf].start msg-progress[e-ajssxf] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    color: inherit; }

[e-ajssxf].progress {
  cursor: pointer;
  position: relative;
  height: 4px;
  border-radius: 2px;
  background: #fff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  [e-ajssxf].progress.playback {
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.2); }
    [e-ajssxf].progress.playback:hover {
      background: rgba(255, 255, 255, 0.3); }
    [e-ajssxf].progress.playback::before {
      position: absolute;
      content: '';
      left: -4px;
      right: -4px;
      top: -8px;
      bottom: -8px; }
    [e-ajssxf].progress.playback [e-ajssxf].loaded {
      background: rgba(255, 255, 255, 0.2); }
  [e-ajssxf].progress:not(.dragging) [e-ajssxf].shaft {
    -webkit-transition: width 0.15s;
    transition: width 0.15s; }
  [e-ajssxf].progress:not(.dragging) [e-ajssxf].knob {
    -webkit-transition: left 0.15s;
    transition: left 0.15s; }
  [e-ajssxf].progress [e-ajssxf].shaft {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    border-radius: inherit; }
  [e-ajssxf].progress [e-ajssxf].knob {
    width: 12px;
    height: 12px;
    position: absolute;
    margin: -4px -6px;
    background: #ffffff;
    border-radius: 100%; }

[e-ajssxf].playback-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  [e-ajssxf].playback-controls [e-ajssxf].volume {
    margin: 0 16px; }

[e-ajssxf].playback-button {
  min-width: 16px; }

[e-ajssxf].volume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  [e-ajssxf].volume msg-icon[e-ajssxf] {
    margin-right: 4px; }
  [e-ajssxf].volume [e-ajssxf].progress {
    width: 40px;
    background: rgba(255, 255, 255, 0.45); }
    [e-ajssxf].volume [e-ajssxf].progress:hover {
      background: rgba(255, 255, 255, 0.6); }
    [e-ajssxf].volume [e-ajssxf].progress::before {
      position: absolute;
      content: '';
      left: -4px;
      right: -4px;
      top: -5px;
      bottom: -5px; }

[e-ajssxf].time {
  font-weight: 500;
  font-size: 11px;
  min-width: 6.3em;
  text-align: right; }

[e-ajssxf].quality-switcher {
  display: inline-block;
  position: relative; }
  [e-ajssxf].quality-switcher msg-menu[e-ajssxf] {
    position: absolute;
    top: 32px;
    left: -8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4px 8px 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    white-space: nowrap;
    background: rgba(51, 51, 51, 0.4);
    border-radius: 4px;
    -webkit-box-shadow: var(--ui-shadow);
            box-shadow: var(--ui-shadow);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0; }
  [e-ajssxf].quality-switcher msg-menu-item[e-ajssxf].level {
    color: #fff;
    line-height: 12px;
    padding: 4px;
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    text-transform: capitalize; }
    [e-ajssxf].quality-switcher msg-menu-item[e-ajssxf].level:hover {
      opacity: 1;
      font-weight: 400;
      background: none; }
    [e-ajssxf].quality-switcher msg-menu-item[e-ajssxf].level.__selected {
      font-weight: 600;
      opacity: 1; }
      [e-ajssxf].quality-switcher msg-menu-item[e-ajssxf].level.__selected:hover {
        cursor: default; }

[e-ajssxf-host] .quality-switcher slot[name=bubble] {
  background-color: rgba(51, 51, 51, 0.4); }

[e-ajssxf].live {
  display: inline-block;
  background: rgba(51, 51, 51, 0.4);
  color: #fff;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 10px; }
  [e-ajssxf].live::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: var(--c-error);
    border-radius: 50%;
    margin-right: 4px; }

[e-ajssxf].inplace-progress-wrapper {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0 12px;
  z-index: 2;
  height: 32px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); }

msg-button[e-ajssxf][size=small].sound {
  position: absolute;
  top: 4px;
  right: 7px;
  z-index: 2;
  height: 28px;
  width: 28px;
  min-width: 28px;
  border: 0;
  background-color: var(--c-msg-ctrl);
  color: #fff;
  visibility: visible; }
  msg-button[e-ajssxf][size=small].sound msg-progress[e-ajssxf] {
    color: #fff; }
  msg-button[e-ajssxf][size=small].sound msg-icon[e-ajssxf][icon=volume-max] {
    display: none; }
  msg-button[e-ajssxf][size=small].sound.__on msg-icon[e-ajssxf][icon=volume-off] {
    display: none; }
  msg-button[e-ajssxf][size=small].sound.__on msg-icon[e-ajssxf][icon=volume-max] {
    display: block; }

[e-ajssxf].video-container {
  position: relative;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  [e-ajssxf].video-container:not(.played) video {
    display: none; }
  [e-ajssxf].video-container.faux-pip-mode msg-video-poster[e-ajssxf] {
    -webkit-filter: blur(6px);
            filter: blur(6px);
    opacity: 0.3; }

[e-ajssxf].error {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--c-error);
  color: #ffffff;
  padding: 10px;
  text-align: center; }

iframe[e-ajssxf] {
  z-index: 3;
  background: var(--c-msg); }

msg-icon[e-ajssxf] {
  color: inherit; }
  header[e-ajssxf] msg-icon[e-ajssxf], footer[e-ajssxf] msg-icon[e-ajssxf] {
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    header[e-ajssxf] msg-icon[e-ajssxf]:hover, footer[e-ajssxf] msg-icon[e-ajssxf]:hover {
      opacity: 1; }

msg-video-poster[e-ajssxf] {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 100%;
  -webkit-transition: opacity .5s;
  transition: opacity .5s; }
  msg-video-poster[e-ajssxf].canPlay {
    pointer-events: none;
    opacity: 0; }

[e-ajssxf-host] video {
  background-color: #000; }

.__retained {
  position: absolute;
  width: 10px;
  height: 10px;
  left: -20px;
  top: -20px; }
[e-9xbpsj-host] {
  display: inline-block;
  position: relative;
  overflow: hidden; }

[e-9xbpsj].poster {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
  max-width: 100%;
  overflow: hidden; }
  [e-9xbpsj].poster.__empty {
    background: #000000; }
  [e-9xbpsj].poster [e-9xbpsj].spacer {
    width: 0; }
  [e-9xbpsj].poster img[e-9xbpsj] {
    position: relative;
    left: 0;
    z-index: 2;
    width: 100%;
    height: auto;
    margin: -50% 0; }
  [e-9xbpsj].poster msg-img-fill[e-9xbpsj] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  [e-9xbpsj].poster video[e-9xbpsj] {
    pointer-events: none;
    display: block; }
    [e-9xbpsj].poster video[e-9xbpsj]::-webkit-media-controls, [e-9xbpsj].poster video[e-9xbpsj]::-webkit-media-controls-play-button, [e-9xbpsj].poster video[e-9xbpsj]::-webkit-media-controls-volume-slider, [e-9xbpsj].poster video[e-9xbpsj]::-webkit-media-controls-mute-button, [e-9xbpsj].poster video[e-9xbpsj]::-webkit-media-controls-timeline, [e-9xbpsj].poster video[e-9xbpsj]::-webkit-media-controls-current-time-display, [e-9xbpsj].poster video[e-9xbpsj]::-webkit-media-controls-panel, [e-9xbpsj].poster video[e-9xbpsj]::-webkit-media-controls-play-button, [e-9xbpsj].poster video[e-9xbpsj]::-webkit-media-controls-start-playback-button,
    [e-9xbpsj].poster video button[e-9xbpsj],
    [e-9xbpsj].poster video [e-9xbpsj].media-controls {
      display: none !important;
      -webkit-appearance: none; }

[e-9xbpsj].play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  z-index: 2;
  cursor: pointer;
  background-color: var(--c-tint);
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  color: #fff; }
  [e-9xbpsj].play:hover {
    background-color: var(--c-tint-active); }
  [e-9xbpsj].play msg-icon[e-9xbpsj] {
    color: inherit; }

[e-9xbpsj].duration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 4px;
  line-height: 12px;
  font-size: 11px;
  color: #fff;
  background-color: var(--c-tint);
  border-radius: 12px;
  position: absolute;
  bottom: 4px;
  left: 4px;
  z-index: 2; }
  [e-9xbpsj].duration msg-icon[e-9xbpsj] {
    color: #fff;
    margin: 0 2px; }
[esi2m9d-host] {
  display: block;
  padding: 8px 0;
  color: var(--c-link); }
  [esi2m9d-host]:hover {
    color: var(--c-link-hover); }

[esi2m9d-host][delimiter] {
  border-bottom: 1px solid var(--c-delimiter);
  padding-bottom: 24px;
  margin-bottom: 12px; }

slot[slotted][esi2m9d] > msg-menu {
  display: block;
  padding: 0 24px;
  margin: 8px 0 -8px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0, 1);
          transition-timing-function: cubic-bezier(0, 1, 0, 1); }
  [esi2m9d-host][expanded] ::slotted(msg-menu) {
    max-height: 1000px;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 1, 0);
            transition-timing-function: cubic-bezier(1, 0, 1, 0); }

msg-bubble [esi2m9d-host] {
  padding: 8px 12px;
  margin: 0 -8px; }
  msg-bubble [esi2m9d-host]:hover {
    background-color: var(--c-active); }
[e-dkz357-host] {
  display: block;
  padding: 8px 24px;
  font-size: 14px;
  color: var(--c-text);
  line-height: 16px; }

msg-bubble [e-dkz357-host] {
  padding: 0; }
[eltg2kh-host] {
  display: block; }

[eltg2kh].holder {
  position: relative; }

[eltg2kh].image {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: none;
  display: block;
  opacity: 1; }

[eltg2kh].tracker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: crosshair;
  background: #000;
  opacity: 0; }
  [eltg2kh].holder.__square [eltg2kh].tracker {
    cursor: inherit; }
  [eltg2kh].holder.__crop [eltg2kh].tracker {
    opacity: 0.5; }
  [eltg2kh].holder.__move [eltg2kh].tracker {
    cursor: move; }
  [eltg2kh].holder.__nw [eltg2kh].tracker {
    cursor: nw-resize; }
  [eltg2kh].holder.__ne [eltg2kh].tracker {
    cursor: ne-resize; }
  [eltg2kh].holder.__se [eltg2kh].tracker {
    cursor: se-resize; }
  [eltg2kh].holder.__sw [eltg2kh].tracker {
    cursor: sw-resize; }

[eltg2kh].frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: none; }
  [eltg2kh].holder.__crop [eltg2kh].frame {
    display: block; }

[eltg2kh].preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

[eltg2kh].preview_img {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: none;
  display: block; }

[eltg2kh].preview_border {
  position: absolute;
  opacity: 0.4;
  background: #fff url(//web.tamtam.chat/-/images/animations/crop_355d9f90.gif); }
  [eltg2kh].preview_border.__top {
    height: 1px;
    width: 100%; }
  [eltg2kh].preview_border.__bottom {
    height: 1px;
    width: 100%;
    bottom: 0; }
  [eltg2kh].preview_border.__left {
    width: 1px;
    height: 100%; }
  [eltg2kh].preview_border.__right {
    width: 1px;
    height: 100%;
    right: 0; }

[eltg2kh].preview_mover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: move; }
  [eltg2kh].holder.__nw [eltg2kh].preview_mover {
    cursor: nw-resize; }
  [eltg2kh].holder.__ne [eltg2kh].preview_mover {
    cursor: ne-resize; }
  [eltg2kh].holder.__se [eltg2kh].preview_mover {
    cursor: se-resize; }
  [eltg2kh].holder.__sw [eltg2kh].preview_mover {
    cursor: sw-resize; }

[eltg2kh].handles {
  display: block;
  width: 100%;
  height: 100%; }
  [eltg2kh].holder.__select [eltg2kh].handles {
    display: none; }

[eltg2kh].handle {
  position: absolute;
  height: 12px;
  width: 12px;
  border: 1px #eee solid;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #333;
  opacity: 0.5; }
  [eltg2kh].handle[data-id="nw"] {
    top: 0;
    left: 0;
    margin-top: -6px;
    margin-left: -6px;
    cursor: nw-resize; }
  [eltg2kh].handle[data-id="ne"] {
    top: 0;
    right: 0;
    margin-top: -6px;
    margin-right: -6px;
    cursor: ne-resize; }
  [eltg2kh].handle[data-id="se"] {
    bottom: 0;
    right: 0;
    margin-bottom: -6px;
    margin-right: -6px;
    cursor: se-resize; }
  [eltg2kh].handle[data-id="sw"] {
    bottom: 0;
    left: 0;
    margin-bottom: -6px;
    margin-left: -6px;
    cursor: sw-resize; }

[eltg2kh].preview_square {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #000;
  opacity: 0.5; }
[e-e53w7v-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  --padding-ta: 12px;
  --width-aside: 360px; }

[e-e53w7v-host][mobile] {
  --padding-ta: 8px;
  --width-aside: 100%; }

[e-e53w7v].notification {
  position: relative;
  z-index: 3;
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0; }

msg-folder-panel[e-e53w7v] {
  background-color: var(--c-bg);
  border-bottom: 1px solid var(--c-delimiter);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  position: relative;
  z-index: 6; }
  [app="DESKTOP"] [e-e53w7v-host] msg-folder-panel[e-e53w7v] {
    -webkit-user-select: none;
    -webkit-app-region: drag; }
  .new-macos-app [e-e53w7v-host] msg-folder-panel[e-e53w7v] {
    padding-top: 20px; }
  msg-folder-panel[e-e53w7v].__float {
    position: absolute;
    left: 0;
    bottom: 48px;
    width: 100%;
    z-index: 7;
    padding-left: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: var(--ui-shadow);
            box-shadow: var(--ui-shadow); }

msg-onboarding[e-e53w7v] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

[e-e53w7v].content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }

aside[e-e53w7v] {
  position: relative;
  z-index: 5;
  width: 30%;
  max-width: 50%;
  min-width: 260px;
  border-right: 1px solid var(--c-delimiter);
  background: var(--c-aside-bg); }
  aside[e-e53w7v].__will-collapse, aside[e-e53w7v].__collapsed {
    max-width: 72px;
    min-width: 0; }
  aside[e-e53w7v].__collapsed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-property: max-width, width, background-color, -webkit-box-shadow;
    transition-property: max-width, width, background-color, -webkit-box-shadow;
    transition-property: box-shadow, max-width, width, background-color;
    transition-property: box-shadow, max-width, width, background-color, -webkit-box-shadow; }
    [e-e53w7v-host].__resizing aside[e-e53w7v].__collapsed {
      -webkit-transition-duration: 0s;
              transition-duration: 0s; }
  aside[e-e53w7v].__collapsed.active {
    z-index: 6;
    width: 260px;
    max-width: 260px;
    -webkit-box-shadow: var(--ui-shadow);
            box-shadow: var(--ui-shadow);
    background-color: var(--c-bg); }
  aside[e-e53w7v].__will-collapse msg-chats-panel[e-e53w7v], aside[e-e53w7v].__collapsed msg-chats-panel[e-e53w7v] {
    overflow: hidden; }

[e-e53w7v-host][mobile] aside[e-e53w7v] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 6;
  width: 0;
  min-width: 0;
  max-width: 100%;
  border: 0;
  -webkit-transition: none;
  transition: none; }
  [e-e53w7v-host][mobile] aside[e-e53w7v].active {
    width: 100%; }

main[e-e53w7v] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  z-index: 1;
  background-color: var(--c-bg); }
  main[e-e53w7v].__collapsed {
    margin-left: 73px; }
  .is-mobile [e-e53w7v-host] main[e-e53w7v] {
    width: 100%; }

msg-drawer[e-e53w7v] {
  position: absolute;
  left: 0;
  top: 0;
  width: 280px;
  height: 100%;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10;
  background: var(--c-drawer); }

msg-page-modal[e-e53w7v] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 7; }
  .is-mobile [e-e53w7v-host] msg-page-modal[e-e53w7v] {
    z-index: 9; }
  msg-page-modal[e-e53w7v]:empty {
    display: none; }

msg-media-layer[e-e53w7v], msg-photo-viewer[e-e53w7v] {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

msg-map-layer[e-e53w7v] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  background: var(--c-overlay-dark); }

msg-entity-preview[e-e53w7v] {
  position: absolute;
  z-index: 3;
  cursor: pointer;
  margin: 4px -8px;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%; }

[e-e53w7v].drag {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 8px;
  height: 24px;
  max-width: 180px;
  min-width: 50px;
  height: 24px;
  background-color: var(--c-btn);
  color: var(--c-btn-text);
  opacity: 0.8;
  cursor: -webkit-grab;
  cursor: grab;
  z-index: 1000; }
  [e-e53w7v].drag-title {
    overflow: hidden;
    white-space: nowrap;
    line-height: 24px;
    text-overflow: ellipsis; }

[e-e53w7v].drag-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  z-index: 999; }

[e-e53w7v].drawer-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--c-overlay);
  z-index: 9; }

[e-e53w7v].resize-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  [e-e53w7v].resize-overlay ~ aside[e-e53w7v],
  [e-e53w7v].resize-overlay ~ main[e-e53w7v] {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

[e-e53w7v].resize-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  z-index: 6;
  width: 12px;
  cursor: ew-resize;
  -webkit-transition: opacity 0.15s, visibility 0.15s;
  transition: opacity 0.15s, visibility 0.15s;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s; }
  @media (max-width: 740px) {
    [e-e53w7v].resize-handle {
      display: none; } }

[e-e53w7v-host] aside.__collapsed msg-chat-notification-bubble:not(:empty),
  [e-e53w7v-host] aside.__collapsed msg-icon.mention-buble,
  [e-e53w7v-host] aside.__collapsed .avatar,
  [e-e53w7v-host] aside.__collapsed .my-unread {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1); }

[e-e53w7v-host] aside.__will-collapse msg-chats-list-item-compact msg-chat-notification-bubble:not(:empty),
  [e-e53w7v-host] aside.__will-collapse msg-chats-list-item-compact msg-icon.mention-buble,
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-chats-list-item-compact msg-chat-notification-bubble:not(:empty),
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-chats-list-item-compact msg-icon.mention-buble {
  -webkit-transform: translate(-188px, 9px);
  transform: translate(-188px, 9px); }

[e-e53w7v-host] aside.__will-collapse msg-chats-list-item-compact msg-chat-notification-bubble:not(:empty) .my-unread,
    [e-e53w7v-host] aside.__will-collapse msg-chats-list-item-compact msg-icon.mention-buble .my-unread,
    [e-e53w7v-host] aside.__collapsed:not(.active) msg-chats-list-item-compact msg-chat-notification-bubble:not(:empty) .my-unread,
    [e-e53w7v-host] aside.__collapsed:not(.active) msg-chats-list-item-compact msg-icon.mention-buble .my-unread {
  -webkit-transform: translate(188px, -9px);
  transform: translate(188px, -9px); }

[e-e53w7v-host] aside.__will-collapse msg-chats-list-item-compact .avatar,
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-chats-list-item-compact .avatar {
  -webkit-transform: translateX(8px);
  transform: translateX(8px); }

[e-e53w7v-host] aside.__will-collapse msg-chats-list-item-compact[favorite] msg-chat-notification-bubble:not(:empty),
  [e-e53w7v-host] aside.__will-collapse msg-chats-list-item-compact[favorite] msg-icon.mention-buble,
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-chats-list-item-compact[favorite] msg-chat-notification-bubble:not(:empty),
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-chats-list-item-compact[favorite] msg-icon.mention-buble {
  -webkit-transform: translate(-168px, 9px);
  transform: translate(-168px, 9px); }

[e-e53w7v-host] aside.__will-collapse msg-chats-list-item-compact[favorite] msg-chat-notification-bubble:not(:empty) .my-unread,
    [e-e53w7v-host] aside.__will-collapse msg-chats-list-item-compact[favorite] msg-icon.mention-buble .my-unread,
    [e-e53w7v-host] aside.__collapsed:not(.active) msg-chats-list-item-compact[favorite] msg-chat-notification-bubble:not(:empty) .my-unread,
    [e-e53w7v-host] aside.__collapsed:not(.active) msg-chats-list-item-compact[favorite] msg-icon.mention-buble .my-unread {
  -webkit-transform: translate(168px, -9px);
  transform: translate(168px, -9px); }

[e-e53w7v-host] aside.__will-collapse msg-chat-item-container[foldable][compact] slot[name=title],
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-chat-item-container[foldable][compact] slot[name=title] {
  opacity: 0;
  visibility: hidden; }

[e-e53w7v-host] aside.__will-collapse msg-chat-item-container[foldable][compact] slot[name=image],
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-chat-item-container[foldable][compact] slot[name=image] {
  -webkit-transform: translateX(8px);
  transform: translateX(8px); }

[e-e53w7v-host] aside.__will-collapse msg-search-results .h4,
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-search-results .h4 {
  width: 72px;
  -webkit-transition: width 0.3s;
  transition: width 0.3s; }

[e-e53w7v-host] aside.__will-collapse msg-search-results .header-more,
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-search-results .header-more {
  opacity: 0;
  visibility: hidden;
  max-width: 0;
  -webkit-transition: opacity 0.15s 0.15s, visibility 0.15s 0.15s, max-width 0.15s;
  transition: opacity 0.15s 0.15s, visibility 0.15s 0.15s, max-width 0.15s; }

[e-e53w7v-host] aside.__will-collapse msg-chat-notification-bubble:not(:empty),
  [e-e53w7v-host] aside.__will-collapse msg-icon.mention-buble,
  [e-e53w7v-host] aside.__will-collapse slot[name=badge-compact]:not(:empty),
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-chat-notification-bubble:not(:empty),
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-icon.mention-buble,
  [e-e53w7v-host] aside.__collapsed:not(.active) slot[name=badge-compact]:not(:empty) {
  display: block; }

[e-e53w7v-host] aside.__will-collapse msg-chat-notification-bubble:not(:empty),
  [e-e53w7v-host] aside.__will-collapse msg-icon.mention-buble,
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-chat-notification-bubble:not(:empty),
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-icon.mention-buble {
  -webkit-transform: translate(-182px, 6px);
  transform: translate(-182px, 6px); }

[e-e53w7v-host] aside.__will-collapse msg-chat-notification-bubble:not(:empty) .my-unread,
    [e-e53w7v-host] aside.__will-collapse msg-icon.mention-buble .my-unread,
    [e-e53w7v-host] aside.__collapsed:not(.active) msg-chat-notification-bubble:not(:empty) .my-unread,
    [e-e53w7v-host] aside.__collapsed:not(.active) msg-icon.mention-buble .my-unread {
  -webkit-transform: translate(182px, -6px);
  transform: translate(182px, -6px); }

[e-e53w7v-host] aside.__will-collapse slot[name=badge-compact]:not(:empty),
  [e-e53w7v-host] aside.__collapsed:not(.active) slot[name=badge-compact]:not(:empty) {
  -webkit-transform: translate(-188px, 8px);
  transform: translate(-188px, 8px); }

[e-e53w7v-host] aside.__will-collapse slot[name=badge-compact]:not(:empty) .my-unread,
    [e-e53w7v-host] aside.__collapsed:not(.active) slot[name=badge-compact]:not(:empty) .my-unread {
  -webkit-transform: translate(188px, -8px);
  transform: translate(188px, -8px); }

[e-e53w7v-host] aside.__will-collapse msg-chat-item-container.__favorite slot[name=badge-compact]:not(:empty),
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-chat-item-container.__favorite slot[name=badge-compact]:not(:empty) {
  -webkit-transform: translate(-164px, 8px);
  transform: translate(-164px, 8px); }

[e-e53w7v-host] aside.__will-collapse msg-chat-item-container.__favorite slot[name=badge-compact]:not(:empty) .my-unread,
    [e-e53w7v-host] aside.__collapsed:not(.active) msg-chat-item-container.__favorite slot[name=badge-compact]:not(:empty) .my-unread {
  -webkit-transform: translate(164px, -8px);
  transform: translate(164px, -8px); }

[e-e53w7v-host] aside.__will-collapse msg-toolbar .container,
  [e-e53w7v-host] aside.__collapsed:not(.active) msg-toolbar .container {
  max-width: 32px;
  overflow: hidden; }

[e-e53w7v-host] aside.__collapsed.active msg-search-results .h4 {
  width: 260px; }

[e-e53w7v-host] aside.__collapsed.active msg-search-results .header-more {
  opacity: 1;
  visibility: visible;
  max-width: 100px; }

[e-e53w7v-host] aside.__collapsed.active msg-chat-notification-bubble,
  [e-e53w7v-host] aside.__collapsed.active msg-chat-notification-bubble {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

[e-e53w7v-host] aside.__collapsed.active msg-chat-item-container[foldable][compact] slot[name=title] {
  opacity: 1;
  visibility: visible; }

[e-e53w7v-host] aside.__collapsed.active msg-chat-item-container[foldable][compact] slot[name=image] {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

[e-e53w7v-host] aside.__collapsed.active msg-toolbar .container {
  max-width: 260px; }

[e-e53w7v-host] aside.__collapsed.active .expanded {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1; }

[e-e53w7v-host] aside.__collapsed.active .bind-phone .requires-update_tx {
  display: block; }

[e-e53w7v-host] aside.__will-collapse slot[name=badge]:not(:empty),
  [e-e53w7v-host] aside.__will-collapse slot[name=badge-compact]:not(:empty) {
  -webkit-transition-duration: 0s;
  transition-duration: 0s; }

.is-mobile [e-e53w7v-host] msg-chats-panel[e-e53w7v] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 49px; }
  .is-mobile [e-e53w7v-host] msg-chats-panel[e-e53w7v].__folders {
    padding-bottom: 98px; }

@-webkit-keyframes drawer-e-e53w7v {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes drawer-e-e53w7v {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes fade-e-e53w7v {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-e-e53w7v {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes slide-up-e-e53w7v {
  from {
    margin-top: -49px; } }

@keyframes slide-up-e-e53w7v {
  from {
    margin-top: -49px; } }

@-webkit-keyframes slide-down-e-e53w7v {
  from {
    margin-bottom: -49px; } }

@keyframes slide-down-e-e53w7v {
  from {
    margin-bottom: -49px; } }
@charset "UTF-8";
[e-vdceid].__chat-bg {
  background-size: cover; }

[e-vdceid].__chat-bg-2 {
  background-color: #42423f;
  background-image: url(//web.tamtam.chat/-/images/bg/002_87274e4b.jpg); }

[e-vdceid].__chat-bg-3 {
  background-color: #ebebeb;
  background-image: url(//web.tamtam.chat/-/images/bg/003_fb973cc9.png); }

[e-vdceid].__chat-bg-4 {
  background-color: #e7dad2;
  background-image: url(//web.tamtam.chat/-/images/bg/004_b950018c.jpg); }

[e-vdceid].__chat-bg-5 {
  background-color: #d35558;
  background-image: url(//web.tamtam.chat/-/images/bg/005_3fc8c319.jpg); }

[e-vdceid].__chat-bg-7 {
  background-color: #dace8e;
  background-image: url(//web.tamtam.chat/-/images/bg/007_11e65c80.jpg); }

[e-vdceid].__chat-bg-8 {
  background-color: #e9b1a4;
  background-image: url(//web.tamtam.chat/-/images/bg/008_c49ec84f.jpg); }

[e-vdceid].__chat-bg-9 {
  background-color: #add5ac;
  background-image: url(//web.tamtam.chat/-/images/bg/009_8d5a90fd.jpg); }

[e-vdceid].__chat-bg-10 {
  background-color: #707070;
  background-image: url(//web.tamtam.chat/-/images/bg/010_672fabd5.jpg); }

[e-vdceid].__chat-bg-11 {
  background-color: #ab4532;
  background-image: url(//web.tamtam.chat/-/images/bg/011_2557d18d.jpg); }

[e-vdceid].__chat-bg-12 {
  background-color: #dd7b65;
  background-image: url(//web.tamtam.chat/-/images/bg/012_c0439c62.jpg); }

[e-vdceid].__chat-bg-13 {
  background-color: #313131;
  background-image: url(//web.tamtam.chat/-/images/bg/013_5acd7cb2.jpg); }

[e-vdceid-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: 100%;
  overflow: hidden; }

msg-toolbar[e-vdceid] {
  position: relative;
  z-index: 4;
  padding: var(--ui-titlebar-padding) 12px 0;
  height: var(--ui-titlebar-height);
  background: var(--ui-titlebar-bg); }
  .is-mobile [e-vdceid-host] msg-toolbar[e-vdceid] {
    padding-right: 8px; }
  msg-toolbar[e-vdceid] [e-vdceid].container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    -webkit-transition: max-width 0.3s cubic-bezier(0.4, 0, 0.6, 1);
    transition: max-width 0.3s cubic-bezier(0.4, 0, 0.6, 1); }
    .messenger_side.__collapsed.active [e-vdceid-host] msg-toolbar [e-vdceid].container {
      max-width: 260px; }
    .messenger_side.__will-collapse [e-vdceid-host] msg-toolbar [e-vdceid].container,.messenger_side.__collapsed:not(.active) [e-vdceid-host] msg-toolbar [e-vdceid].container {
      max-width: 32px;
      overflow: hidden; }

msg-chats-panel-quick-settings[e-vdceid] {
  position: absolute;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  white-space: nowrap;
  background-color: var(--c-bg);
  border-radius: 4px;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  top: 40px;
  left: 10px;
  z-index: 5;
  padding: 8px 0; }

msg-search-input[e-vdceid] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  margin-left: 12px;
  margin-right: 12px;
  background: var(--c-global-search);
  border-radius: 16px;
  height: 32px;
  -webkit-app-region: no-drag;
  overflow: hidden; }
  .new-macos-app [e-vdceid-host] msg-search-input[e-vdceid] {
    height: 28px;
    border-radius: 4px;
    -webkit-box-shadow: var(--ui-border-shadow);
            box-shadow: var(--ui-border-shadow); }
  .is-mobile [e-vdceid-host] msg-search-input[e-vdceid] {
    margin-left: 0; }

msg-icon[e-vdceid][icon="write"] {
  position: relative; }

[e-vdceid].notification {
  position: relative;
  z-index: 3; }

slot[e-vdceid][name=header] {
  display: block; }

[e-vdceid].content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  position: relative; }

msg-chats-list[e-vdceid] {
  /*
    NB почему-то в Сафари не работает скролл, если элементу просто указать
    `height: 100%`, поэтому делаем абсолют и растягиваем блок через top/bottom */
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: 2; }

.__collapsed [e-vdceid-host] msg-calls-list[e-vdceid],.__will-collapse [e-vdceid-host] msg-calls-list[e-vdceid],.__collapsed [e-vdceid-host] msg-chats-list[e-vdceid],.__will-collapse [e-vdceid-host] msg-chats-list[e-vdceid],.__collapsed [e-vdceid-host] msg-app-new[e-vdceid],.__will-collapse [e-vdceid-host] msg-app-new[e-vdceid] {
  width: 260px; }

[e-vdceid].chat-filter-container {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s; }

msg-search-results[e-vdceid] {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: auto; }
  msg-search-results[e-vdceid] + msg-chats-list[e-vdceid] {
    opacity: 0; }

msg-folder-stub[e-vdceid] {
  position: absolute;
  width: 100%;
  height: 250px;
  z-index: 2; }
  msg-folder-stub[e-vdceid] [e-vdceid].link {
    margin-top: 8px;
    display: inline-block; }

[e-vdceid].tabs {
  position: relative;
  border-bottom: 1px solid var(--c-delimiter);
  padding: 0 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

[e-vdceid].tabs_i {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  max-width: 33%;
  position: relative;
  display: inline-block;
  padding: 16px 0;
  height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-align: center;
  color: var(--c-text-sub);
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  -webkit-transition: min-width 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-flex-basis 0.15s 0.15s cubic-bezier(0.4, 0, 0.6, 1);
  transition: min-width 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-flex-basis 0.15s 0.15s cubic-bezier(0.4, 0, 0.6, 1);
  transition: flex-basis 0.15s 0.15s cubic-bezier(0.4, 0, 0.6, 1), min-width 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: flex-basis 0.15s 0.15s cubic-bezier(0.4, 0, 0.6, 1), min-width 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-flex-basis 0.15s 0.15s cubic-bezier(0.4, 0, 0.6, 1), -ms-flex-preferred-size 0.15s 0.15s cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s; }
  [e-vdceid].tabs_i.__unread::after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: -6px;
    content: '';
    border-radius: 50%;
    background: var(--c-bubble-bg);
    position: relative;
    top: -8px;
    left: 2px; }
  [e-vdceid].tabs_i.__unread.__muted::after {
    background-color: var(--c-text-sub); }
  [e-vdceid].tabs_i msg-icon[e-vdceid] {
    display: none; }
  [e-vdceid].tabs_i:hover msg-icon[e-vdceid], [e-vdceid].tabs_i.__active msg-icon[e-vdceid] {
    color: inherit; }
  [e-vdceid].tabs_i:hover {
    color: var(--c-text); }
  [e-vdceid].tabs_i.__active {
    color: var(--c-text);
    border-color: var(--c-text); }
  aside.__collapsed [e-vdceid-host] [e-vdceid].tabs_i {
    opacity: 1;
    -webkit-transition: min-width 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), padding-left 0.3s cubic-bezier(0.4, 0, 0.6, 1), padding-right 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-flex-basis 0.15s cubic-bezier(0.4, 0, 0.6, 1);
    transition: min-width 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), padding-left 0.3s cubic-bezier(0.4, 0, 0.6, 1), padding-right 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-flex-basis 0.15s cubic-bezier(0.4, 0, 0.6, 1);
    transition: flex-basis 0.15s cubic-bezier(0.4, 0, 0.6, 1), min-width 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), padding-left 0.3s cubic-bezier(0.4, 0, 0.6, 1), padding-right 0.3s cubic-bezier(0.4, 0, 0.6, 1);
    transition: flex-basis 0.15s cubic-bezier(0.4, 0, 0.6, 1), min-width 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), padding-left 0.3s cubic-bezier(0.4, 0, 0.6, 1), padding-right 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-flex-basis 0.15s cubic-bezier(0.4, 0, 0.6, 1), -ms-flex-preferred-size 0.15s cubic-bezier(0.4, 0, 0.6, 1); }
  aside.__collapsed:not(.active) [e-vdceid-host] [e-vdceid].tabs_i,aside.__will-collapse [e-vdceid-host] [e-vdceid].tabs_i {
    display: none;
    padding-left: 0;
    padding-right: 0; }
    aside.__collapsed:not(.active) [e-vdceid-host] [e-vdceid].tabs_i.__unread:after,aside.__will-collapse [e-vdceid-host] [e-vdceid].tabs_i.__unread:after {
      top: -12px; }
    aside.__collapsed:not(.active) [e-vdceid-host] .tabs_i [e-vdceid].text,aside.__will-collapse [e-vdceid-host] .tabs_i [e-vdceid].text {
      display: none; }
    aside.__collapsed:not(.active) [e-vdceid-host] .tabs_i msg-icon[e-vdceid],aside.__will-collapse [e-vdceid-host] .tabs_i msg-icon[e-vdceid] {
      display: inline-block; }
    aside.__collapsed:not(.active) [e-vdceid-host] [e-vdceid].tabs_i.__active,aside.__will-collapse [e-vdceid-host] [e-vdceid].tabs_i.__active {
      display: block;
      min-width: 70px;
      -ms-flex-preferred-size: 70px;
          flex-basis: 70px; }

[e-vdceid].to-top {
  position: absolute;
  bottom: 8px;
  right: 12px;
  z-index: 3;
  -webkit-transition: background-color 0.15s cubic-bezier(0, 0, 0.2, 1), bottom 0.15s cubic-bezier(0, 0, 0.2, 1);
  transition: background-color 0.15s cubic-bezier(0, 0, 0.2, 1), bottom 0.15s cubic-bezier(0, 0, 0.2, 1); }

aside.__resizing [e-vdceid-host] [e-vdceid].chats-panel_top-normal,aside.__resizing [e-vdceid-host] [e-vdceid].expanded,aside.__resizing [e-vdceid-host] [e-vdceid].tabs_i,aside.__will-collapse [e-vdceid-host] [e-vdceid].chats-panel_top-normal,aside.__will-collapse [e-vdceid-host] [e-vdceid].expanded,aside.__will-collapse [e-vdceid-host] [e-vdceid].tabs_i {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

aside.__collapsed [e-vdceid-host] msg-search-input[e-vdceid] {
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), padding-left 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), padding-left 0.3s cubic-bezier(0.4, 0, 0.6, 1); }

aside.__collapsed [e-vdceid-host] [e-vdceid].create {
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1); }

aside.__collapsed:not(.active) [e-vdceid-host] msg-search-input[e-vdceid],aside.__collapsed:not(.active) [e-vdceid-host] [e-vdceid].create {
  opacity: 0; }

@-webkit-keyframes show-button-e-vdceid {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes show-button-e-vdceid {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@-webkit-keyframes hide-button-e-vdceid {
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes hide-button-e-vdceid {
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }
[ekt4btn-host] {
  display: block;
  overflow-y: auto;
  contain: strict;
  will-change: scroll-position;
  height: 100%;
  scrollbar-face-color: #fff;
  scrollbar-arrow-color: #ccc;
  scrollbar-track-color: #ddd;
  scrollbar-shadow-color: #ddd;
  scrollbar-highlight-color: #ddd;
  scrollbar-3dlight-color: #ddd;
  scrollbar-darkshadow-Color: #ddd; }
  [ekt4btn-host]::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: var(--c-scrollbar); }
  [ekt4btn-host]::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  [ekt4btn-host]::-webkit-scrollbar-thumb {
    min-height: 40px;
    border-radius: 0;
    background-color: var(--c-scrollbar-thumb);
    border-radius: 1px;
    border: 0;
    background-clip: padding-box; }
  [ekt4btn-host]::-webkit-scrollbar-thumb:hover {
    background-color: var(--c-scrollbar-thumb-hover); }

msg-button[ekt4btn] {
  margin-top: 20px; }

[ekt4btn].not-found {
  margin: 24px 0 12px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1; }
  [ekt4btn].not-found msg-l10n[ekt4btn] {
    display: block; }
  [ekt4btn].not-found msg-icon[ekt4btn] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }
[e-1vm349].__color-0 {
  color: #FF2E93; }

[e-1vm349].__color-1 {
  color: #E15C4A; }

[e-1vm349].__color-2 {
  color: #FD7E16; }

[e-1vm349].__color-3 {
  color: #F69627; }

[e-1vm349].__color-4 {
  color: #E12D63; }

[e-1vm349].__color-5 {
  color: #DE557E; }

[e-1vm349].__color-6 {
  color: #E14FDA; }

[e-1vm349].__color-7 {
  color: #BD328E; }

[e-1vm349].__color-8 {
  color: #348DE1; }

[e-1vm349].__color-9 {
  color: #9548E1; }

[e-1vm349].__color-10 {
  color: #3A5BF1; }

[e-1vm349].__color-11 {
  color: #5C6EE1; }

[e-1vm349].__color-12 {
  color: #00A9CE; }

[e-1vm349].__color-13 {
  color: #54B1A6; }

[e-1vm349].__color-14 {
  color: #319BDD; }

[e-1vm349].__color-15 {
  color: #3294BD; }

[e-1vm349].__bg-0 {
  background-color: #FF2E93; }

[e-1vm349].__bg-1 {
  background-color: #E15C4A; }

[e-1vm349].__bg-2 {
  background-color: #FD7E16; }

[e-1vm349].__bg-3 {
  background-color: #F69627; }

[e-1vm349].__bg-4 {
  background-color: #E12D63; }

[e-1vm349].__bg-5 {
  background-color: #DE557E; }

[e-1vm349].__bg-6 {
  background-color: #E14FDA; }

[e-1vm349].__bg-7 {
  background-color: #BD328E; }

[e-1vm349].__bg-8 {
  background-color: #348DE1; }

[e-1vm349].__bg-9 {
  background-color: #9548E1; }

[e-1vm349].__bg-10 {
  background-color: #3A5BF1; }

[e-1vm349].__bg-11 {
  background-color: #5C6EE1; }

[e-1vm349].__bg-12 {
  background-color: #00A9CE; }

[e-1vm349].__bg-13 {
  background-color: #54B1A6; }

[e-1vm349].__bg-14 {
  background-color: #319BDD; }

[e-1vm349].__bg-15 {
  background-color: #3294BD; }

[e-1vm349-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  cursor: pointer;
  color: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  overflow: hidden; }
  [e-1vm349-host]:hover {
    background-color: var(--c-active-chat-item); }

[e-1vm349-host] > [e-1vm349].container {
  display: block;
  padding: 8px 4px 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 64px;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0; }
  [e-1vm349-host] > [e-1vm349].container:hover {
    text-decoration: none; }

[e-1vm349].avatar {
  position: relative;
  float: left;
  height: 48px;
  width: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%; }
  [e-1vm349].avatar msg-icon[e-1vm349] {
    display: block;
    color: #f5f5f5;
    margin: 0 auto; }

[e-1vm349].join {
  color: var(--c-text-sub); }

[e-1vm349].title,
[e-1vm349].text {
  margin-left: 60px; }
  [e-1vm349].title msg-parsed-text[e-1vm349],
  [e-1vm349].text msg-parsed-text[e-1vm349] {
    padding-right: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

[e-1vm349].title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  font-weight: inherit;
  color: var(--c-text); }

[e-1vm349].text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 20px;
  line-height: 20px;
  color: var(--c-aside-text); }
  [e-1vm349].text.__typing [e-1vm349].contents:nth-of-type(1) {
    opacity: 1; }
  [e-1vm349].text.__typing [e-1vm349].contents:nth-of-type(2) {
    opacity: 0; }

[e-1vm349].contents {
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
  padding-right: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-1vm349].call-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  text-align: center;
  border-radius: 50%;
  color: #f5f5f5;
  background: var(--c-overlay-dark);
  font-size: 11px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  [e-1vm349].call-info msg-duration[e-1vm349] {
    line-height: 16px; }
  [e-1vm349].call-info msg-icon[e-1vm349] {
    display: block;
    color: #f5f5f5;
    margin: 0 auto 2px; }

msg-button[e-1vm349][shape=circle] {
  height: 24px;
  width: 24px;
  border: 0;
  min-width: 24px; }

[e-1vm349].controls {
  white-space: nowrap;
  padding-right: 8px;
  opacity: 0; }
  [e-1vm349-host]:hover [e-1vm349].controls {
    opacity: 1; }
[ekzfvtv-host] {
  display: block;
  overflow-y: auto;
  contain: strict;
  will-change: scroll-position;
  overflow-anchor: none; }

msg-chats-list-item[ekzfvtv],
msg-chats-list-item-compact[ekzfvtv] {
  contain: layout;
  height: 64px;
  position: relative;
  width: 100%;
  z-index: 1;
  background: var(--c-bg); }
  msg-chats-list-item[ekzfvtv][active], msg-chats-list-item[ekzfvtv][selected],
  msg-chats-list-item-compact[ekzfvtv][active],
  msg-chats-list-item-compact[ekzfvtv][selected] {
    background-color: var(--c-active-chat-item) !important; }
  msg-chats-list-item[ekzfvtv][selected]::before,
  msg-chats-list-item-compact[ekzfvtv][selected]::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #697cff; }
  msg-chats-list-item[ekzfvtv].draggable,
  msg-chats-list-item-compact[ekzfvtv].draggable {
    background-color: var(--c-active-chat-item) !important;
    opacity: 0.3; }
  msg-chats-list-item[ekzfvtv].animate-update,
  msg-chats-list-item-compact[ekzfvtv].animate-update {
    z-index: 2;
    -webkit-animation: chat-animate-update-ekzfvtv 0.3s ease-out forwards;
            animation: chat-animate-update-ekzfvtv 0.3s ease-out forwards; }
  msg-chats-list-item[ekzfvtv].animate-insert,
  msg-chats-list-item-compact[ekzfvtv].animate-insert {
    -webkit-animation: chat-animate-insert-ekzfvtv 0.3s ease-out backwards;
            animation: chat-animate-insert-ekzfvtv 0.3s ease-out backwards; }
  msg-chats-list-item[ekzfvtv].animate-delete,
  msg-chats-list-item-compact[ekzfvtv].animate-delete {
    -webkit-animation: chat-animate-delete-ekzfvtv 0.3s ease-out forwards;
            animation: chat-animate-delete-ekzfvtv 0.3s ease-out forwards; }
  msg-chats-list-item[ekzfvtv].reordered,
  msg-chats-list-item-compact[ekzfvtv].reordered {
    z-index: 3; }
  msg-chats-list-item[ekzfvtv].fake,
  msg-chats-list-item-compact[ekzfvtv].fake {
    position: absolute;
    left: 0;
    top: 0; }
  msg-chats-list-item[ekzfvtv].reorder-effect,
  msg-chats-list-item-compact[ekzfvtv].reorder-effect {
    -webkit-transition: opacity 0.15s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.15s ease-out;
    transition: opacity 0.15s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.15s ease-out;
    transition: transform 0.3s ease-out, opacity 0.15s ease-out, box-shadow 0.15s ease-out;
    transition: transform 0.3s ease-out, opacity 0.15s ease-out, box-shadow 0.15s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.15s ease-out; }
  msg-chats-list-item[ekzfvtv].reorder,
  msg-chats-list-item-compact[ekzfvtv].reorder {
    cursor: -webkit-grab;
    cursor: grab;
    z-index: 3; }
  msg-chats-list-item[ekzfvtv].reorder-move,
  msg-chats-list-item-compact[ekzfvtv].reorder-move {
    opacity: 0.9;
    -webkit-box-shadow: var(--ui-shadow);
            box-shadow: var(--ui-shadow); }
  msg-chats-list-item[ekzfvtv].reorder-up,
  msg-chats-list-item-compact[ekzfvtv].reorder-up {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  msg-chats-list-item[ekzfvtv].reorder-down,
  msg-chats-list-item-compact[ekzfvtv].reorder-down {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }

[ekzfvtv].drag {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 8px;
  height: 24px;
  max-width: 180px;
  min-width: 50px;
  height: 24px;
  background-color: var(--c-btn);
  color: var(--c-btn-text);
  opacity: 0.8;
  cursor: -webkit-grab;
  cursor: grab;
  z-index: 1000; }
  [ekzfvtv].drag-title {
    overflow: hidden;
    white-space: nowrap;
    line-height: 24px;
    text-overflow: ellipsis; }
  [ekzfvtv].drag-hidden {
    visibility: hidden; }

[ekzfvtv].drag-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  z-index: 999; }

msg-chats-list-item-compact[ekzfvtv] {
  height: 44px; }

msg-progress[ekzfvtv] {
  display: block;
  width: 32px;
  margin: 8px auto; }

[ekzfvtv].after {
  position: relative; }

[ekzfvtv].not-found {
  margin: 24px 0 12px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1; }
  [ekzfvtv].not-found msg-l10n[ekzfvtv] {
    display: block; }
  [ekzfvtv].not-found msg-icon[ekzfvtv] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }

@-webkit-keyframes appear-ekzfvtv {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes appear-ekzfvtv {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes chat-animate-update-ekzfvtv {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes chat-animate-update-ekzfvtv {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes chat-animate-insert-ekzfvtv {
  from {
    height: 0; } }

@keyframes chat-animate-insert-ekzfvtv {
  from {
    height: 0; } }

@-webkit-keyframes chat-animate-delete-ekzfvtv {
  to {
    height: 0; } }

@keyframes chat-animate-delete-ekzfvtv {
  to {
    height: 0; } }
[e-lrlnqd-host] {
  display: block;
  position: relative;
  cursor: pointer;
  color: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

[e-lrlnqd-host][favorite] {
  background: var(--c-favorite); }

[e-lrlnqd-host] > [e-lrlnqd].container {
  display: block;
  padding: 8px 6px 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 64px; }
  [e-lrlnqd-host] > [e-lrlnqd].container:hover {
    text-decoration: none; }

[e-lrlnqd-host][selected] > container[e-lrlnqd] {
  border-left: 3px solid #697cff;
  padding-left: 9px; }

aside.__collapsed [e-lrlnqd-host] [e-lrlnqd].last-reaction {
  display: none; }

[e-lrlnqd].avatar {
  position: relative;
  float: left; }
  [e-lrlnqd].avatar.__overlay msg-user-card[e-lrlnqd], [e-lrlnqd].avatar.__overlay msg-avatar[e-lrlnqd] {
    -webkit-filter: brightness(35%);
            filter: brightness(35%); }

msg-chat-notification-bubble[e-lrlnqd] {
  position: relative;
  top: 1px; }

[e-lrlnqd-host] .anim-collapse msg-notification-bubble,
  [e-lrlnqd-host] .anim-expand msg-notification-bubble {
  position: absolute;
  right: 0; }

[e-lrlnqd-host] msg-notification-bubble {
  display: block; }

[e-lrlnqd-host] .anim-expand msg-notification-bubble {
  -webkit-animation: pop-e-lrlnqd 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  animation: pop-e-lrlnqd 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }

[e-lrlnqd-host] .anim-collapse msg-notification-bubble {
  animation: pop-e-lrlnqd 0.3s ease-out reverse; }

msg-typing-indicator[e-lrlnqd] {
  font-weight: normal;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative; }

msg-icon[e-lrlnqd][icon=reply] {
  color: #fff;
  position: relative;
  top: 2px; }

msg-icon[e-lrlnqd][icon=alert-off] {
  min-width: 12px;
  margin: 2px 4px 0 3px;
  color: var(--c-aside-text); }

msg-icon[e-lrlnqd][icon=favorite] {
  min-width: 12px;
  color: var(--c-aside-text);
  margin: 2px 2px 0 auto; }
  msg-icon[e-lrlnqd][icon=favorite] + [e-lrlnqd].date {
    margin-left: 0; }

msg-progress[e-lrlnqd] {
  vertical-align: -2px; }

[e-lrlnqd].title,
[e-lrlnqd].text {
  margin-left: 60px; }
  [e-lrlnqd].title msg-parsed-text[e-lrlnqd],
  [e-lrlnqd].text msg-parsed-text[e-lrlnqd] {
    padding-right: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

[e-lrlnqd].title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  font-weight: inherit;
  color: var(--c-text); }

[e-lrlnqd].text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 20px;
  line-height: 20px;
  color: var(--c-aside-text); }

[e-lrlnqd].text-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: hidden; }

[e-lrlnqd].contents {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  padding-right: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [e-lrlnqd].contents.__typing {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }

[e-lrlnqd].call-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  text-align: center;
  color: #f5f5f5;
  font-size: 11px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  [e-lrlnqd].call-info msg-duration[e-lrlnqd] {
    line-height: 16px; }
  [e-lrlnqd].call-info msg-icon[e-lrlnqd] {
    display: block;
    color: #f5f5f5;
    margin: 0 auto 2px; }

[e-lrlnqd].my-unread {
  display: inline-block;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  min-width: 8px;
  background: var(--c-bubble-muted-bg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 1px 0 auto;
  -ms-flex-item-align: center;
      align-self: center; }

[e-lrlnqd].my-read {
  margin: 1px 1px 0 auto;
  -ms-flex-item-align: center;
      align-self: center;
  color: var(--c-aside-text); }

[e-lrlnqd].date {
  margin: 2px 0 0 auto;
  white-space: nowrap;
  font-size: 11px;
  color: var(--c-aside-text);
  padding-left: 2px; }

[e-lrlnqd].last-reaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  width: 24px;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--c-bg-semi);
  border: 1px solid var(--c-delimiter);
  border-radius: 20px;
  margin-left: 4px; }
  [e-lrlnqd].last-reaction msg-emoji[e-lrlnqd] {
    --emoji-size: 12px !important; }

[e-lrlnqd-host] msg-emoji {
  --emoji-size: 16px !important;
  --emoji-align: -.12em !important; }

@-webkit-keyframes pop-e-lrlnqd {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes pop-e-lrlnqd {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
[e1xrpx3-host] {
  display: block;
  position: relative;
  width: 48px;
  height: 48px; }

[e1xrpx3].online {
  display: block;
  position: absolute;
  bottom: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background-color: #697cff;
  border-radius: 50%;
  pointer-events: none; }
  [e1xrpx3].online.__big {
    width: 12px;
    height: 12px; }
  [e1xrpx3].online.__inverse {
    border-color: #334; }
  [e1xrpx3-host][masked] [e1xrpx3].online {
    border-color: transparent;
    background-clip: padding-box; }

[e1xrpx3-host][size=nano] {
  width: 16px;
  height: 16px; }
  [e1xrpx3-host][size=nano] [e1xrpx3].online {
    display: none; }

[e1xrpx3-host][size=micro] {
  width: 20px;
  height: 20px; }
  [e1xrpx3-host][size=micro] [e1xrpx3].online {
    height: 6px;
    width: 6px;
    bottom: -2px;
    left: -2px; }

[e1xrpx3-host][size=small] {
  width: 32px;
  min-width: 32px;
  height: 32px; }
  [e1xrpx3-host][size=small] [e1xrpx3].online {
    bottom: 0;
    left: 0; }

[e1xrpx3-host][size=normal] {
  width: 64px;
  height: 64px; }

[e1xrpx3-host][size=big] {
  width: 96px;
  height: 96px; }
  [e1xrpx3-host][size=big] [e1xrpx3].online {
    bottom: 6px;
    left: 6px; }

[e1xrpx3-host][size=large] {
  width: 128px;
  height: 128px; }
  [e1xrpx3-host][size=large] [e1xrpx3].online {
    bottom: 8px;
    left: 8px; }

[e1xrpx3-host][size=xl] {
  width: 190px;
  height: 190px; }
  [e1xrpx3-host][size=xl] [e1xrpx3].online {
    bottom: 8px;
    left: 8px; }

msg-icon[e1xrpx3][icon="user"] {
  width: 50%;
  height: 50%;
  padding: 25%;
  display: inline-block;
  border-radius: 100%;
  background: var(--c-msg);
  color: var(--c-text-sub); }

@-webkit-keyframes appear-e1xrpx3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes appear-e1xrpx3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
[ek7nqw9].__color-0 {
  color: #FF2E93; }

[ek7nqw9].__color-1 {
  color: #E15C4A; }

[ek7nqw9].__color-2 {
  color: #FD7E16; }

[ek7nqw9].__color-3 {
  color: #F69627; }

[ek7nqw9].__color-4 {
  color: #E12D63; }

[ek7nqw9].__color-5 {
  color: #DE557E; }

[ek7nqw9].__color-6 {
  color: #E14FDA; }

[ek7nqw9].__color-7 {
  color: #BD328E; }

[ek7nqw9].__color-8 {
  color: #348DE1; }

[ek7nqw9].__color-9 {
  color: #9548E1; }

[ek7nqw9].__color-10 {
  color: #3A5BF1; }

[ek7nqw9].__color-11 {
  color: #5C6EE1; }

[ek7nqw9].__color-12 {
  color: #00A9CE; }

[ek7nqw9].__color-13 {
  color: #54B1A6; }

[ek7nqw9].__color-14 {
  color: #319BDD; }

[ek7nqw9].__color-15 {
  color: #3294BD; }

[ek7nqw9].__bg-0 {
  background-color: #FF2E93; }

[ek7nqw9].__bg-1 {
  background-color: #E15C4A; }

[ek7nqw9].__bg-2 {
  background-color: #FD7E16; }

[ek7nqw9].__bg-3 {
  background-color: #F69627; }

[ek7nqw9].__bg-4 {
  background-color: #E12D63; }

[ek7nqw9].__bg-5 {
  background-color: #DE557E; }

[ek7nqw9].__bg-6 {
  background-color: #E14FDA; }

[ek7nqw9].__bg-7 {
  background-color: #BD328E; }

[ek7nqw9].__bg-8 {
  background-color: #348DE1; }

[ek7nqw9].__bg-9 {
  background-color: #9548E1; }

[ek7nqw9].__bg-10 {
  background-color: #3A5BF1; }

[ek7nqw9].__bg-11 {
  background-color: #5C6EE1; }

[ek7nqw9].__bg-12 {
  background-color: #00A9CE; }

[ek7nqw9].__bg-13 {
  background-color: #54B1A6; }

[ek7nqw9].__bg-14 {
  background-color: #319BDD; }

[ek7nqw9].__bg-15 {
  background-color: #3294BD; }

[ek7nqw9-host] {
  position: relative;
  display: block;
  width: 48px;
  min-width: 48px;
  height: 48px;
  font-size: 18px;
  line-height: 48px;
  border-radius: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  [ek7nqw9-host] [ek7nqw9].stub-text.__large {
    font-size: 24px; }

aside.__collapsed [ek7nqw9-host] [ek7nqw9].ok-icon {
  visibility: hidden; }

[ek7nqw9-host][size=nano] {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-width: 16px;
  background-size: 16px;
  font-size: 8px;
  line-height: 16px; }
  [ek7nqw9-host][size=nano] [ek7nqw9].stub-text.__large {
    font-size: 14px; }
  [ek7nqw9-host][size=nano] [ek7nqw9].ok-icon {
    width: 6px;
    height: 6px; }

[ek7nqw9-host][size=micro] {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-size: 20px;
  font-size: 10px;
  line-height: 21px; }
  [ek7nqw9-host][size=micro] [ek7nqw9].stub-text.__large {
    font-size: 14px; }
  [ek7nqw9-host][size=micro] [ek7nqw9].ok-icon {
    width: 8px;
    height: 8px; }

[ek7nqw9-host][size=small] {
  width: 32px;
  min-width: 32px;
  height: 32px;
  background-size: 32px;
  font-size: 14px;
  line-height: 32px; }
  [ek7nqw9-host][size=small] [ek7nqw9].stub-text.__large {
    font-size: 16px; }
  [ek7nqw9-host][size=small] [ek7nqw9].__masked {
    -webkit-clip-path: path("M9.42 30.59a6 6 0 0 0-8-8 16 16 0 1 1 8 8z");
            clip-path: path("M9.42 30.59a6 6 0 0 0-8-8 16 16 0 1 1 8 8z"); }
  [ek7nqw9-host][size=small] [ek7nqw9].ok-icon {
    width: 10px;
    height: 10px; }

[ek7nqw9-host][size=normal] {
  width: 64px;
  min-width: 64px;
  height: 64px; }
  [ek7nqw9-host][size=normal] [ek7nqw9].ok-icon {
    width: 18px;
    height: 18px; }

[ek7nqw9-host][size=big] {
  width: 96px;
  min-width: 96px;
  height: 96px;
  line-height: 96px;
  font-size: 32px; }
  [ek7nqw9-host][size=big] [ek7nqw9].stub-text.__large {
    font-size: 40px; }
  [ek7nqw9-host][size=big] [ek7nqw9].ok-icon {
    width: 24px;
    height: 24px; }

[ek7nqw9-host][size=large] {
  width: 128px;
  min-width: 128px;
  height: 128px;
  font-size: 48px;
  line-height: 128px; }
  [ek7nqw9-host][size=large] [ek7nqw9].stub-text.__large {
    font-size: 56px; }
  [ek7nqw9-host][size=large] [ek7nqw9].ok-icon {
    width: 48px;
    height: 48px; }

[ek7nqw9-host][size=xl] {
  width: 190px;
  min-width: 190px;
  height: 190px;
  font-size: 60px;
  line-height: 190px; }
  [ek7nqw9-host][size=xl] [ek7nqw9].stub-text.__large {
    font-size: 72px; }
  [ek7nqw9-host][size=xl] [ek7nqw9].ok-icon {
    width: 36px;
    height: 36px; }

img[ek7nqw9] {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  vertical-align: top;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

[ek7nqw9].img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

[ek7nqw9].__masked {
  -webkit-clip-path: path("M11.76 44.65a6 6 0 0 0-8.41-8.41 24 24 0 1 1 8.41 8.41z");
          clip-path: path("M11.76 44.65a6 6 0 0 0-8.41-8.41 24 24 0 1 1 8.41 8.41z"); }

[ek7nqw9].stub {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  min-width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background: var(--c-msg);
  color: var(--c-text-sub); }

[ek7nqw9].stub-text {
  color: #fff;
  font-size: inherit;
  text-transform: uppercase; }

[ek7nqw9].ok-icon {
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 14px;
  height: 14px; }

[e-tzh8oj-host] {
    display: inline;
    --emoji-size: 20px;
    --emoji-margin: -1px 0;
    --emoji-align: -.2em;
    --code-white-space: pre-wrap;
}
/*# sourceMappingURL=msg-parsed-text.css.map */
[e2ypx5f-host] {
    /* --emoji-size: 20px;
    --emoji-margin: -1px 0;
    --emoji-align: -.2em; */

    display: inline-block;
    font-size: var(--emoji-size);
    margin: var(--emoji-margin);
    vertical-align: var(--emoji-align);
    line-height: var(--emoji-size);
    width: var(--emoji-size);
    height: var(--emoji-size);
    overflow: hidden;
}

[e2ypx5f-host][size="20"] {
    --emoji-size: 20px;
}

[e2ypx5f-host][size="32"] {
    --emoji-size: 32px;
}

[e2ypx5f-host][size="48"] {
    --emoji-size: 48px;
    --emoji-margin: 0;
}

img[e2ypx5f] {
    vertical-align: top;
    width: 100%;
    height: 100%;
}

[e2ypx5f].hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}
/*# sourceMappingURL=msg-emoji.css.map */[e-pif9x-host] {
  display: inline-block;
  padding: 0 4px;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 11px;
  border-radius: 16px;
  font-weight: normal;
  color: #fff;
  background-color: var(--c-bubble-bg); }

[e-pif9x-host][type=muted] {
  background-color: var(--c-bubble-muted-bg);
  color: var(--c-bubble-text); }

[e-pif9x-host][type=muted] ::slotted(msg-icon) {
  color: var(--c-bubble-text); }

[e-pif9x-host][type=warn] {
  color: #fff;
  background-color: var(--c-error); }

[e-pif9x-host][type=count] {
  color: var(--c-text-sub);
  background-color: var(--c-bubble-count-bg);
  border: 1px solid var(--c-bubble-muted-bg);
  line-height: 16px; }

[e-vflvfp-host] {
    pointer-events: none;
}
/*# sourceMappingURL=msg-chat-alerts.css.map */[ek93rip-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden; }

msg-avatar[ek93rip] {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  position: relative; }

msg-chats-list-message[ek93rip] {
  max-height: 20px;
  line-height: 20px; }

msg-icon[ek93rip].type {
  display: inline-block;
  background-color: var(--c-bubble-bg);
  color: #fff;
  border-radius: 8px;
  padding: 2px 4px;
  margin-right: 6px;
  min-width: 12px; }
  msg-icon[ek93rip].type.__forward {
    padding: 0;
    margin-right: 3px;
    background-color: inherit;
    color: var(--c-aside-text); }
[e-r39cs9-host] {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

[e-r39cs9].attachment-icon {
  display: inline-block;
  margin-right: .25em; }
  [e-r39cs9].attachment-icon msg-parsed-text[e-r39cs9] {
    line-height: 16px;
    --emoji-align: -.1em;
    --emoji-size: 16px; }

msg-parsed-text[e-r39cs9] {
  --code-white-space: nowrap; }

[e-r39cs9-host][type=CALL] msg-l10n[e-r39cs9],[e-r39cs9-host][type=LOCATION] msg-l10n[e-r39cs9] {
  text-transform: lowercase; }

[e-r39cs9].message-txt {
  color: var(--c-aside-text);
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

msg-attachment-preview[e-r39cs9] {
  margin-right: 2px; }
  msg-attachment-preview[e-r39cs9]:last-of-type {
    margin-right: 4px; }
[e-ux40qp].message {
  display: inline; }

[e-ux40qp].user,
[e-ux40qp].more {
  font-size: 14px;
  font-weight: 500; }

[e-ux40qp].user {
  line-height: 16px; }

[e-ux40qp].time {
  margin-top: 2px;
  font-size: 11px;
  color: var(--c-text-sub); }

msg-avatar[e-ux40qp] {
  display: inline-block;
  vertical-align: top; }

[e-ux40qp].attachment-icon {
  margin-right: 5px; }
msg-icon[e-mv8s4l] {
  vertical-align: -2px;
  color: var(--c-aside-text); }
  msg-icon[e-mv8s4l][icon=contact], msg-icon[e-mv8s4l][icon=file], msg-icon[e-mv8s4l][icon=link], msg-icon[e-mv8s4l][icon=music], msg-icon[e-mv8s4l][icon=phone] {
    vertical-align: -1px; }
[e-7qjonf].wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  position: relative;
  border-radius: 4px; }

[e-7qjonf].video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  border: 0.5px solid rgba(0, 0, 0, 0.08); }

msg-icon[e-7qjonf] {
  width: 8px;
  height: 8px;
  color: #EBEBEB; }

img[e-7qjonf] {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%; }
[e3k2bjp-host] {
  display: inline-block;
  color: var(--c-text-sub); }

[e3k2bjp].animation {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle; }

[e3k2bjp].dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--c-text-sub);
  border-radius: 100%;
  -webkit-animation: typing-e3k2bjp 1.2s ease-in-out infinite;
          animation: typing-e3k2bjp 1.2s ease-in-out infinite; }
  [e3k2bjp-host][paused] [e3k2bjp].dot {
    -webkit-animation-play-state: paused;
            animation-play-state: paused; }

[e3k2bjp].dot:nth-of-type(2) {
  -webkit-animation-delay: 0.08s;
          animation-delay: 0.08s; }

[e3k2bjp].dot:nth-of-type(3) {
  -webkit-animation-delay: 0.16s;
          animation-delay: 0.16s; }

@-webkit-keyframes typing-e3k2bjp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0.5; }
  40% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes typing-e3k2bjp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0.5; }
  40% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

slot[e3k2bjp] {
  display: inline;
  vertical-align: top;
  margin-left: 2px;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
[ekuzqj1-host] {
  display: inline-block;
  vertical-align: top; }
  [ekuzqj1-host] canvas[ekuzqj1] {
    vertical-align: top;
    width: 192px;
    height: 192px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
[e-v9fx6g-host] msg-emoji {
    --emoji-size: 16px !important;
    --emoji-align: -.12em;
}
/*# sourceMappingURL=msg-chat-typing-label.css.map */[e-e1twib-host] {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  max-width: 100%;
  font-weight: 500;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-e1twib-host][official] {
  padding-right: 18px; }

msg-icon[e-e1twib][icon=group-chat],
msg-icon[e-e1twib][icon=channel],
msg-icon[e-e1twib][icon=bot] {
  color: var(--c-text);
  vertical-align: -3px;
  margin-right: 4px; }

msg-icon[e-e1twib][icon=bot] {
  vertical-align: -2px; }

msg-official-icon[e-e1twib] {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -8px 0 0 0; }

[e-e1twib].container {
  line-height: var(--emoji-size);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-e1twib-host] msg-emoji {
  --emoji-size: 16px !important;
  --emoji-align: -.12em; }

[e8b2y35-host] {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}
/*# sourceMappingURL=msg-official-icon.css.map */[e-s7reav-host] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis; }

msg-l10n[e-s7reav][key=draft] {
  color: #697cff; }

msg-icon[e-s7reav] {
  color: inherit;
  vertical-align: -2px;
  margin-right: 4px; }
[e-5mp07l-host] {
  display: block;
  position: relative;
  cursor: pointer;
  color: inherit; }

[e-5mp07l-host][favorite] {
  background: var(--c-favorite); }

[e-5mp07l].container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 6px 6px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [e-5mp07l].container:hover {
    text-decoration: none; }

[e-5mp07l-host][selected] [e-5mp07l].container {
  border-left: 3px solid #697cff;
  padding-left: 9px; }

msg-chat-notification-bubble[e-5mp07l] {
  min-width: 24px; }

msg-icon[e-5mp07l][icon=reply], msg-icon[e-5mp07l][icon=mention] {
  color: #fff;
  position: relative;
  top: 2px;
  background-color: var(--c-bubble-bg);
  border-radius: 1em;
  padding: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  min-width: 24px; }

msg-icon[e-5mp07l][icon=alert-off] {
  min-width: 12px;
  margin: 2px 4px 0;
  color: var(--c-aside-text); }

msg-icon[e-5mp07l][icon=favorite] {
  min-width: 12px;
  color: var(--c-aside-text);
  margin: 0 4px; }
  msg-icon[e-5mp07l][icon=favorite]:first-child {
    margin-left: 0; }
  [e-5mp07l].my-read + msg-icon[e-5mp07l][icon=favorite] {
    margin-left: 6px; }

[e-5mp07l].avatar {
  position: relative;
  margin-right: 12px;
  min-width: 32px; }
  [e-5mp07l].avatar.__overlay msg-user-card[e-5mp07l], [e-5mp07l].avatar.__overlay msg-avatar[e-5mp07l] {
    -webkit-filter: brightness(35%);
            filter: brightness(35%); }

msg-progress[e-5mp07l] {
  vertical-align: -2px; }

[e-5mp07l].title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: inherit;
  color: var(--c-text); }
  [e-5mp07l].title msg-parsed-text[e-5mp07l] {
    padding-right: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

[e-5mp07l].call-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  text-align: center;
  color: #f5f5f5;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  [e-5mp07l].call-info msg-icon[e-5mp07l] {
    display: block;
    color: #f5f5f5;
    margin: 0 auto; }

[e-5mp07l].my-unread {
  display: inline-block;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  min-width: 8px;
  background: var(--c-bubble-muted-bg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 8px 0 0;
  -ms-flex-item-align: center;
      align-self: center; }

[e-5mp07l].my-read {
  margin: 1px 2px 0 0;
  -ms-flex-item-align: center;
      align-self: center;
  color: var(--c-aside-text); }

[e-5mp07l].meta {
  margin-left: auto;
  padding-left: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  [e-5mp07l].meta:empty {
    display: none; }

.__collapsed [e-5mp07l-host] [e-5mp07l].title {
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s; }

.__collapsed:not(.active) [e-5mp07l-host] [e-5mp07l].title,.__will-collapse [e-5mp07l-host] [e-5mp07l].title {
  opacity: 0; }

[e-5mp07l-host] msg-emoji {
  --emoji-size: 16px !important;
  --emoji-align: -.12em !important; }

@-webkit-keyframes show-typing-e-5mp07l {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes show-typing-e-5mp07l {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes hide-typing-e-5mp07l {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    margin-top: -20px; } }

@keyframes hide-typing-e-5mp07l {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    margin-top: -20px; } }
/* Links
-------------------------------------------------- */
a[ev3n1at] {
  color: var(--c-link); }
  a[ev3n1at]:hover {
    color: var(--c-link-hover); }

a[ev3n1at],
[ev3n1at].link {
  text-decoration: none;
  cursor: pointer; }
  a[ev3n1at]:hover,
  [ev3n1at].link:hover {
    text-decoration: underline; }

[ev3n1at].pl,
[ev3n1at].sl,
[ev3n1at].il {
  cursor: pointer; }

[ev3n1at].link.pl {
  color: #697cff; }
  [ev3n1at].link.pl:hover {
    color: #3d5afe; }

[ev3n1at].sl {
  color: #8a8a95; }
  [ev3n1at].sl:hover {
    color: #5c5c69; }

[ev3n1at].il {
  color: #8a8a95; }
  [ev3n1at].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[ev3n1at].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[ev3n1at].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[ev3n1at].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[ev3n1at].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[ev3n1at-host] {
  display: block;
  overflow-y: auto;
  contain: layout;
  overflow-anchor: none; }

[ev3n1at].h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [ev3n1at].h4 > msg-l10n[ev3n1at] {
    display: inline-block;
    padding-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  [ev3n1at].h4.__sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0; }
  [ev3n1at].h4 msg-icon[ev3n1at] {
    cursor: pointer;
    color: var(--c-text-sub);
    width: 12px; }

[ev3n1at].progress {
  padding: 12px;
  text-align: center;
  height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[ev3n1at].more-container {
  background: var(--c-delimiter);
  padding: 8px;
  text-align: center;
  cursor: pointer; }
  [ev3n1at].more-container msg-l10n[ev3n1at] {
    color: var(--c-link);
    height: 25px; }

msg-chats-list-item[ev3n1at],
msg-search-results-item[ev3n1at] {
  contain: layout; }
  msg-chats-list-item[ev3n1at]::before,
  msg-search-results-item[ev3n1at]::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3px;
    -webkit-transition: -webkit-transform 0.15s;
    transition: -webkit-transform 0.15s;
    transition: transform 0.15s;
    transition: transform 0.15s, -webkit-transform 0.15s;
    background: #697cff;
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px); }
  msg-chats-list-item[ev3n1at]:hover, msg-chats-list-item[ev3n1at][active], msg-chats-list-item[ev3n1at][selected],
  msg-search-results-item[ev3n1at]:hover,
  msg-search-results-item[ev3n1at][active],
  msg-search-results-item[ev3n1at][selected] {
    background-color: var(--c-active-chat-item); }
  msg-chats-list-item[ev3n1at][selected]::before,
  msg-search-results-item[ev3n1at][selected]::before {
    -webkit-transform: translateX(0);
            transform: translateX(0); }

[ev3n1at].header-more {
  color: var(--c-link);
  font-weight: normal;
  margin-top: -1px; }
  [ev3n1at].header-more:hover {
    color: var(--c-link-hover); }

[ev3n1at].not-found {
  margin: 24px 0 12px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1; }
  [ev3n1at].not-found msg-l10n[ev3n1at] {
    display: block; }
  [ev3n1at].not-found msg-icon[ev3n1at] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }

@media (max-width: 100px) {
  [ev3n1at].more-container msg-button[ev3n1at] {
    visibility: hidden; } }
[ed94g1d-host] {
  display: block;
  position: relative;
  cursor: pointer;
  color: inherit; }

[ed94g1d-host][active] {
  background-color: var(--c-active); }

[ed94g1d-host][selected] {
  background-color: var(--c-active); }

[ed94g1d-host] > [ed94g1d].container {
  display: block;
  padding: 8px 6px 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 64px; }
  [ed94g1d-host] > [ed94g1d].container:hover {
    text-decoration: none; }

[ed94g1d].avatar {
  float: left;
  position: relative; }

[ed94g1d].call-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  text-align: center;
  border-radius: 50%;
  color: #f5f5f5;
  background: var(--c-overlay-dark);
  font-size: 11px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  [ed94g1d].call-info msg-duration[ed94g1d] {
    line-height: 16px; }
  [ed94g1d].call-info msg-icon[ed94g1d] {
    display: block;
    color: #f5f5f5;
    margin: 0 auto 2px; }

msg-notification-bubble[ed94g1d] {
  margin-top: 2px; }

[ed94g1d].title,
[ed94g1d].text {
  margin-left: 60px; }
  [ed94g1d].title msg-parsed-text[ed94g1d],
  [ed94g1d].text msg-parsed-text[ed94g1d] {
    padding-right: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

[ed94g1d].title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  font-weight: inherit;
  color: var(--c-text); }

[ed94g1d].text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 20px;
  line-height: 20px;
  color: var(--c-aside-text);
  overflow: hidden; }

[ed94g1d].contents {
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
  padding-right: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
[e-akcgvj-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  color: var(--c-text);
  align-items: center;
  padding: 8px;
  --width: 100%;
  --icon-opacity: 0.5; }

msg-icon[e-akcgvj][icon=search] {
  color: var(--c-btn-text);
  opacity: var(--icon-opacity);
  pointer-events: none; }
  msg-icon[e-akcgvj][icon=search] + .input msg-input[e-akcgvj] {
    margin-left: 8px; }

[e-akcgvj].input {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  width: var(--width); }

msg-input[e-akcgvj] {
  padding: 0;
  display: block;
  color: inherit;
  line-height: inherit;
  overflow: hidden;
  min-width: 0;
  min-height: 16px;
  line-height: 1.1;
  margin-right: 20px;
  width: auto;
  white-space: nowrap; }
  msg-input[e-akcgvj]::-webkit-input-placeholder {
    line-height: 1.2; }
  msg-input[e-akcgvj]::-ms-clear {
    display: none; }

msg-button[e-akcgvj] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto !important;
  right: 0; }

@-webkit-keyframes expand-e-akcgvj {
  from {
    width: 0; }
  to {
    width: var(--width); } }

@keyframes expand-e-akcgvj {
  from {
    width: 0; }
  to {
    width: var(--width); } }
[e3p93d7-host] {
  --emoji-size: 20px;
  --emoji-margin: -1px 0;
  display: inline-block;
  font-size: 14px;
  color: var(--c-text);
  line-height: 1.5em;
  min-height: 1.5em;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  white-space: pre;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  outline: none; }

[e3p93d7-host][placeholder].empty::before {
  color: var(--c-text-sub);
  opacity: .75;
  pointer-events: none;
  content: attr(placeholder);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 19px;
  display: inline-block;
  vertical-align: top; }

[e3p93d7-host]:focus::before {
  opacity: .5; }

[e3p93d7-host][multiline] {
  overflow: auto;
  overflow-x: hidden;
  white-space: pre-wrap;
  scrollbar-face-color: #fff;
  scrollbar-arrow-color: #ccc;
  scrollbar-track-color: #ddd;
  scrollbar-shadow-color: #ddd;
  scrollbar-highlight-color: #ddd;
  scrollbar-3dlight-color: #ddd;
  scrollbar-darkshadow-Color: #ddd; }
  [e3p93d7-host][multiline]::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: var(--c-scrollbar); }
  [e3p93d7-host][multiline]::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  [e3p93d7-host][multiline]::-webkit-scrollbar-thumb {
    min-height: 40px;
    border-radius: 0;
    background-color: var(--c-scrollbar-thumb);
    border-radius: 1px;
    border: 0;
    background-clip: padding-box; }
  [e3p93d7-host][multiline]::-webkit-scrollbar-thumb:hover {
    background-color: var(--c-scrollbar-thumb-hover); }

[e3p93d7-host].__secondary {
  border-bottom: 1px solid var(--c-delimiter);
  overflow: hidden;
  padding-left: 0;
  padding-right: 0; }

[e3p93d7-host].__secondary.__error {
  border-color: #ff5756;
  -webkit-box-shadow: none;
          box-shadow: none; }

[e3p93d7-host] .emoji {
  font-size: var(--emoji-size);
  margin: var(--emoji-margin); }

[e3p93d7-host] .link {
  padding: 0 1px; }

[e3p93d7-host] .link:hover {
  text-decoration: none; }

[e3p93d7-host] .mention:not(.link), [e3p93d7-host] .text-mention {
  color: var(--c-link); }

[e3p93d7-host] .mention:not(.link):hover, [e3p93d7-host] .text-mention:hover {
  color: var(--c-link-hover); }

[e3p93d7-host] .text-mention {
  text-decoration: underline; }
[e-wmsunj-host] {
  height: 49px;
  border-bottom: 1px solid var(--c-delimiter);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  color: var(--c-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-app-region: drag;
  --controls-order: 0; }

slot[e-wmsunj]:not([name]) {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  max-width: 100%; }

slot[e-wmsunj][name="controls"] {
  display: block;
  padding-left: 8px;
  -webkit-box-ordinal-group: var(--controls-order);
      -ms-flex-order: var(--controls-order);
          order: var(--controls-order); }
  slot[e-wmsunj][name="controls"]:empty {
    display: none; }
[emgjocv-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 16px;
  padding: 0 12px;
  border-bottom: 1px solid var(--c-delimiter);
  color: var(--c-text);
  height: 47px; }

[emgjocv].text {
  margin-right: 12px;
  font-size: 14px;
  line-height: 16px; }

aside.__collapsed [emgjocv-host] [emgjocv-host] {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center; }

aside.__collapsed [emgjocv-host] [emgjocv].text {
  display: none; }

msg-progress[emgjocv] {
  margin-left: 4px; }
[e-yqt50l-host] {
  display: block;
  width: 100%; }

[e-yqt50l].requires-update {
  min-height: 35px; }
  [e-yqt50l].requires-update dd[e-yqt50l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

msg-icon[e-yqt50l][icon=refresh] {
  -ms-flex-item-align: center;
      align-self: center; }

dl[e-yqt50l] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 8px 12px;
  margin: 0;
  background: #697cff;
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  [e-yqt50l-host][fallback] dl[e-yqt50l] {
    background: #F4BF46; }

dt[e-yqt50l] {
  padding: 0;
  margin: 0 12px 0 0;
  width: 48px;
  height: 48px;
  min-width: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #5667DA;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  border-radius: 50%; }
  [e-yqt50l-host][fallback] dt[e-yqt50l] {
    background: #FF5E1B; }

dd[e-yqt50l] {
  padding: 0;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  min-width: 170px; }
  dd[e-yqt50l] msg-l10n[e-yqt50l] {
    margin: 0; }
    dd[e-yqt50l] msg-l10n[e-yqt50l].title {
      font-size: 14px;
      line-height: 16px; }
  dd[e-yqt50l] [e-yqt50l].buttons {
    margin-top: 8px; }
  dd[e-yqt50l] msg-button[e-yqt50l] {
    display: inline-block;
    width: auto;
    font-size: 14px; }
    dd[e-yqt50l] msg-button[e-yqt50l][role=primary] {
      background-color: rgba(255, 255, 255, 0.85);
      color: #5B5B69;
      margin-right: 4px;
      padding: 0 10px; }
      dd[e-yqt50l] msg-button[e-yqt50l][role=primary]:hover {
        color: #697cff;
        background-color: #fff;
        text-decoration: none; }
        [e-yqt50l-host][fallback] dd msg-button[e-yqt50l][role=primary]:hover {
          color: #F4BF46; }
    dd[e-yqt50l] msg-button[e-yqt50l][role=secondary] {
      background: none;
      color: #fff;
      padding: 0; }
      dd[e-yqt50l] msg-button[e-yqt50l][role=secondary]:hover {
        color: #fff;
        background: none;
        text-decoration: underline; }
    dd[e-yqt50l] msg-button msg-l10n[e-yqt50l] {
      overflow: visible; }
[ema84c3-host] {
  display: block;
  width: 100%; }

dl[ema84c3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 8px;
  margin: 0;
  background: var(--c-active);
  border-bottom: 1px solid var(--c-delimiter);
  color: var(--c-text);
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden; }

dt[ema84c3] {
  padding: 0;
  margin: 0 8px 0 0;
  min-width: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

dd[ema84c3] {
  padding: 0;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: hidden;
  min-width: 105px;
  max-height: 200px;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s; }
  aside[ema84c3].__collapsed dd[ema84c3] {
    min-width: 180px; }
  aside[ema84c3].__will-collapse dd[ema84c3],
  aside[ema84c3].__collapsed:not(.active) dd[ema84c3] {
    max-height: 48px; }

msg-icon[ema84c3][icon="security"] {
  width: 32px;
  height: 32px; }

[ema84c3].hl {
  color: var(--c-highlight); }
[e-a2zdn6-host] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  contain: layout;
  height: 64px;
  background: var(--c-active-chat-item); }

[e-a2zdn6].container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  contain: layout;
  padding: 8px 4px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 260px; }

msg-duration[e-a2zdn6] {
  display: inline-block;
  min-width: 32px;
  text-align: center; }

[e-a2zdn6].cover {
  position: relative;
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
  background-color: var(--c-btn);
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden; }
  [e-a2zdn6].cover msg-button[e-a2zdn6],
  [e-a2zdn6].cover msg-progress[e-a2zdn6] {
    color: var(--c-btn-text); }
  [e-a2zdn6].cover.__bg msg-button[e-a2zdn6],
  [e-a2zdn6].cover.__bg msg-progress[e-a2zdn6] {
    color: #fff; }
  [e-a2zdn6].cover.__bg:before {
    content: '';
    background: rgba(51, 51, 68, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

[e-a2zdn6].player-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 64px; }

[e-a2zdn6].previous, [e-a2zdn6].next {
  display: inline-block;
  overflow: hidden;
  max-width: 32px;
  -webkit-transition: min-width 0.3s, max-width 0.3s, opacity 0.3s;
  transition: min-width 0.3s, max-width 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); }
  [e-a2zdn6].previous.__disabled, [e-a2zdn6].next.__disabled {
    -webkit-filter: opacity(0.5);
            filter: opacity(0.5);
    cursor: default;
    pointer-events: none; }

[e-a2zdn6].more {
  display: none;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: -4px; }
  .is-mobile [e-a2zdn6-host] [e-a2zdn6].more,[e-a2zdn6-host]:hover [e-a2zdn6].more {
    display: block; }
  [e-a2zdn6].more msg-button[e-a2zdn6] {
    height: 24px;
    width: 24px;
    min-width: 24px;
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle; }

[e-a2zdn6].info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  padding-left: 4px; }
  [e-a2zdn6].info [e-a2zdn6].title, [e-a2zdn6].info [e-a2zdn6].subtitle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  [e-a2zdn6].info [e-a2zdn6].title {
    line-height: 20px;
    font-weight: 500;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: var(--c-text); }
  [e-a2zdn6].info [e-a2zdn6].subtitle {
    line-height: 20px;
    color: var(--c-text-sub); }

[e-a2zdn6].offset {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 6;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  padding: 8px 0;
  margin: -2px 8px 0;
  cursor: pointer; }

[e-a2zdn6].audio-progress {
  position: relative;
  height: 3px;
  border-radius: 1em;
  background-color: var(--c-bg); }

[e-a2zdn6].audio-progress [e-a2zdn6].bar {
  height: 100%;
  background-color: var(--c-text-sub); }

[e-a2zdn6].draggable-point {
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  margin: -4px 0 0 -8px;
  z-index: 1;
  cursor: pointer; }
  [e-a2zdn6].draggable-point [e-a2zdn6].point {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 11px;
    height: 11px;
    background: var(--c-text-sub);
    box-sizing: border-box;
    border-radius: 100%; }

[e-a2zdn6].tooltip {
  position: -webkit-sticky;
  position: sticky;
  font-size: 11px;
  width: 82px;
  height: 16px;
  background: #5c5c69;
  border-radius: 8px;
  margin-top: -24px;
  margin-bottom: 8px;
  padding: 0;
  color: #fff;
  line-height: 16px;
  text-align: center; }
  [e-a2zdn6].tooltip [e-a2zdn6].total {
    color: rgba(255, 255, 255, 0.5); }

msg-icon[e-a2zdn6] {
  cursor: pointer; }

aside.__collapsed:not(.active) [e-a2zdn6-host] [e-a2zdn6].previous,aside.__collapsed:not(.active) [e-a2zdn6-host] [e-a2zdn6].next {
  min-width: 0;
  max-width: 0;
  opacity: 0; }

[e-wiqrlf-host] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: var(--c-text-sub);
    text-align: center;
}

msg-icon[e-wiqrlf] {
    width: 40px;
    height: 40px;
}

p[e-wiqrlf] {
    margin-top: 24px;
}
/*# sourceMappingURL=msg-folder-stub.css.map */[e-gqtu31-host] {
  display: block;
  font-size: 14px;
  color: var(--c-text);
  line-height: 16px; }

h4[e-gqtu31] {
  padding: 8px 0 4px 12px; }

ul[e-gqtu31] {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0; }

li[e-gqtu31] {
  cursor: pointer;
  padding: 8px 16px 8px 12px; }
  li[e-gqtu31]:hover {
    background-color: var(--c-active); }
[e-fhzx53-host] {
  display: inline-block;
  position: relative;
  min-height: 16px;
  min-width: 16px;
  line-height: 16px;
  opacity: .8; }

[e-fhzx53-host]:not([disabled]):hover,[e-fhzx53-host][checked] {
  opacity: 1; }

[e-fhzx53-host][disabled] [e-fhzx53].checkbox {
  opacity: .6; }

[e-fhzx53-host][disabled] [e-fhzx53].toggle {
  opacity: .4; }

[e-fhzx53-host][disabled] label[e-fhzx53] {
  cursor: default; }

[e-fhzx53-host]:not([disabled]) label[e-fhzx53] {
  cursor: pointer; }

input[e-fhzx53][type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

input[e-fhzx53][type="checkbox"]:checked + [e-fhzx53].checkbox {
  color: var(--c-text); }
  input[e-fhzx53][type="checkbox"]:checked + .checkbox msg-icon[e-fhzx53] {
    opacity: 1;
    color: #fff; }
  input[e-fhzx53][type="checkbox"]:checked + [e-fhzx53].checkbox:before {
    -webkit-transform: scale(0);
            transform: scale(0); }
  input[e-fhzx53][type="checkbox"]:checked + [e-fhzx53].checkbox:after {
    -webkit-transform: scale(1);
            transform: scale(1); }

[e-fhzx53].checkbox {
  width: 16px;
  height: 16px;
  color: transparent;
  position: absolute;
  top: 0;
  left: 0; }
  [e-fhzx53-host][shape=square] [e-fhzx53].checkbox::before,[e-fhzx53-host][shape=square] [e-fhzx53].checkbox::after {
    border-radius: 4px; }
  [e-fhzx53].checkbox::before, [e-fhzx53].checkbox::after {
    width: 16px;
    height: 16px;
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6);
    transition: -webkit-transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6);
    transition: transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6);
    transition: transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6), -webkit-transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6); }
  [e-fhzx53].checkbox::before {
    border: 2px solid var(--c-input-border);
    -webkit-transform: scale(1);
            transform: scale(1); }
    msg-message [e-fhzx53-host] [e-fhzx53].checkbox::before {
      border-color: var(--c-tint); }
    msg-message-pro [e-fhzx53-host] [e-fhzx53].checkbox::before {
      border-color: var(--c-text-sub); }
  [e-fhzx53].checkbox::after {
    background: #697cff;
    -webkit-transform: scale(0);
            transform: scale(0); }

input[e-fhzx53][type="checkbox"]:checked + [e-fhzx53].toggle {
  color: var(--c-text); }
  input[e-fhzx53][type="checkbox"]:checked + [e-fhzx53].toggle:before {
    background: #697cff; }
  input[e-fhzx53][type="checkbox"]:checked + [e-fhzx53].toggle:after {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
    border-color: #697cff; }

[e-fhzx53].toggle {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 20px; }
  [e-fhzx53].toggle:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    height: 6px;
    width: 20px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: var(--c-text-sub); }
  [e-fhzx53].toggle:after {
    position: relative;
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    margin-top: 2px;
    border-radius: 50%;
    background: var(--c-bg);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px solid var(--c-text-sub);
    -webkit-transition: background 0.15s, -webkit-transform 0.15s;
    transition: background 0.15s, -webkit-transform 0.15s;
    transition: transform 0.15s, background 0.15s;
    transition: transform 0.15s, background 0.15s, -webkit-transform 0.15s; }

msg-icon[e-fhzx53] {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  color: var(--c-bg);
  opacity: 0; }
  [e-fhzx53-host][autocheck] msg-icon[e-fhzx53] {
    color: var(--c-input-border);
    opacity: 1; }

slot[e-fhzx53] {
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: inherit; }
  slot[e-fhzx53]:not(:empty) {
    margin-left: 24px; }

[e-fhzx53].autocheck {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #697cff;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6);
  transition: -webkit-transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6);
  transition: transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6);
  transition: transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6), -webkit-transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6);
  z-index: 4; }
  [e-fhzx53-host][checked] [e-fhzx53].autocheck {
    -webkit-transform: scale(0);
            transform: scale(0); }
  [e-fhzx53].autocheck::before {
    content: '';
    position: absolute;
    left: 4px;
    right: 4px;
    height: 2px;
    border-radius: 1px;
    top: 7px;
    display: block;
    background: #fff; }
main[e-uu847x] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0 8px 12px;
  gap: 8px; }
  main[e-uu847x] msg-often-chat-tooltip[e-uu847x] {
    cursor: pointer; }
    main[e-uu847x] msg-often-chat-tooltip msg-user-card[e-uu847x]:before {
      content: "";
      display: block;
      width: 48px;
      height: 48px;
      position: absolute;
      z-index: 10; }
[e23i8iz-host] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  --shade-width: 40px;
  --shade-bg: var(--c-bg); }

main[e23i8iz] {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }
  main[e23i8iz]::before, main[e23i8iz]::after {
    width: var(--shade-width);
    background: var(--shade-bg); }
  [e23i8iz-host][shade] main[e23i8iz].scroll-left::before,[e23i8iz-host][shade] main[e23i8iz].scroll-right::after {
    opacity: 1; }

[ref-scroller-e23i8iz] {
  max-width: 100%;
  overflow: auto;
  overflow-y: hidden;
  padding-bottom: 30px;
  margin-bottom: -30px; }

aside[e23i8iz] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  aside[e23i8iz] msg-button[e23i8iz] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 24px;
    min-width: 24px;
    height: auto; }

@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  main[e23i8iz]::before,
  main[e23i8iz]::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
    -webkit-mask-image: linear-gradient(to right, #000, transparent);
            mask-image: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
            mask-image: linear-gradient(to right, #000, transparent);
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
    opacity: 0;
    pointer-events: none; }
  main[e23i8iz]::before {
    left: 0; }
  main[e23i8iz]::after {
    right: 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); } }
[e-vm1ml4].tooltip-wrapper {
  position: fixed;
  z-index: 999;
  margin-top: 8px; }
  [e-vm1ml4].tooltip-wrapper [e-vm1ml4].tooltip {
    padding: 8px 12px;
    min-width: var(--bubble-min-width);
    min-height: var(--bubble-min-height);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #fff;
    white-space: nowrap;
    background-color: var(--c-tint-active);
    border-radius: 8px; }
[ekdqvhx-host] {
  display: block; }

header[ekdqvhx] msg-button[ekdqvhx] {
  position: absolute;
  top: 8px;
  left: 8px;
  color: #fff; }
  header[ekdqvhx] msg-button[ekdqvhx]:hover {
    color: #fff; }
  .new-macos-app [ekdqvhx-host] header msg-button[ekdqvhx] {
    top: 24px; }

[ekdqvhx].stub {
  display: inline-block;
  position: relative; }
  [ekdqvhx].stub:hover msg-avatar[ekdqvhx] {
    text-decoration: none; }
  [ekdqvhx].stub:hover msg-icon[ekdqvhx][icon=camera] {
    visibility: visible;
    opacity: 1; }
  [ekdqvhx].stub msg-icon[ekdqvhx][icon=camera] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -64px 0 0 -64px;
    border-radius: 50%;
    padding: 52px;
    color: var(--c-btn-tertiary-text);
    background: var(--c-tint);
    overflow: hidden;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s,visibility 0.3s;
    transition: opacity 0.3s,visibility 0.3s; }

input[ekdqvhx][type="file"] {
  position: absolute;
  top: 100%;
  left: 0;
  height: 0;
  width: 0;
  opacity: 0;
  overflow: hidden; }

msg-menu[ekdqvhx] {
  padding-top: 12px;
  padding-right: 0;
  padding-left: 16px;
  line-height: 1.2; }
  msg-menu[ekdqvhx] a[ekdqvhx]:hover {
    text-decoration: none; }

msg-menu-item[ekdqvhx][delimiter] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  margin-bottom: 16px; }
  [theme="dark"] [ekdqvhx-host] msg-menu-item[ekdqvhx][delimiter] {
    border-color: var(--c-delimiter); }

header[ekdqvhx] {
  padding: 32px 24px 20px;
  text-align: center;
  position: relative;
  overflow: hidden;
  display: block; }
  header[ekdqvhx] msg-avatar[ekdqvhx] {
    width: 128px;
    height: 128px;
    min-width: 128px;
    min-height: 128px;
    font-size: 20px;
    line-height: 128px;
    margin: 0 auto;
    border: 2px solid #fff;
    background: #fff;
    border-radius: 50%; }

[ekdqvhx].header_name {
  position: relative;
  display: inline-block;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 500;
  max-width: 100%;
  color: #fff;
  word-break: break-word;
  cursor: pointer;
  color: #ebebeb; }
  [ekdqvhx].header_name:hover {
    color: #fff; }

[ekdqvhx-host] .header_name msg-emoji {
  --emoji-size: 16px;
  --emoji-align: 0; }

[ekdqvhx].tt-logo {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 24px;
  width: 100%;
  padding: 8px;
  line-height: 24px;
  color: #fff;
  opacity: .5; }
  [ekdqvhx].tt-logo svg[ekdqvhx] {
    vertical-align: middle;
    width: 24px; }
  [ekdqvhx].tt-logo [ekdqvhx].text {
    color: #f5f5f5;
    padding-left: 2px; }
  @media (max-height: 612px) {
    [ekdqvhx].tt-logo {
      opacity: 0;
      pointer-events: none; } }

@media (max-height: 584px) {
  [app=DESKTOP] [ekdqvhx-host] [ekdqvhx].tt-logo {
    opacity: .5;
    pointer-events: all; } }

@media (max-height: 564px) {
  [app=DESKTOP] [ekdqvhx-host] [ekdqvhx].tt-logo {
    opacity: 0;
    pointer-events: none; } }

msg-tico[ekdqvhx] {
  color: #f5f5f5; }
  msg-tico[ekdqvhx]:hover {
    color: #fff; }
  [theme="dark"] [ekdqvhx-host] msg-tico[ekdqvhx] {
    color: #ddd; }
    [theme="dark"] [ekdqvhx-host] msg-tico[ekdqvhx]:hover {
      color: #ebebeb; }
[e-dohi9j-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 16px;
  cursor: pointer;
  --icon-color: inherit; }

[e-dohi9j-host][size="small"] {
  font-size: 14px; }

[e-dohi9j].tico_tx {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: break-word; }
  [e-dohi9j-host][position="right"] [e-dohi9j].tico_tx {
    margin-left: 0;
    margin-right: 8px; }
  [e-dohi9j-host][spaced] [e-dohi9j].tico_tx {
    margin-left: 8px; }
  [e-dohi9j-host][size="small"] [e-dohi9j].tico_tx,[e-dohi9j-host][compact] [e-dohi9j].tico_tx {
    margin-left: 4px; }
  [e-dohi9j-host][spaced][position="right"] [e-dohi9j].tico_tx {
    margin-left: 0;
    margin-right: 8px; }
  [e-dohi9j-host][compact][position="right"] [e-dohi9j].tico_tx {
    margin-left: 0;
    margin-right: 4px; }
  [e-dohi9j-host].__inactive [e-dohi9j].tico_tx {
    opacity: .5; }
  .permalink [e-dohi9j-host] [e-dohi9j].tico_tx {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  [e-dohi9j].tico_tx.__small {
    margin-left: 16px; }
  [e-dohi9j].tico_tx.__medium {
    margin-left: 20px; }
  [e-dohi9j].tico_tx.__big {
    margin-left: 24px; }

msg-icon[e-dohi9j] {
  display: inline-block;
  vertical-align: middle;
  color: var(--icon-color);
  min-width: inherit; }
  [e-dohi9j-host][multiline] msg-icon[e-dohi9j] {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-top: 4px; }
  [e-dohi9j-host][multiline][size=small] msg-icon[e-dohi9j] {
    margin-top: 2px; }
  msg-icon[e-dohi9j].__color1 {
    color: #697cff; }
  msg-icon[e-dohi9j].__color2 {
    color: #21c1e4; }
  msg-icon[e-dohi9j].__color3 {
    color: #ff7d73; }
  msg-icon[e-dohi9j][icon=delete] {
    margin-top: -1px; }
  msg-icon[e-dohi9j][icon=alert-on],
  msg-icon[e-dohi9j][icon=alert-off] msg-icon[e-dohi9j][icon=music][size=small] {
    margin-top: 1px; }
[e-e52hn9].__chat-bg {
  background-size: cover; }

[e-e52hn9].__chat-bg-2 {
  background-color: #42423f;
  background-image: url(//web.tamtam.chat/-/images/bg/002_87274e4b.jpg); }

[e-e52hn9].__chat-bg-3 {
  background-color: #ebebeb;
  background-image: url(//web.tamtam.chat/-/images/bg/003_fb973cc9.png); }

[e-e52hn9].__chat-bg-4 {
  background-color: #e7dad2;
  background-image: url(//web.tamtam.chat/-/images/bg/004_b950018c.jpg); }

[e-e52hn9].__chat-bg-5 {
  background-color: #d35558;
  background-image: url(//web.tamtam.chat/-/images/bg/005_3fc8c319.jpg); }

[e-e52hn9].__chat-bg-7 {
  background-color: #dace8e;
  background-image: url(//web.tamtam.chat/-/images/bg/007_11e65c80.jpg); }

[e-e52hn9].__chat-bg-8 {
  background-color: #e9b1a4;
  background-image: url(//web.tamtam.chat/-/images/bg/008_c49ec84f.jpg); }

[e-e52hn9].__chat-bg-9 {
  background-color: #add5ac;
  background-image: url(//web.tamtam.chat/-/images/bg/009_8d5a90fd.jpg); }

[e-e52hn9].__chat-bg-10 {
  background-color: #707070;
  background-image: url(//web.tamtam.chat/-/images/bg/010_672fabd5.jpg); }

[e-e52hn9].__chat-bg-11 {
  background-color: #ab4532;
  background-image: url(//web.tamtam.chat/-/images/bg/011_2557d18d.jpg); }

[e-e52hn9].__chat-bg-12 {
  background-color: #dd7b65;
  background-image: url(//web.tamtam.chat/-/images/bg/012_c0439c62.jpg); }

[e-e52hn9].__chat-bg-13 {
  background-color: #313131;
  background-image: url(//web.tamtam.chat/-/images/bg/013_5acd7cb2.jpg); }

[e-e52hn9-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }

[e-e52hn9-host][narrow] {
  --msg-padding: 1px 12px 1px 36px;
  --msg-control-width: 34px; }

msg-chat-dnd-overlay[e-e52hn9],
[e-e52hn9].overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  background: var(--c-overlay); }

msg-chat-dnd-overlay[e-e52hn9] {
  z-index: 7; }

msg-toolbar[e-e52hn9] {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 12px;
  overflow: hidden;
  z-index: 1;
  padding-top: var(--ui-titlebar-padding);
  height: var(--ui-titlebar-height);
  background-color: var(--ui-titlebar-bg); }
  msg-toolbar[e-e52hn9].__disabled {
    opacity: .3;
    pointer-events: none; }
  [app="DESKTOP"] [e-e52hn9-host] msg-toolbar[e-e52hn9] {
    -webkit-user-select: none;
    -webkit-app-region: drag; }
  .ui-has-folders [e-e52hn9-host] msg-toolbar[e-e52hn9] {
    --ui-titlebar-padding: 0;
    --ui-titlebar-height: 49px;
    --ui-toolbar-height: 49px; }
  msg-toolbar[e-e52hn9] [e-e52hn9].flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    msg-toolbar[e-e52hn9] .flex-container msg-button[e-e52hn9].back {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-item-align: center;
          align-self: center;
      border-right: 1px solid var(--c-delimiter);
      border-radius: 0;
      z-index: 2;
      height: 34px;
      background: var(--ui-titlebar-bg); }
      msg-toolbar[e-e52hn9] .flex-container msg-button.back msg-icon[e-e52hn9] {
        margin-left: 1px; }
    msg-toolbar[e-e52hn9] .flex-container msg-button[e-e52hn9].__has-unread {
      background-color: #33a909; }
      msg-toolbar[e-e52hn9] .flex-container msg-button[e-e52hn9].__has-unread:hover {
        background-color: #339411; }
      msg-toolbar[e-e52hn9] .flex-container msg-button.__has-unread msg-icon[e-e52hn9] {
        color: #fff; }
    msg-toolbar[e-e52hn9] .flex-container msg-chat-item-container[e-e52hn9] {
      -webkit-box-flex: 1;
          -ms-flex: 1 1;
              flex: 1 1;
      max-width: 100%;
      -webkit-app-region: drag; }
      msg-toolbar[e-e52hn9] .flex-container msg-chat-item-container[e-e52hn9], msg-toolbar[e-e52hn9] .flex-container msg-chat-item-container msg-chat-image[e-e52hn9] {
        -webkit-transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.6, 1) 0.3s;
        transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.6, 1) 0.3s;
        transition: transform cubic-bezier(0.4, 0, 0.6, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.6, 1) 0.3s;
        transition: transform cubic-bezier(0.4, 0, 0.6, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.6, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.6, 1) 0.3s; }
      msg-toolbar[e-e52hn9] .flex-container msg-chat-item-container msg-chat-image[e-e52hn9] {
        display: inline-block;
        vertical-align: bottom; }
      msg-toolbar[e-e52hn9] .flex-container msg-chat-item-container[e-e52hn9].hide-image {
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -webkit-transform: translateX(-40px);
                transform: translateX(-40px); }
        msg-toolbar[e-e52hn9] .flex-container msg-chat-item-container.hide-image msg-chat-image[e-e52hn9] {
          -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          opacity: 0; }

main[e-e52hn9] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  background: var(--c-chat-bg); }
  .__ptrn1 [e-e52hn9-host] main[e-e52hn9] {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn1_b51ae061.png); }
  .__ptrn2 [e-e52hn9-host] main[e-e52hn9] {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn2_87420cd7.png); }
  .__ptrn3 [e-e52hn9-host] main[e-e52hn9] {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn3_1e19ca27.png); }
  .__ptrn4 [e-e52hn9-host] main[e-e52hn9] {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn4_efc33c85.png); }
  .__ptrn5 [e-e52hn9-host] main[e-e52hn9] {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn5_224c9098.png); }
  .__ptrn6 [e-e52hn9-host] main[e-e52hn9] {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn6_ee3a610e.png); }
  .__ptrn7 [e-e52hn9-host] main[e-e52hn9] {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn7_37dd3e89.png); }
  .__ptrn1 [e-e52hn9-host] main[e-e52hn9] {
    background-size: 390px 390px; }
  .__ptrn2 [e-e52hn9-host] main[e-e52hn9],.__ptrn3 [e-e52hn9-host] main[e-e52hn9] {
    background-size: 200px 200px; }
  .__ptrn4 [e-e52hn9-host] main[e-e52hn9] {
    background-size: 100% 100%; }
  .__ptrn5 [e-e52hn9-host] main[e-e52hn9] {
    background-size: 100% 100%; }
  .__ptrn6 [e-e52hn9-host] main[e-e52hn9] {
    background-size: 100% 100%; }
  .__ptrn7 [e-e52hn9-host] main[e-e52hn9] {
    background-size: 100% 100%; }

section[e-e52hn9] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative; }

[e-e52hn9].content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  position: relative;
  z-index: 1;
  overflow: hidden; }

msg-chat-actions[e-e52hn9] {
  z-index: 2; }

msg-message-search-results[e-e52hn9],
msg-message-list[e-e52hn9],
msg-message-list2[e-e52hn9] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

msg-message-search-results[e-e52hn9] {
  background: var(--c-bg-semi); }

footer[e-e52hn9] {
  position: relative;
  z-index: 6;
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0;
  background: var(--c-bg); }

msg-typing-indicator[e-e52hn9] {
  position: absolute;
  left: 12px;
  top: -20px;
  max-width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 20px;
  line-height: 20px;
  border-radius: 9px;
  padding: 0 8px 0 6px;
  background: var(--c-bg);
  z-index: 1; }

msg-chat-title[e-e52hn9] {
  -webkit-app-region: no-drag; }

aside[e-e52hn9] {
  display: block;
  width: 300px;
  overflow: hidden; }

msg-chat-aside[e-e52hn9] {
  display: block;
  width: 0;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  overflow: hidden;
  will-change: contents; }
  msg-chat-aside[e-e52hn9].active {
    width: var(--width-aside); }

msg-message-constructor[e-e52hn9] {
  position: relative;
  z-index: 6; }

msg-message-constructor-picker[e-e52hn9],
msg-contacts-panel[e-e52hn9],
msg-map-panel[e-e52hn9],
msg-scheduled-panel[e-e52hn9] {
  position: absolute;
  width: 100%;
  height: 461px;
  bottom: 0;
  left: 0;
  z-index: 7;
  border-top: 1px solid var(--c-delimiter);
  background-color: var(--c-bg); }

msg-message-constructor-picker[e-e52hn9] {
  height: auto;
  max-height: 461px; }

/* /Main */
msg-progress[e-e52hn9] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -24px;
  opacity: 0;
  -webkit-animation: show-e-e52hn9 0.3s 0.9s forwards;
          animation: show-e-e52hn9 0.3s 0.9s forwards; }

[e-e52hn9].welcome-chat-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 14px;
  color: var(--c-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  [e-e52hn9].welcome-chat-text [e-e52hn9].text {
    margin: 0 auto;
    padding: 16px;
    border-radius: 8px;
    background: rgba(51, 51, 68, 0.65);
    color: #f5f5f5;
    line-height: 1.4; }
  [e-e52hn9].welcome-chat-text [e-e52hn9].bot-description {
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    padding: 32px;
    text-align: center;
    max-width: 300px;
    background: rgba(51, 51, 68, 0.65); }
    [e-e52hn9].welcome-chat-text .bot-description msg-avatar[e-e52hn9] {
      margin: 0 auto;
      margin-bottom: 16px; }

[e-e52hn9].suggest-add {
  display: block; }

msg-chat-dialog-footer[e-e52hn9] {
  position: relative;
  z-index: 1; }

msg-posting-form[e-e52hn9] {
  position: relative;
  z-index: 2; }

[e-e52hn9-host][mobile] {
  --msg-padding: 1px 24px 1px 8px;
  --msg-control-width: 0; }
  [e-e52hn9-host][mobile] msg-toolbar[e-e52hn9] {
    overflow: visible;
    z-index: 9;
    padding-right: 8px; }
  [e-e52hn9-host][mobile] section[e-e52hn9] {
    width: 100%; }
  [e-e52hn9-host][mobile] [e-e52hn9].flex-container {
    padding-left: 8px; }

msg-l10n[e-e52hn9][key="audio-call"],
msg-l10n[e-e52hn9][key="video-call"] {
  display: block; }
  msg-l10n[e-e52hn9][key="audio-call"]:first-letter,
  msg-l10n[e-e52hn9][key="video-call"]:first-letter {
    text-transform: uppercase; }

/* /Messenger layout
---------------------------------------------------------------------------------- */
@-webkit-keyframes show-e-e52hn9 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes show-e-e52hn9 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes slide-e-e52hn9 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes slide-e-e52hn9 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes typing-e-e52hn9 {
  from {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes typing-e-e52hn9 {
  from {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
[ejoywub-host] {
  display: inline-block;
  position: relative;
  --bubble-min-height: 0px;
  --bubble-min-width: 100px; }
  [ejoywub-host][target] {
    position: initial; }

slot[ejoywub][name=bubble] {
  position: absolute;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 8px 4px;
  margin: 4px 0;
  min-width: var(--bubble-min-width);
  min-height: var(--bubble-min-height);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  color: var(--c-link);
  white-space: nowrap;
  background-color: var(--c-bg);
  border-radius: 4px;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  -webkit-transition: left 0.3s ease, right 0.3s ease, top 0.3s ease, bottom 0.3s ease, height 0.15s linear;
  transition: left 0.3s ease, right 0.3s ease, top 0.3s ease, bottom 0.3s ease, height 0.15s linear; }
  slot[ejoywub][name=bubble] [ejoywub].h4 {
    margin: 8px 0;
    cursor: default;
    color: var(--c-text); }
[ejoywub-host] msg-menu {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0; }

@-webkit-keyframes pop-in-ejoywub {
  from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }

@keyframes pop-in-ejoywub {
  from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }

@-webkit-keyframes pop-out-ejoywub {
  to {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }

@keyframes pop-out-ejoywub {
  to {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }
[e-bsec2h-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-align: center;
  border-top: 1px solid var(--c-delimiter);
  height: 48px;
  background: var(--c-chat-bg); }

[e-bsec2h].link {
  display: inline-block;
  margin-top: 16px;
  font-size: 14px; }

[e-bsec2h].subscribe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

msg-button[e-bsec2h].__wide {
  margin-top: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 0; }

msg-button[e-bsec2h].__alerts {
  margin: 8px 12px 0 0; }
  msg-button[e-bsec2h].__alerts msg-chat-alerts[e-bsec2h] {
    height: 16px; }
[e-5hfdj1-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 8px var(--padding-ta);
  font-size: 14px;
  color: var(--c-text-sub); }

[e-5hfdj1].content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-item-align: var(--align-content);
      align-self: var(--align-content);
  width: 0; }

[e-5hfdj1].message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 16px; }

[e-5hfdj1].title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  line-height: 20px;
  height: 20px; }
  [e-5hfdj1-host][size=small] [e-5hfdj1].title {
    line-height: 16px;
    height: 16px; }

slot[e-5hfdj1][name=title] {
  display: block;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  color: var(--c-text);
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: hidden; }

[e-5hfdj1-host] msg-name {
  height: 18px;
  line-height: 16px; }

[e-5hfdj1-host] :host([size=small]) msg-name {
  line-height: 16px;
  height: 16px; }

slot[e-5hfdj1][name=image]:not(:empty) {
  display: block;
  margin-right: 12px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }
  [e-5hfdj1-host][size=small] slot[e-5hfdj1][name=image]:not(:empty) {
    margin-right: 8px; }

slot[e-5hfdj1][name=badge] {
  display: block;
  line-height: 16px; }
  slot[e-5hfdj1][name=badge]:empty {
    display: none; }

slot[e-5hfdj1].text {
  display: block;
  line-height: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  max-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

slot[e-5hfdj1][name=title] {
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s; }

slot[e-5hfdj1][name=favorite] {
  display: block;
  line-height: 12px; }

[e-5hfdj1-host][compact] [e-5hfdj1].content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

[e-5hfdj1-host][compact] slot[e-5hfdj1][name=title] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

@media (max-width: 680px) {
  [e-5hfdj1-host][foldable][compact] slot[e-5hfdj1][name=title] {
    opacity: 0;
    visibility: hidden; }
  [e-5hfdj1-host][foldable][compact] slot[e-5hfdj1][name=image] {
    -webkit-transform: translateX(8px);
            transform: translateX(8px); } }
[ekh2abt-host]:hover [ekh2abt].link {
  opacity: 1;
  visibility: visible; }

[ekh2abt].title {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  max-width: 100%;
  color: var(--c-text);
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [ekh2abt].title.__has-link {
    padding-right: 28px; }

[ekh2abt].link {
  position: absolute;
  right: 0;
  top: -8px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 0.15s, opacity 0.15s;
  transition: visibility 0s 0.15s, opacity 0.15s; }

[ekh2abt-host] msg-emoji {
  --emoji-size: 16px !important;
  --emoji-align: -.12em; }
[eulnhgj-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

[eulnhgj].container {
  position: relative;
  width: 100%;
  height: 100%; }

msg-contact-picker[eulnhgj] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

msg-toolbar[eulnhgj] {
  text-align: center; }

msg-button[eulnhgj][slot="controls"] {
  margin-right: 8px; }
[e-tds8wv-host] {
  color: var(--c-text);
  font-size: 14px;
  overflow: hidden;
  display: block; }

[e-tds8wv].scroller {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow-y: auto; }

[e-tds8wv].container {
  position: relative; }

[e-tds8wv].delimiter {
  padding: 7px 16px;
  color: var(--c-delimiter); }

msg-picker[e-tds8wv] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%; }

msg-add-stub[e-tds8wv] {
  margin-top: 8px;
  padding: 8px 16px;
  display: block; }
  msg-add-stub[e-tds8wv]:hover {
    background-color: var(--c-active); }

msg-contact-picker-item[e-tds8wv] {
  cursor: pointer; }
  msg-contact-picker-item[e-tds8wv].active {
    background: var(--c-active); }

[e-tds8wv].not-found {
  margin: 24px 0 20px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1; }
  [e-tds8wv].not-found msg-l10n[e-tds8wv] {
    display: block; }
  [e-tds8wv].not-found msg-icon[e-tds8wv] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }
[ek7xkvb-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--c-text);
  font-size: 14px;
  position: relative; }

[ek7xkvb].header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--c-delimiter);
  min-height: 48px; }

[ek7xkvb].contents {
  overflow: hidden;
  height: 100%; }

slot[ek7xkvb][name=header] {
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  line-height: 24px;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out; }

slot[ek7xkvb][name=footer] {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-top: 1px solid var(--c-delimiter);
  padding: 8px 12px;
  line-height: 24px;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out; }

msg-picker-tokens[ek7xkvb] {
  border-top: 1px solid var(--c-delimiter);
  -webkit-transition: margin ease-out 0.15s, -webkit-transform ease-out 0.15s;
  transition: margin ease-out 0.15s, -webkit-transform ease-out 0.15s;
  transition: margin ease-out 0.15s, transform ease-out 0.15s;
  transition: margin ease-out 0.15s, transform ease-out 0.15s, -webkit-transform ease-out 0.15s;
  max-height: 204px;
  padding-left: 16px;
  overflow-y: scroll;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  position: relative; }
  msg-picker-tokens[ek7xkvb].__empty {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    margin-top: -56px;
    height: 56px; }
[ebsvkhp-host] {
  max-height: 100px;
  padding-right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[ebsvkhp-host][multiple] {
  overflow: auto; }

slot[ebsvkhp][name=label] {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1;
          flex: 0 1;
  margin: 0 0 0 16px; }
  slot[ebsvkhp][name=label]:empty {
    display: none; }

msg-search-input[ebsvkhp] {
  padding-left: 16px;
  height: 48px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

msg-picker-tokens-item[ec8g148] {
    display: block;
}
/*# sourceMappingURL=msg-picker-tokens.css.map */msg-picker-tokens-item[ec8g148] {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 4px 0;
  width: 52px;
  height: 48px;
  -webkit-animation: pop-in-ec8g148 0.2s ease-out forwards;
          animation: pop-in-ec8g148 0.2s ease-out forwards;
  -webkit-transform-origin: 24px 50%;
          transform-origin: 24px 50%; }
  msg-picker-tokens-item[ec8g148].animate-out {
    -webkit-animation-name: pop-out-ec8g148;
            animation-name: pop-out-ec8g148; }

@-webkit-keyframes pop-in-ec8g148 {
  from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }

@keyframes pop-in-ec8g148 {
  from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }

@-webkit-keyframes pop-out-ec8g148 {
  to {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }

@keyframes pop-out-ec8g148 {
  to {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }
msg-avatar[e-aq8kn0],
msg-icon[e-aq8kn0][icon=clear] {
  display: inline-block;
  vertical-align: middle; }

msg-avatar[e-aq8kn0] {
  margin-right: 4px; }

msg-icon[e-aq8kn0][icon=clear] {
  position: absolute;
  top: -2px;
  right: 0;
  width: 10px;
  height: 10px;
  padding: 5px;
  background: var(--c-btn);
  color: var(--c-btn-text);
  border-radius: 12px;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s; }
  msg-icon[e-aq8kn0][icon=clear]:hover {
    background: var(--c-btn-active); }
  [e-aq8kn0-host]:hover msg-icon[e-aq8kn0][icon=clear] {
    opacity: 1; }

[e-aq8kn0].name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

msg-parsed-text[e-aq8kn0] {
  vertical-align: middle;
  margin: 2px; }

div[e-aq8kn0][slot="bubble"] {
  text-align: center;
  padding: 2px; }
[e-hat2i5-host] {
  display: inline-block;
  color: var(--c-text);
  cursor: pointer; }

msg-button[e-hat2i5] {
  margin-right: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -ms-flex-preferred-size: content;
      flex-basis: content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--c-link);
  color: var(--c-text); }
  [e-hat2i5-host][size=large] msg-button[e-hat2i5] {
    height: 48px;
    width: 48px;
    min-width: 48px;
    margin-right: 12px; }

[e-hat2i5].text {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px; }
[e-lyiasp-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  color: var(--c-text);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }

[e-lyiasp-host][disabled] {
  opacity: 0.3; }

[e-lyiasp-host].active:not([disabled]) {
  cursor: pointer;
  background: var(--c-active); }

msg-user-card[e-lyiasp],
[e-lyiasp].info {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

msg-user-card[e-lyiasp] {
  margin-right: 12px; }

msg-name[e-lyiasp] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

slot[e-lyiasp][name=meta] {
  display: block;
  color: var(--c-text-sub); }
[e17gz4x-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: height 0.3s;
  transition: height 0.3s; }

[e17gz4x][slot="title"] {
  display: block;
  font-size: 14px;
  color: #fff;
  margin-top: 8px; }

msg-progress[e17gz4x] {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin: -49px 0 0 -24px;
  color: #fff; }

msg-map[e17gz4x] {
  width: 100%;
  height: 100%; }

main[e17gz4x] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: hidden; }

msg-map-marker[e17gz4x] {
  display: block;
  width: 36px;
  height: 51px;
  cursor: -webkit-grab;
  cursor: grab;
  z-index: 2; }

msg-toolbar[e17gz4x] {
  text-align: center; }
  msg-toolbar[e17gz4x] div[e17gz4x][slot="controls"] {
    position: absolute;
    top: 8px;
    right: 8px; }
    msg-toolbar[e17gz4x] div[slot="controls"] msg-button[e17gz4x] {
      padding-left: 0;
      margin-left: 8px; }

footer[e17gz4x] {
  border-top: 1px solid var(--c-delimiter); }
  footer[e17gz4x] msg-button[e17gz4x] {
    display: block;
    padding: 0;
    text-align: center;
    width: 100%;
    height: 48px;
    color: #697cff; }
[e-u7wom1-host] {
  display: block;
  overflow: hidden; }

[e-u7wom1].map {
  width: 100%;
  height: 100%; }

[e-u7wom1].left-top-controls, [e-u7wom1].right-bottom-controls, [e-u7wom1].right-top-controls {
  position: absolute;
  padding: 8px; }
  [e-u7wom1].left-top-controls msg-bubble[e-u7wom1], [e-u7wom1].left-top-controls msg-button[e-u7wom1], [e-u7wom1].right-bottom-controls msg-bubble[e-u7wom1], [e-u7wom1].right-bottom-controls msg-button[e-u7wom1], [e-u7wom1].right-top-controls msg-bubble[e-u7wom1], [e-u7wom1].right-top-controls msg-button[e-u7wom1] {
    float: left; }
  [e-u7wom1].left-top-controls msg-button[e-u7wom1], [e-u7wom1].left-top-controls [e-u7wom1].geocoder, [e-u7wom1].right-bottom-controls msg-button[e-u7wom1], [e-u7wom1].right-bottom-controls [e-u7wom1].geocoder, [e-u7wom1].right-top-controls msg-button[e-u7wom1], [e-u7wom1].right-top-controls [e-u7wom1].geocoder {
    background: #fff;
    -webkit-box-shadow: var(--ui-shadow);
            box-shadow: var(--ui-shadow);
    color: var(--c-btn-text); }
    [e-u7wom1].left-top-controls msg-button[e-u7wom1]:hover, [e-u7wom1].left-top-controls [e-u7wom1].geocoder:hover, [e-u7wom1].right-bottom-controls msg-button[e-u7wom1]:hover, [e-u7wom1].right-bottom-controls [e-u7wom1].geocoder:hover, [e-u7wom1].right-top-controls msg-button[e-u7wom1]:hover, [e-u7wom1].right-top-controls [e-u7wom1].geocoder:hover {
      background: #ddd; }
  [e-u7wom1].left-top-controls msg-menu[e-u7wom1], [e-u7wom1].right-bottom-controls msg-menu[e-u7wom1], [e-u7wom1].right-top-controls msg-menu[e-u7wom1] {
    background: #fff;
    width: 84px; }
  [e-u7wom1].left-top-controls msg-menu-item[e-u7wom1], [e-u7wom1].right-bottom-controls msg-menu-item[e-u7wom1], [e-u7wom1].right-top-controls msg-menu-item[e-u7wom1] {
    cursor: pointer;
    color: var(--c-btn-text); }
    [e-u7wom1].left-top-controls msg-menu-item msg-icon[e-u7wom1][icon="check"], [e-u7wom1].right-bottom-controls msg-menu-item msg-icon[e-u7wom1][icon="check"], [e-u7wom1].right-top-controls msg-menu-item msg-icon[e-u7wom1][icon="check"] {
      float: right; }

[e-u7wom1].left-top-controls {
  top: 0;
  left: 0; }
  [e-u7wom1].left-top-controls [e-u7wom1].stereo-mode {
    font-weight: 500;
    margin-left: 8px; }
    [e-u7wom1].left-top-controls [e-u7wom1].stereo-mode.__active {
      color: var(--c-highlight); }

[e-u7wom1].right-top-controls {
  right: 0;
  top: 0; }
  [e-u7wom1].right-top-controls [e-u7wom1].geocoder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding: 6px;
    border-radius: 2em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 20px;
    width: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: width 0.15s linear;
    transition: width 0.15s linear; }
    [e-u7wom1].right-top-controls [e-u7wom1].geocoder.__active {
      width: 300px;
      overflow: visible;
      padding: 6px 0px 6px 6px; }
      [e-u7wom1].right-top-controls [e-u7wom1].geocoder.__active:hover {
        background: #fff; }
      [e-u7wom1].right-top-controls .geocoder.__active msg-search-input[e-u7wom1] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%; }
      [e-u7wom1].right-top-controls .geocoder.__active msg-icon[e-u7wom1] {
        margin-left: 4px;
        min-width: 16px; }
    [e-u7wom1].right-top-controls .geocoder msg-search-input[e-u7wom1] {
      display: none;
      margin: 0 0 0 8px;
      padding: 0;
      color: var(--c-btn-text); }
    [e-u7wom1].right-top-controls .geocoder [e-u7wom1].results {
      position: absolute;
      top: 36px;
      right: 0;
      border-radius: 12px;
      width: 306px;
      background: #fff;
      -webkit-box-shadow: var(--ui-shadow);
              box-shadow: var(--ui-shadow);
      color: var(--c-btn-text);
      overflow: hidden; }
      [e-u7wom1].right-top-controls .geocoder .results [e-u7wom1].item {
        padding: 6px 12px;
        cursor: pointer; }
        [e-u7wom1].right-top-controls .geocoder .results [e-u7wom1].item:first-child {
          padding-top: 12px; }
        [e-u7wom1].right-top-controls .geocoder .results [e-u7wom1].item:last-child {
          padding-bottom: 12px; }
        [e-u7wom1].right-top-controls .geocoder .results [e-u7wom1].item:hover {
          background: var(--c-active); }
        [e-u7wom1].right-top-controls .geocoder .results .item [e-u7wom1].item-name, [e-u7wom1].right-top-controls .geocoder .results .item [e-u7wom1].item-address {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        [e-u7wom1].right-top-controls .geocoder .results .item [e-u7wom1].item-name {
          font-weight: 500; }
        [e-u7wom1].right-top-controls .geocoder .results .item [e-u7wom1].item-address {
          color: var(--c-text-sub); }

[e-u7wom1-host] .mapboxgl-canvas-container.mapboxgl-interactive,
  [e-u7wom1-host] .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: default; }

[e-u7wom1-host] .pt {
  position: absolute;
  z-index: 5;
  border: 2px solid var(--c-bg);
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: #697cff; }

[e-u7wom1-host] .pt.__expired {
  background-color: #334; }
[ekbr939-host] {
  display: block;
  position: absolute; }

msg-icon[ekbr939] {
  color: #697cff; }

msg-avatar[ekbr939] {
  position: absolute; }
  msg-avatar[ekbr939][size=small] {
    top: 7px;
    left: 6px;
    height: 24px;
    width: 24px;
    min-width: 24px; }
  msg-avatar[ekbr939][size=normal] {
    top: 9px;
    left: 8px;
    height: 40px;
    width: 40px;
    min-width: 40px; }

msg-icon[ekbr939][icon=location-pin],
msg-icon[ekbr939][icon=location-marker] {
  height: 51px;
  width: 36px; }
  msg-icon[ekbr939][icon=location-pin][size=large],
  msg-icon[ekbr939][icon=location-marker][size=large] {
    height: 75px;
    width: 56px; }

[ekbr939].pin {
  display: inline-block;
  vertical-align: bottom;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }

msg-icon[ekbr939][icon=location-marker] {
  color: #697cff; }
  [ekbr939-host][inactive] msg-icon[ekbr939][icon=location-marker] {
    color: #8a8a95; }

[ekbr939-host] .marker-fill {
  color: var(--c-bg);
  fill: var(--c-bg); }

[ekbr939-host] .marker-stroke {
  color: var(--c-bg);
  stroke: var(--c-bg); }
[ez30rf-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--c-bg);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-top: 1px solid var(--c-delimiter);
  position: relative;
  --msg-border-radius: 12px;
  --msg-border-radius-mine: 12px; }
  [ez30rf-host]:not([minimized]) {
    height: 359px; }
    [ez30rf-host]:not([minimized]):before {
      content: '';
      position: absolute;
      z-index: 2;
      bottom: 0;
      left: 0;
      right: 0;
      height: 48px;
      background: var(--c-bg-semi); }

[ez30rf].header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  height: 49px; }
  [ez30rf-host]:not([minimized]) [ez30rf].header {
    border-bottom: 1px solid var(--c-delimiter); }
  [ez30rf-host][minimized] [ez30rf].header {
    cursor: pointer; }
    [ez30rf-host][minimized] .header [ez30rf].close {
      right: 52px; }
  [ez30rf].header [ez30rf].close, [ez30rf].header [ez30rf].minimize, [ez30rf].header [ez30rf].send {
    position: absolute;
    top: 9px;
    width: 32px; }
  [ez30rf].header [ez30rf].close {
    right: 12px; }
  [ez30rf].header [ez30rf].minimize {
    right: 52px; }
  [ez30rf].header [ez30rf].send {
    right: 12px; }
  [ez30rf].header [ez30rf].back {
    border-right: 1px solid var(--c-delimiter);
    border-radius: 0;
    -ms-flex-item-align: center;
        align-self: center; }
  [ez30rf].header msg-chat-item-container[ez30rf] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1; }

msg-chat-picker[ez30rf] {
  height: 359px; }

msg-chat-picker[ez30rf] {
  border-bottom: 1px solid var(--c-delimiter); }

[ez30rf].draft {
  padding-left: 4px;
  color: #697cff;
  line-height: 20px;
  font-size: 14px; }

[ez30rf].constructor-preview {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  [ez30rf].constructor-preview [ez30rf].bubble {
    border-radius: 8px;
    background: var(--c-overlay-dark);
    color: #fff;
    opacity: 0.7;
    font-size: 14px;
    margin: auto;
    padding: 16px;
    text-align: center;
    line-height: 20px;
    -webkit-transition: padding 0.15s;
    transition: padding 0.15s;
    max-width: 30%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content; }
    [ez30rf].constructor-preview [ez30rf].bubble.__loading {
      padding: 4px;
      border-radius: 2em;
      opacity: 1;
      height: 32px;
      width: 32px; }
    [ez30rf].constructor-preview .bubble msg-icon[ez30rf][icon=construct] {
      display: block;
      margin: 0 auto 4px; }
  [ez30rf].constructor-preview msg-message[ez30rf] {
    text-align: left;
    position: relative;
    margin: 2px auto 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

[ez30rf].wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  contain: layout;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  will-change: scroll-position;
  overflow-anchor: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 620px;
  margin: auto; }
  [ez30rf].wrap:empty {
    display: none; }
  [promode] [ez30rf-host] [ez30rf].wrap {
    max-width: 100%;
    padding: 0; }

[ez30rf].send {
  position: absolute;
  bottom: 8px;
  width: 138px;
  -ms-flex-item-align: center;
      align-self: center;
  z-index: 3; }
  [ez30rf].send.__full {
    height: 44px;
    position: initial;
    margin: 8px 0; }

msg-progress[ez30rf] {
  color: #fff; }

msg-message-pro[ez30rf] {
  text-align: left;
  pointer-events: none; }

@-webkit-keyframes slide-ez30rf {
  0% {
    height: 0px; }
  100% {
    height: 359px; } }

@keyframes slide-ez30rf {
  0% {
    height: 0px; }
  100% {
    height: 359px; } }
/* Links
-------------------------------------------------- */
a[e2wgg7r] {
  color: var(--c-link); }
  a[e2wgg7r]:hover {
    color: var(--c-link-hover); }

a[e2wgg7r],
[e2wgg7r].link {
  text-decoration: none;
  cursor: pointer; }
  a[e2wgg7r]:hover,
  [e2wgg7r].link:hover {
    text-decoration: underline; }

[e2wgg7r].pl,
[e2wgg7r].sl,
[e2wgg7r].il {
  cursor: pointer; }

[e2wgg7r].link.pl {
  color: #697cff; }
  [e2wgg7r].link.pl:hover {
    color: #3d5afe; }

[e2wgg7r].sl {
  color: #8a8a95; }
  [e2wgg7r].sl:hover {
    color: #5c5c69; }

[e2wgg7r].il {
  color: #8a8a95; }
  [e2wgg7r].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[e2wgg7r].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e2wgg7r].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e2wgg7r].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[e2wgg7r].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[e2wgg7r].__color-0 {
  color: #FF2E93; }

[e2wgg7r].__color-1 {
  color: #E15C4A; }

[e2wgg7r].__color-2 {
  color: #FD7E16; }

[e2wgg7r].__color-3 {
  color: #F69627; }

[e2wgg7r].__color-4 {
  color: #E12D63; }

[e2wgg7r].__color-5 {
  color: #DE557E; }

[e2wgg7r].__color-6 {
  color: #E14FDA; }

[e2wgg7r].__color-7 {
  color: #BD328E; }

[e2wgg7r].__color-8 {
  color: #348DE1; }

[e2wgg7r].__color-9 {
  color: #9548E1; }

[e2wgg7r].__color-10 {
  color: #3A5BF1; }

[e2wgg7r].__color-11 {
  color: #5C6EE1; }

[e2wgg7r].__color-12 {
  color: #00A9CE; }

[e2wgg7r].__color-13 {
  color: #54B1A6; }

[e2wgg7r].__color-14 {
  color: #319BDD; }

[e2wgg7r].__color-15 {
  color: #3294BD; }

[e2wgg7r].__bg-0 {
  background-color: #FF2E93; }

[e2wgg7r].__bg-1 {
  background-color: #E15C4A; }

[e2wgg7r].__bg-2 {
  background-color: #FD7E16; }

[e2wgg7r].__bg-3 {
  background-color: #F69627; }

[e2wgg7r].__bg-4 {
  background-color: #E12D63; }

[e2wgg7r].__bg-5 {
  background-color: #DE557E; }

[e2wgg7r].__bg-6 {
  background-color: #E14FDA; }

[e2wgg7r].__bg-7 {
  background-color: #BD328E; }

[e2wgg7r].__bg-8 {
  background-color: #348DE1; }

[e2wgg7r].__bg-9 {
  background-color: #9548E1; }

[e2wgg7r].__bg-10 {
  background-color: #3A5BF1; }

[e2wgg7r].__bg-11 {
  background-color: #5C6EE1; }

[e2wgg7r].__bg-12 {
  background-color: #00A9CE; }

[e2wgg7r].__bg-13 {
  background-color: #54B1A6; }

[e2wgg7r].__bg-14 {
  background-color: #319BDD; }

[e2wgg7r].__bg-15 {
  background-color: #3294BD; }

[e2wgg7r-host] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--msg-padding);
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --msg-highlight: rgba(105, 124, 255, 0.3);
  --emoji-size: 20px;
  --emoji-margin: -1px 0;
  --emoji-align: -.2em; }

[theme=dark] [e2wgg7r-host] {
  --msg-highlight: rgba(255, 255, 255, 0.3); }

[e2wgg7r-host][mine] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
  [e2wgg7r-host][mine] msg-message-reactions[e2wgg7r] {
    left: auto;
    right: 0; }

[e2wgg7r-host][mobile] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

[e2wgg7r-host][mine][mobile] {
  padding: 1px 8px 1px 24px; }

[e2wgg7r-host][selected] {
  background: var(--c-active); }

[e2wgg7r-host][select-mode] {
  cursor: pointer; }
  [e2wgg7r-host][select-mode]:hover {
    background-color: var(--c-active-semi); }
  [e2wgg7r-host][select-mode] [e2wgg7r].cnt {
    pointer-events: none; }

[e2wgg7r-host][sequence=first],[e2wgg7r-host][sequence=single] {
  padding-top: 4px; }
  [e2wgg7r-host][sequence=first] msg-checkbox[e2wgg7r],[e2wgg7r-host][sequence=single] msg-checkbox[e2wgg7r] {
    top: 12px; }

[e2wgg7r-host][sequence=last],[e2wgg7r-host][sequence=single] {
  padding-bottom: 4px; }

[e2wgg7r-host][pin] {
  padding: 0;
  background: var(--c-msg);
  border-radius: 4px; }
  [e2wgg7r-host][pin] [e2wgg7r].cnt {
    border-radius: 4px; }

[e2wgg7r-host].__highlighted {
  -webkit-animation: highlight-e2wgg7r 2400ms backwards;
          animation: highlight-e2wgg7r 2400ms backwards; }

[e2wgg7r-host].__highlighted[selected] {
  -webkit-animation-name: highlight-selected-e2wgg7r;
          animation-name: highlight-selected-e2wgg7r; }

msg-checkbox[e2wgg7r] {
  position: absolute;
  top: 9px;
  left: 12px;
  z-index: 2; }

msg-user-card[e2wgg7r] {
  -webkit-box-ordinal-group: -1;
      -ms-flex-order: -2;
          order: -2;
  margin-right: 8px; }

[e2wgg7r].controls {
  width: var(--msg-control-width);
  min-width: var(--msg-control-width);
  margin: 0 2px; }
  [e2wgg7r-host][mobile] [e2wgg7r].controls {
    margin: 0; }

[e2wgg7r].reactions_wrapper {
  position: relative;
  width: 0; }
  [e2wgg7r].reactions_wrapper.__shift {
    left: 40px; }
  [e2wgg7r].reactions_wrapper.__emoji {
    left: 0; }
    [e2wgg7r].reactions_wrapper.__emoji msg-message-reactions[e2wgg7r] {
      top: auto;
      bottom: 20px;
      left: -16px; }
  [e2wgg7r-host][mine] .reactions_wrapper.__emoji msg-message-reactions[e2wgg7r] {
    left: auto;
    right: -16px; }

[e2wgg7r].cnt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  min-height: 32px;
  max-width: 620px;
  color: var(--c-msg-text);
  line-height: 20px;
  border-radius: 4px;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  overflow: hidden;
  -webkit-transition: margin-bottom 0.3s, -webkit-transform 0.15s;
  transition: margin-bottom 0.3s, -webkit-transform 0.15s;
  transition: transform 0.15s, margin-bottom 0.3s;
  transition: transform 0.15s, margin-bottom 0.3s, -webkit-transform 0.15s; }
  [e2wgg7r].cnt.__reactions {
    margin-bottom: 22px; }
  [e2wgg7r].cnt.__shift {
    margin-left: 40px; }
  [e2wgg7r].cnt.__fluid msg-message-header[e2wgg7r],
  [e2wgg7r].cnt.__fluid msg-message-quote[e2wgg7r], [e2wgg7r].cnt.__media msg-message-header[e2wgg7r],
  [e2wgg7r].cnt.__media msg-message-quote[e2wgg7r], [e2wgg7r].cnt.__share msg-message-header[e2wgg7r],
  [e2wgg7r].cnt.__share msg-message-quote[e2wgg7r] {
    width: 0;
    min-width: 100%; }
  [e2wgg7r].cnt.__error {
    margin-bottom: 20px; }
  [e2wgg7r].cnt.__bg {
    border-radius: var(--msg-border-radius);
    background: var(--c-msg); }
    main.__bg [e2wgg7r-host] [e2wgg7r].cnt.__bg {
      -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4);
              box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4); }
  [e2wgg7r].cnt.__bg.__first {
    border-top-left-radius: 12px; }
  [e2wgg7r].cnt.__bg.__last {
    border-bottom-left-radius: 12px; }
  [e2wgg7r-host][mine] [e2wgg7r].cnt.__bg {
    border-radius: var(--msg-border-radius-mine);
    background: var(--c-msg-mine); }
  [e2wgg7r-host][mine] [e2wgg7r].cnt.__bg.__first {
    border-top-right-radius: 12px; }
  [e2wgg7r-host][mine] [e2wgg7r].cnt.__bg.__last {
    border-bottom-right-radius: 12px; }
  [e2wgg7r].cnt.__media msg-message-attachment[e2wgg7r] {
    min-width: 360px;
    max-width: 100%; }
    [narrow] [e2wgg7r-host] .cnt.__media msg-message-attachment[e2wgg7r] {
      min-width: 0;
      width: 360px; }
  [e2wgg7r].cnt.__share msg-message-attachment[e2wgg7r] {
    max-width: 420px; }
  [e2wgg7r].cnt.__share [e2wgg7r].txt, [e2wgg7r].cnt.__short [e2wgg7r].txt, [e2wgg7r].cnt.__media [e2wgg7r].txt {
    width: 0;
    min-width: 100%; }
  [e2wgg7r-host][pin] [e2wgg7r].cnt {
    margin: 0 auto;
    max-width: 100%;
    width: 100%; }
  [e2wgg7r].cnt.__emoji {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 0; }
  [e2wgg7r-host][mine] .cnt.__emoji msg-message-meta[e2wgg7r] {
    -ms-flex-item-align: end;
        align-self: flex-end; }

msg-message-header[e2wgg7r] {
  background: var(--c-msg);
  border-radius: 12px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [e2wgg7r-host][mine] msg-message-header[e2wgg7r] {
    background: var(--c-msg-mine); }

[e2wgg7r].txt {
  width: 100%;
  margin-top: 4px;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  white-space: pre-wrap;
  max-width: 620px; }
[e2wgg7r-host] .txt .link {
  padding: 0 1px; }
[e2wgg7r-host] .txt .code, [e2wgg7r-host] .txt .monospace {
  cursor: pointer; }
  [e2wgg7r].txt:first-child {
    margin-top: 6px; }
  [e2wgg7r].txt:last-child {
    margin-bottom: 6px; }
  [e2wgg7r].txt.__emoji msg-message-meta[e2wgg7r] {
    margin-top: 0;
    height: 48px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  [e2wgg7r].txt.__no-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    [e2wgg7r].txt.__no-bg [e2wgg7r].text {
      margin-right: 2px; }
    [e2wgg7r-host][mine] [e2wgg7r].txt.__no-bg {
      text-align: right; }
  [e2wgg7r].txt + msg-message-keyboard[e2wgg7r] {
    margin-top: 6px; }

[e2wgg7r].clickable {
  cursor: pointer; }

msg-message-forward[e2wgg7r] {
  padding: 4px 8px 0; }

msg-message-quote[e2wgg7r] {
  margin-top: 4px; }
  msg-message-quote[e2wgg7r]:first-child {
    margin-top: 8px; }

msg-message-attachment[e2wgg7r] {
  -ms-flex-item-align: center;
      align-self: center;
  max-width: 620px; }
  msg-message-quote[e2wgg7r] + msg-message-attachment[e2wgg7r] {
    margin-top: 4px; }

[e2wgg7r].error {
  position: absolute;
  bottom: 1px;
  right: 46px;
  padding: 2px 6px;
  border-radius: 10px;
  background: var(--c-error);
  color: #fff; }
  [e2wgg7r-host][sequence=last] [e2wgg7r].error,[e2wgg7r-host][sequence=single] [e2wgg7r].error {
    bottom: 4px; }

[e2wgg7r].quick-reply {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: -40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  pointer-events: none; }

msg-message-reactions[e2wgg7r] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-height: 24px;
  vertical-align: bottom;
  z-index: 5; }

@-webkit-keyframes highlight-e2wgg7r {
  0% {
    background: transparent; }
  10% {
    background: var(--msg-highlight); }
  30% {
    background: var(--msg-highlight); }
  100% {
    background: transparent; } }

@keyframes highlight-e2wgg7r {
  0% {
    background: transparent; }
  10% {
    background: var(--msg-highlight); }
  30% {
    background: var(--msg-highlight); }
  100% {
    background: transparent; } }

@-webkit-keyframes highlight-selected-e2wgg7r {
  0% {
    background: var(--c-active); }
  10% {
    background: var(--msg-highlight); }
  30% {
    background: var(--msg-highlight); }
  100% {
    background: var(--c-active); } }

@keyframes highlight-selected-e2wgg7r {
  0% {
    background: var(--c-active); }
  10% {
    background: var(--msg-highlight); }
  30% {
    background: var(--msg-highlight); }
  100% {
    background: var(--c-active); } }

@-webkit-keyframes reactions-e2wgg7r {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); } }

@keyframes reactions-e2wgg7r {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); } }
[e1qo3ox-host] {
  display: block;
  width: 100%;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  overflow: hidden;
  padding: 0 8px 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

msg-chat.__narrow [e1qo3ox-host] {
  min-width: 0;
  max-width: 100%; }

[promode] [e1qo3ox-host] {
  border-radius: 0;
  max-width: 55%;
  min-width: 374px;
  padding: 4px 0 0; }
  @media (max-width: 976px) {
    [promode] [e1qo3ox-host] {
      max-width: 65%; } }
  @media (min-width: 1200px) {
    [promode] [e1qo3ox-host] {
      max-width: 45%; } }
  @media (min-width: 1600px) {
    [promode] [e1qo3ox-host] {
      max-width: 40%; } }
  [promode] [e1qo3ox-host] [e1qo3ox].row {
    margin: 2px 1px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0; }

[e1qo3ox].row {
  display: grid;
  padding-top: 2px; }
  [e1qo3ox].row:last-child {
    border-radius: 0 0 4px 4px; }
    [e1qo3ox].row:last-child msg-keyboard-button[e1qo3ox] {
      border-bottom: none; }

msg-keyboard-button[e1qo3ox]:first-child {
  margin-left: 0; }

msg-keyboard-button[e1qo3ox]:last-child {
  margin-right: 0; }
[e-ik11i9-host] {
  display: block;
  background-color: var(--c-bg);
  border-radius: 4px;
  margin: 0 2px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  opacity: .85;
  min-width: 51px;
  color: var(--c-text); }
  [e-ik11i9-host]:hover {
    opacity: 1; }

[promode] [e-ik11i9-host] {
  background-color: var(--c-msg); }

[e-ik11i9-host][disabled] {
  opacity: .7; }
  [e-ik11i9-host][disabled] [e-ik11i9].contents {
    cursor: default; }

[e-ik11i9].contents {
  position: relative;
  display: block;
  width: 100%;
  padding: 8px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--c-text);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box; }
  [e-ik11i9].contents:hover {
    text-decoration: none; }
  [e-ik11i9].contents.__positive {
    font-weight: 600;
    background-color: var(--c-highlight);
    color: #fff; }
  [e-ik11i9].contents.__negative {
    font-weight: 600;
    background-color: var(--c-error); }

msg-icon[e-ik11i9] {
  position: absolute;
  top: 4px;
  right: 4px;
  color: inherit; }
[e-ww7d1l-host] {
  height: 100%;
  display: inline-block; }

[e-ww7d1l-host].inside-msg-header {
  -webkit-transition: opacity 0.15s, visibility 0.15s;
  transition: opacity 0.15s, visibility 0.15s;
  padding-left: 8px;
  opacity: 0; }
  [e-ww7d1l-host].inside-msg-header:hover {
    opacity: 1; }

msg-button[e-ww7d1l] {
  height: 100%;
  padding: 0; }
[eutc6st-host] {
  display: block;
  width: 100%;
  overflow: hidden; }

[eutc6st].wrap {
  max-width: 100%;
  padding-top: 6px;
  text-align: left;
  position: relative; }
  [eutc6st-host]:first-child [eutc6st].wrap:not(.__offset) {
    padding-top: 0; }
  [eutc6st].wrap.__center {
    text-align: center; }
  [eutc6st].wrap.__clickable {
    cursor: pointer; }
  [eutc6st].wrap.__reactions {
    margin-bottom: 16px; }
    [eutc6st-host][sequence=single] [eutc6st].wrap.__reactions {
      margin-bottom: 13px; }
  [eutc6st].wrap.__offset {
    padding: 6px 8px 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    msg-message-quote [eutc6st-host] [eutc6st].wrap.__offset {
      padding-bottom: 0; }
    [eutc6st-host]:first-child [eutc6st].wrap.__offset {
      padding-top: 8px; }
  [eutc6st-host][grid] [eutc6st].wrap.wrap {
    padding: 0; }

[eutc6st].thumbnail {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: bottom;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 64px;
  min-width: 64px;
  max-height: 96px;
  max-width: 100%;
  border-radius: 4px;
  overflow: hidden; }

msg-img[eutc6st] {
  vertical-align: bottom; }

msg-img-fill[eutc6st] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

[eutc6st].photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
  max-height: 498px;
  overflow: hidden;
  position: relative;
  background: rgba(0, 0, 0, 0.12); }
  [eutc6st].photo msg-img[eutc6st] {
    position: relative;
    min-height: 96px;
    min-width: 128px; }
    [eutc6st-host][grid] .photo msg-img[eutc6st] {
      min-width: 64px; }

[eutc6st].deleted {
  color: var(--c-text-sub);
  padding: 8px;
  cursor: auto;
  background: var(--c-chat-bg);
  border-radius: 8px; }
  msg-posting-form [eutc6st-host] [eutc6st].deleted {
    background: var(--c-msg); }

[eutc6st].play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  z-index: 2;
  background-color: var(--c-tint);
  cursor: pointer;
  color: #fff; }
  [eutc6st].play msg-icon[eutc6st] {
    color: inherit; }

msg-duration[eutc6st] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 4px;
  line-height: 12px;
  font-size: 11px;
  color: #fff;
  background-color: var(--c-tint);
  border-radius: 12px;
  position: absolute;
  bottom: 4px;
  left: 4px;
  z-index: 2; }
  msg-duration[eutc6st] msg-icon[eutc6st] {
    color: #fff;
    margin: 0 2px; }

msg-message-attachment-location[eutc6st] {
  cursor: pointer;
  height: 237px;
  width: 374px;
  max-width: 100%;
  position: relative; }
  msg-message-attachment-location[eutc6st].__locating {
    cursor: default; }
  [pinned] [eutc6st-host] msg-message-attachment-location[eutc6st] {
    width: 337px;
    height: 237px; }

[eutc6st].progress {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none; }
  [eutc6st].progress msg-progress[eutc6st] {
    background-color: var(--c-tint);
    color: #fff;
    cursor: pointer;
    pointer-events: all;
    -webkit-transition: background-color 0.15s;
    transition: background-color 0.15s; }
    [eutc6st].progress msg-progress[eutc6st][cancelable]:hover {
      background-color: var(--c-tint-active); }
  [eutc6st].progress [eutc6st].label {
    margin: 8px 20px 0;
    text-align: center;
    font-size: 11px; }
  [eutc6st].progress msg-icon[eutc6st][icon='error'] {
    color: #ff5756;
    cursor: pointer;
    pointer-events: all;
    padding: 8px;
    background-color: rgba(255, 87, 86, 0.4);
    color: #fff;
    border-radius: 100%; }

[eutc6st-host][promode] {
  position: relative;
  margin-top: 4px;
  width: auto;
  max-width: 100%;
  overflow: hidden; }
  [eutc6st-host][promode]:first-child {
    margin-top: 0; }
  [eutc6st-host][promode] [eutc6st].wrap:not(.__offset) {
    padding-top: 0; }
  [eutc6st-host][promode] [eutc6st].photo {
    background: transparent;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-radius: 8px; }
    [eutc6st-host][promode] [eutc6st].photo:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      border: 1px solid rgba(0, 0, 0, 0.08);
      border-radius: 8px;
      pointer-events: none; }

[eutc6st-host] msg-tico[icon=microphone] .tico_tx {
  max-width: 100%;
  display: inline-block;
  padding-right: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
[e-ha7wyb-host] {
  display: block; }

[e-ha7wyb].placeholder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("//web.tamtam.chat/-/images/geo_blur_theme1_ebf9c92b.png");
  z-index: 2; }

msg-map[e-ha7wyb] {
  display: block;
  position: relative;
  min-width: 337px;
  min-height: 237px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -9999px;
  top: -9999px; }

[e-ha7wyb].progress {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none; }
  [e-ha7wyb].progress msg-progress[e-ha7wyb] {
    cursor: pointer;
    background: var(--c-tint);
    color: #fff;
    pointer-events: all; }
  [e-ha7wyb].progress [e-ha7wyb].label {
    margin: 8px 20px 0;
    text-align: center;
    font-size: 11px; }
  [e-ha7wyb].progress msg-icon[e-ha7wyb][icon='error'] {
    color: #ff5756;
    cursor: pointer;
    pointer-events: all; }
  [e-ha7wyb].progress msg-l10n[e-ha7wyb][key="location-process"] {
    position: relative;
    top: 20px; }

[e-ha7wyb].static-map-image {
  height: 100%; }
  [e-ha7wyb].static-map-image img[e-ha7wyb] {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  [e-ha7wyb].static-map-image msg-map-marker[e-ha7wyb] {
    width: 36px;
    height: 51px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -51px;
    margin-left: -18px; }
@charset "UTF-8";
[ei8opyv].container {
  position: relative;
  display: block;
  width: 374px;
  max-width: 100%;
  /* Не даём растянуться шире контейнера */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 24px;
  padding: 8px 8px 4px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  [ei8opyv].container.__processing msg-audio-wave[ei8opyv] {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px); }
  [ei8opyv].container.__processing [ei8opyv].status {
    opacity: 1; }

msg-button[ei8opyv] {
  background-color: var(--c-bg);
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0; }

msg-button[ei8opyv]:hover {
  background-color: var(--c-active); }

msg-audio-wave[ei8opyv] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  width: 100%;
  height: 24px;
  margin: 0 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

[ei8opyv].status {
  position: absolute;
  left: 44px;
  bottom: 0;
  font-size: 11px;
  line-height: 16px;
  color: var(--c-text-sub);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

msg-message-voice-text[ei8opyv] {
  margin-top: 4px; }

msg-duration[ei8opyv] {
  display: block;
  padding: 3px 4px;
  line-height: 12px;
  font-size: 11px;
  border-radius: 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1;
          flex: 0 1;
  background: var(--c-active);
  color: var(--c-text); }
[eks3t1r-host] {
  display: block;
  position: relative; }

[eks3t1r].progress-holder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1; }

canvas[eks3t1r] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0; }
[e-q2ql7l-host] {
  display: block;
  background: var(--c-tint-weak);
  padding: 8px;
  border-radius: 4px;
  margin-top: -4px;
  text-align: left;
  width: 0;
  min-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-q2ql7l].accordion {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

msg-parsed-text[e-q2ql7l] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  max-width: 100%;
  line-height: 20px;
  color: var(--c-msg-text); }
  msg-parsed-text[e-q2ql7l].__preview {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

msg-icon[e-q2ql7l] {
  margin-top: 2px;
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
  color: var(--c-link);
  pointer-events: none; }
  msg-icon[e-q2ql7l].__hidden {
    visibility: hidden; }
  [e-q2ql7l].accordion.__open msg-icon[e-q2ql7l] {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
[e-5vjv5h-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  overflow: hidden;
  border-radius: inherit;
  padding: 0;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left; }
  [e-5vjv5h-host]:after {
    content: '';
    width: 3em;
    height: 12px;
    display: inline-block;
    vertical-align: top;
    visibility: hidden;
    font-size: 11px; }

msg-icon[e-5vjv5h] {
  color: var(--c-text);
  padding: 12px;
  background: var(--c-bg);
  border-radius: 8px; }

msg-duration[e-5vjv5h] {
  margin-right: 4px; }

[e-5vjv5h].call-type {
  color: var(--c-msg-mine-sub); }

[e-5vjv5h].hangup-type {
  font-weight: 500; }
[e-jyioex-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%; }

[narrow] [e-jyioex-host] [e-jyioex].info {
  min-width: 0; }

slot[e-jyioex][name=preview] {
  position: relative;
  width: 64px;
  height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px; }
  [e-jyioex-host][big] slot[e-jyioex][name=preview] {
    width: 100%;
    height: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%; }

[e-jyioex].info {
  padding: 0 4px 0 8px;
  min-width: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  font-size: 14px;
  line-height: 20px;
  text-align: left; }

slot[e-jyioex][name=title] {
  display: block;
  font-weight: 500;
  color: var(--c-text);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

slot[e-jyioex][name=description] {
  display: block;
  color: var(--c-text-sub);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-jyioex-host][big] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  [e-jyioex-host][big] [e-jyioex].info {
    padding: 4px 0 0;
    min-width: 128px;
    max-width: 100%;
    width: 100%; }

[e-jyioex-host][big] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  [e-jyioex-host][big] [e-jyioex].info {
    padding: 4px 0 0;
    min-width: 128px;
    max-width: 100%;
    width: 100%; }

[promode] [e-jyioex-host] {
  background-color: var(--c-active);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  background-clip: padding-box;
  padding: 8px; }
[e-47mac5-host] {
  display: block;
  margin-bottom: 4px;
  text-align: left;
  overflow: hidden; }

[promode] [e-47mac5-host] {
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-47mac5-host][quote] {
  background-color: inherit;
  border: none; }

msg-button[e-47mac5][shape=circle] {
  height: 20px;
  width: 20px;
  min-width: 20px;
  vertical-align: bottom;
  margin-left: 2px; }

msg-phone[e-47mac5] {
  display: block;
  color: var(--c-text-sub); }

[e-47mac5-host] msg-phone a {
  color: inherit; }

[e-47mac5].controls {
  margin-left: auto;
  white-space: nowrap;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  text-align: right; }

div[e-47mac5][slot=title] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  div[e-47mac5][slot=title] msg-parsed-text[e-47mac5] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

[e-47mac5][slot=description]:first-letter {
  text-transform: uppercase; }
[e-5lsp65-host] {
  display: block; }

msg-download-hook[e-5lsp65] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  msg-download-hook[e-5lsp65]:not([disabled]) {
    cursor: pointer; }

msg-sticker[e-5lsp65] {
  pointer-events: none; }

msg-img-fill[e-5lsp65] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

[e-5lsp65].preview-wrap {
  width: 100%;
  height: 100%; }

[e-5lsp65].preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 64px;
  height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px;
  overflow: hidden;
  background: var(--c-chat-bg); }
  [promode] [e-5lsp65-host] [e-5lsp65].preview {
    border-radius: 4px; }
  [e-5lsp65].preview img[e-5lsp65] {
    max-width: 64px; }
    [e-5lsp65].preview img :not(.video-preview) {
      max-height: 64px; }
    @supports ((-o-object-fit: cover) or (object-fit: cover)) {
      [e-5lsp65].preview img[e-5lsp65] {
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none; } }
  [e-5lsp65].preview.__big {
    width: 100%;
    height: auto;
    text-align: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-height: 498px; }
    [e-5lsp65].preview.__big msg-img[e-5lsp65] {
      vertical-align: bottom;
      position: relative; }
  [e-5lsp65].preview.__empty {
    border-right: 1px solid var(--c-delimiter);
    border-radius: 0; }
  [e-5lsp65].preview.__file {
    background: var(--c-bg);
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    line-height: 64px;
    color: var(--c-text-sub); }
    msg-message-list [e-5lsp65-host] [e-5lsp65].preview.__file {
      background: var(--c-chat-bg); }
    msg-posting-form [e-5lsp65-host] [e-5lsp65].preview.__file {
      background: var(--c-active); }
  [e-5lsp65].preview.__s {
    font-size: 11px;
    line-height: 64px; }
  [e-5lsp65].preview.__stub {
    top: 0;
    left: 0; }
  [e-5lsp65].preview msg-progress[e-5lsp65], [e-5lsp65].preview msg-icon[e-5lsp65][icon=error] {
    cursor: pointer; }
  [e-5lsp65].preview msg-icon[e-5lsp65][icon=error] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -16px;
    padding: 8px;
    background-color: rgba(255, 87, 86, 0.4);
    color: #fff;
    border-radius: 100%; }

[e-5lsp65].info {
  padding: 0 8px;
  min-width: 150px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  color: var(--c-text);
  font-size: 14px;
  line-height: 20px; }

[e-5lsp65].name {
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-5lsp65].download-handler {
  width: 32px;
  height: 32px;
  color: var(--c-btn-text);
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  margin-top: -2px; }
  [e-5lsp65].download-handler msg-icon[e-5lsp65] {
    opacity: .9;
    -webkit-transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
  [e-5lsp65].download-handler:hover msg-icon[e-5lsp65] {
    opacity: 1; }

msg-img[e-5lsp65] {
  max-width: 100%; }

msg-icon[e-5lsp65] {
  color: inherit;
  position: relative;
  /* fix in FF svg selectable */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

[e-5lsp65].preview-handler {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer; }

[e-5lsp65].details {
  font-size: 14px;
  color: var(--c-text-sub);
  white-space: nowrap;
  height: 20px;
  overflow: hidden;
  cursor: pointer; }

[e-5lsp65].line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: normal;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }
  [e-5lsp65].line msg-icon[e-5lsp65] {
    margin-right: 4px; }
  [e-5lsp65].line.pl {
    color: #697cff; }
    [e-5lsp65].line.pl:hover {
      color: #3d5afe; }
  [e-5lsp65].line [e-5lsp65].size {
    display: inline-block; }
  [e-5lsp65].details.loading > [e-5lsp65].line {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  [e-5lsp65].details.complete > [e-5lsp65].line {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%); }
  msg-message-quote [e-5lsp65-host] [e-5lsp65].line {
    -webkit-transform: none !important;
            transform: none !important; }

[e-5lsp65].title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  msg-chat-media-item [e-5lsp65-host] [e-5lsp65].title {
    padding-right: 12px; }

[e-5lsp65].name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-5lsp65].extension {
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0; }

[e-5lsp65].link {
  cursor: pointer;
  display: inline-block;
  margin-right: 8px; }
  msg-message-quote [e-5lsp65-host] [e-5lsp65].link {
    display: none; }

[e-5lsp65].theme-link {
  color: var(--c-highlight); }

[e-5lsp65].preview-action {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin: -16px;
  height: 32px;
  background-color: var(--c-tint);
  color: #fff;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s; }
  [e-5lsp65].preview-action:hover {
    background-color: var(--c-tint-active); }

[e-5lsp65].theme-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2; }
  [e-5lsp65].theme-overlay:hover ~ msg-download-hook [e-5lsp65].theme-link {
    text-decoration: underline; }

[e-5lsp65].theme-ico {
  display: block;
  height: 64px;
  width: 64px;
  background: url(//web.tamtam.chat/-/images/theme-file_47336a4e@2x.png) no-repeat center;
  background-size: 64px 64px; }

msg-img-censor[e-5lsp65] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5; }

[e-5lsp65-host] .line msg-progress {
  margin-bottom: -2px; }

[e-5lsp65-host] .line msg-progress:before, [e-5lsp65-host] .line msg-progress:after {
  height: 10px;
  margin: -7px -1px; }
[e-bpl771-host] {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  cursor: pointer;
  background-color: var(--c-tint);
  border-radius: 100%;
  color: #fff;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s; }
  [e-bpl771-host]:hover {
    background-color: var(--c-tint-active); }

msg-icon[e-bpl771] {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin: -8px;
  color: inherit; }
  [e-bpl771-host][size=large] msg-icon[e-bpl771] {
    margin: -12px; }

msg-progress[e-bpl771] {
  position: absolute;
  left: 0;
  top: 0;
  color: inherit; }
slot[ea1o11z] { display: inherit; width: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; }
/*# sourceMappingURL=msg-download-hook.css.map */[e-wlpiqz-host] {
  display: inline-block;
  border-radius: 4px; }

[e-wlpiqz].container {
  display: inline-block;
  position: relative; }

[e-wlpiqz].preview {
  height: 108px;
  vertical-align: bottom; }

img[e-wlpiqz].lottie-placeholder {
  width: 100%;
  height: 100%;
  vertical-align: inherit;
  position: absolute;
  top: 0;
  left: 0;
  outline: none; }

video[e-wlpiqz],
[e-wlpiqz].first-frame,
[e-wlpiqz].last-frame {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  vertical-align: top; }

[e-wlpiqz].first-frame.video-frame,
[e-wlpiqz].last-frame {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0; }

video[e-wlpiqz] {
  z-index: 4;
  visibility: hidden; }
  video[e-wlpiqz].loaded {
    opacity: 0;
    visibility: visible; }

[e-wlpiqz].last-frame {
  z-index: 2; }

[e-wlpiqz][data-state="first-frame"] [e-wlpiqz].first-frame,
[e-wlpiqz][data-state="video"] video[e-wlpiqz],
[e-wlpiqz][data-state="last-frame"] [e-wlpiqz].last-frame {
  opacity: 1 !important; }

[ref-lottie-e-wlpiqz] {
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }
  [ref-lottie-e-wlpiqz]:not(:empty) {
    background: none !important; }

msg-button[e-wlpiqz].play {
  position: absolute;
  bottom: 4px;
  right: 4px;
  z-index: 2;
  height: 28px;
  width: 28px;
  min-width: 28px;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s; }
  msg-button[e-wlpiqz].play.__hidden {
    opacity: 0; }

msg-assets-panel-tooltip [e-wlpiqz-host] {
  cursor: pointer; }

msg-button[e-wlpiqz][size=small].sound {
  position: absolute;
  bottom: 4px;
  left: 4px;
  z-index: 5;
  height: 28px;
  width: 28px;
  min-width: 28px;
  border: 0; }
  [e-wlpiqz-host]:hover msg-button[e-wlpiqz][size=small].sound.__on {
    opacity: 1; }
  msg-message [e-wlpiqz-host] msg-button[e-wlpiqz][size=small].sound.__on {
    opacity: 0; }
  msg-button[e-wlpiqz][size=small].sound.__play msg-icon[e-wlpiqz][icon=volume-off] {
    -webkit-animation: pulse-e-wlpiqz 0.9s infinite;
            animation: pulse-e-wlpiqz 0.9s infinite; }

msg-progress[e-wlpiqz] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px;
  background-color: var(--c-tint);
  color: #fff; }

@-webkit-keyframes pulse-e-wlpiqz {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); } }

@keyframes pulse-e-wlpiqz {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); } }

.is-mobile [e-wlpiqz-host] img[e-wlpiqz] {
  pointer-events: none; }

.is-mobile [e-wlpiqz-host] msg-button[e-wlpiqz][size=small].sound.__on {
  opacity: 1; }
[ej8mf11-host] {
  display: block; }

[ej8mf11].preview {
  position: relative;
  width: 64px;
  height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

div[ej8mf11][slot=title],
div[ej8mf11][slot=description] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

msg-attach-template[ej8mf11].__restricted div[ej8mf11][slot=title],
msg-attach-template[ej8mf11].__restricted div[ej8mf11][slot=description] {
  opacity: .3; }

msg-audio-attach[ej8mf11] {
  position: relative;
  width: 48px;
  height: 48px;
  left: 8px;
  top: 8px;
  color: #fff; }
[eidhhtl-host] {
  display: block;
  text-align: left;
  line-height: 20px;
  background-clip: content-box;
  max-width: 100%;
  background-color: var(--c-bg);
  border-radius: 8px;
  overflow: hidden; }

[eidhhtl].content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  height: 100%;
  min-height: 80px;
  padding-top: 8px;
  max-width: 420px;
  min-width: 264px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [narrow] [eidhhtl-host] [eidhhtl].content {
    width: 100%;
    max-width: 100%;
    min-width: 200px; }
  [promode] [eidhhtl-host] [eidhhtl].content,.add-comment [eidhhtl-host] [eidhhtl].content {
    background-color: var(--c-active);
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-clip: padding-box;
    border-radius: 8px; }
  [eidhhtl].content.__compact, [eidhhtl].content.__no-media {
    padding-top: 4px;
    max-width: 100%;
    min-width: 134px; }
    [eidhhtl].content.__compact msg-parsed-text[eidhhtl], [eidhhtl].content.__no-media msg-parsed-text[eidhhtl] {
      --emoji-size: 16px;
      --emoji-align: -.15em; }
  [eidhhtl].content.__compact {
    padding-bottom: 4px; }
    [eidhhtl].content.__compact img[eidhhtl] {
      display: block;
      position: absolute;
      top: 50%;
      left: 8px;
      margin-top: -32px;
      width: 64px;
      height: 64px;
      overflow: hidden;
      border-radius: 4px;
      -o-object-fit: cover;
         object-fit: cover; }
  [eidhhtl].content.__no-media {
    min-height: 52px;
    padding-bottom: 4px; }

[eidhhtl].host {
  font-size: 14px;
  line-height: 20px;
  color: var(--c-text-sub);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[eidhhtl].title {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--c-text);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [eidhhtl].title:last-child {
    padding-bottom: 8px; }

[eidhhtl].descr {
  --emoji-size: 12px;
  --emoji-align: -.15em;
  font-size: 14px;
  line-height: 20px;
  color: var(--c-text); }
  [eidhhtl].content.__rich [eidhhtl].descr {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-height: 40px; }
  [eidhhtl].content.__compact [eidhhtl].descr,
  [eidhhtl].content.__no-media [eidhhtl].descr {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 20px; }

[eidhhtl].host,
[eidhhtl].title,
[eidhhtl].descr {
  padding-left: 8px;
  padding-right: 12px; }
  [eidhhtl].content.__compact:not(.__no-media) [eidhhtl].host, [eidhhtl].content.__compact:not(.__no-media)
  [eidhhtl].title, [eidhhtl].content.__compact:not(.__no-media)
  [eidhhtl].descr {
    padding-left: 80px; }

[eidhhtl].url {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

[eidhhtl].spacer {
  position: relative;
  margin-top: 8px;
  height: 0; }

[eidhhtl].preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

msg-video-player[eidhhtl] {
  margin-top: 8px; }
@charset "UTF-8";
[ec1p0vs-host] {
  display: block; }

main[ec1p0vs] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  main[ec1p0vs].is-mine {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }

[ec1p0vs-host][promode] msg-button[ec1p0vs][shape=circle] {
  height: 28px;
  width: 28px;
  min-width: 28px; }

main.__bg [ec1p0vs-host] msg-button[ec1p0vs] {
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4); }

msg-button[ec1p0vs] {
  margin: 0 1px; }

msg-button[ec1p0vs][role=secondary] {
  display: inline-block;
  vertical-align: top; }

/*
 * NB само меню скриптом размещается внутри списка сообщений,
 * всё позиционирование порядок z-index будет относительно него.
 */
[ec1p0vs].controls-menu {
  position: absolute;
  z-index: 20; }

msg-menu[ec1p0vs] {
  display: block;
  padding: 0;
  font-size: 14px;
  color: var(--c-link);
  white-space: nowrap;
  background-color: var(--c-bg);
  border-radius: 4px;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  text-align: left;
  will-change: transform;
  overflow: hidden; }

msg-menu-item[ec1p0vs] {
  cursor: pointer;
  padding: 8px; }
  msg-menu-item[ec1p0vs].delimiter {
    border-top: 1px solid var(--c-delimiter); }
  msg-menu-item[ec1p0vs]:hover {
    background-color: var(--c-active); }

msg-reactions[ec1p0vs] {
  will-change: transform;
  margin-bottom: 5px; }
[e40x3sr-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--c-bg);
  padding: 4px 8px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border-radius: 8px;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  background-clip: padding-box; }

[e40x3sr].reaction {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4px;
  margin: 0 1px;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  width: 20px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation: appear-e40x3sr .5s forwards;
          animation: appear-e40x3sr .5s forwards; }
  [e40x3sr].reaction.__mine {
    background: rgba(105, 124, 255, 0.12);
    -webkit-box-shadow: 0 0 0 1px #697cff;
            box-shadow: 0 0 0 1px #697cff; }
    [e40x3sr].reaction.__mine msg-emoji[e40x3sr] {
      -webkit-transform: scale(0.9);
              transform: scale(0.9); }
  [e40x3sr].reaction msg-emoji[e40x3sr] {
    -webkit-transition: -webkit-transform 0.15s;
    transition: -webkit-transform 0.15s;
    transition: transform 0.15s;
    transition: transform 0.15s, -webkit-transform 0.15s; }
  [e40x3sr].reaction:nth-child(1) {
    -webkit-animation-delay: 340ms;
            animation-delay: 340ms; }
  [e40x3sr].reaction:nth-child(2) {
    -webkit-animation-delay: 380ms;
            animation-delay: 380ms; }
  [e40x3sr].reaction:nth-child(3) {
    -webkit-animation-delay: 420ms;
            animation-delay: 420ms; }
  [e40x3sr].reaction:nth-child(4) {
    -webkit-animation-delay: 460ms;
            animation-delay: 460ms; }
  [e40x3sr].reaction:nth-child(5) {
    -webkit-animation-delay: 500ms;
            animation-delay: 500ms; }
  [e40x3sr].reaction:nth-child(6) {
    -webkit-animation-delay: 540ms;
            animation-delay: 540ms; }
  [e40x3sr].reaction:nth-child(7) {
    -webkit-animation-delay: 580ms;
            animation-delay: 580ms; }
  [e40x3sr].reaction:nth-child(8) {
    -webkit-animation-delay: 620ms;
            animation-delay: 620ms; }
  [e40x3sr].reaction:nth-child(9) {
    -webkit-animation-delay: 660ms;
            animation-delay: 660ms; }
  [e40x3sr].reaction:nth-child(10) {
    -webkit-animation-delay: 700ms;
            animation-delay: 700ms; }
  [e40x3sr].reaction:nth-child(11) {
    -webkit-animation-delay: 740ms;
            animation-delay: 740ms; }
  [e40x3sr].reaction:nth-child(12) {
    -webkit-animation-delay: 780ms;
            animation-delay: 780ms; }
  [e40x3sr].reaction:hover msg-emoji[e40x3sr] {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  [e40x3sr].reaction.__mine:hover msg-emoji[e40x3sr] {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }

msg-icon[e40x3sr] {
  vertical-align: middle;
  cursor: pointer;
  margin: 0 1px; }

@-webkit-keyframes appear-e40x3sr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  30% {
    -webkit-transform: scale(0.8, 1.2);
            transform: scale(0.8, 1.2); }
  60% {
    -webkit-transform: scale(1.2, 0.8);
            transform: scale(1.2, 0.8); }
  90%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes appear-e40x3sr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  30% {
    -webkit-transform: scale(0.8, 1.2);
            transform: scale(0.8, 1.2); }
  60% {
    -webkit-transform: scale(1.2, 0.8);
            transform: scale(1.2, 0.8); }
  90%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
[e2iygc9-host] {
  display: block;
  line-height: 20px;
  width: 100%;
  min-width: 96px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e2iygc9].author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  [e2iygc9-host][fluid] [e2iygc9].author {
    width: 0;
    min-width: 100%; }

msg-name[e2iygc9] {
  display: inline-block;
  vertical-align: middle; }

msg-icon[e2iygc9] {
  min-width: 16px;
  margin: 0 8px; }

[e2iygc9].label {
  display: block;
  color: var(--c-text-sub); }

[e2iygc9].avatar {
  margin-right: 8px; }

[promode] [e2iygc9-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  [promode] [e2iygc9-host] [e2iygc9].author {
    width: auto;
    min-width: 0; }
  [promode] [e2iygc9-host] [e2iygc9].avatar,[promode] [e2iygc9-host] [e2iygc9].label {
    margin-right: 4px; }
[e-p2oq3a-host] {
  display: block;
  max-width: 100%;
  padding-top: 8px; }

[e-p2oq3a-host]:first-child:not([offset]) {
  padding-top: 0; }

[e-p2oq3a-host][offset] {
  margin-bottom: 4px; }

[e-p2oq3a].row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 618px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

[e-p2oq3a].cell {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  min-width: 64px; }
  [e-p2oq3a].cell:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    border-right: 1px solid var(--c-msg);
    border-bottom: 1px solid var(--c-msg); }
  [e-p2oq3a].cell:last-child:after {
    border-right: 0; }
  [e-p2oq3a].spacer:last-child [e-p2oq3a].cell:after {
    border-bottom: 0; }

[e-p2oq3a].spacer {
  height: 0;
  position: relative;
  max-width: 100%;
  overflow: hidden; }

msg-img-fill[e-p2oq3a] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

msg-message-attachment[e-p2oq3a] {
  position: relative;
  z-index: 1; }
[e-73ztjn].__color-0 {
  color: #FF2E93; }

[e-73ztjn].__color-1 {
  color: #E15C4A; }

[e-73ztjn].__color-2 {
  color: #FD7E16; }

[e-73ztjn].__color-3 {
  color: #F69627; }

[e-73ztjn].__color-4 {
  color: #E12D63; }

[e-73ztjn].__color-5 {
  color: #DE557E; }

[e-73ztjn].__color-6 {
  color: #E14FDA; }

[e-73ztjn].__color-7 {
  color: #BD328E; }

[e-73ztjn].__color-8 {
  color: #348DE1; }

[e-73ztjn].__color-9 {
  color: #9548E1; }

[e-73ztjn].__color-10 {
  color: #3A5BF1; }

[e-73ztjn].__color-11 {
  color: #5C6EE1; }

[e-73ztjn].__color-12 {
  color: #00A9CE; }

[e-73ztjn].__color-13 {
  color: #54B1A6; }

[e-73ztjn].__color-14 {
  color: #319BDD; }

[e-73ztjn].__color-15 {
  color: #3294BD; }

[e-73ztjn].__bg-0 {
  background-color: #FF2E93; }

[e-73ztjn].__bg-1 {
  background-color: #E15C4A; }

[e-73ztjn].__bg-2 {
  background-color: #FD7E16; }

[e-73ztjn].__bg-3 {
  background-color: #F69627; }

[e-73ztjn].__bg-4 {
  background-color: #E12D63; }

[e-73ztjn].__bg-5 {
  background-color: #DE557E; }

[e-73ztjn].__bg-6 {
  background-color: #E14FDA; }

[e-73ztjn].__bg-7 {
  background-color: #BD328E; }

[e-73ztjn].__bg-8 {
  background-color: #348DE1; }

[e-73ztjn].__bg-9 {
  background-color: #9548E1; }

[e-73ztjn].__bg-10 {
  background-color: #3A5BF1; }

[e-73ztjn].__bg-11 {
  background-color: #5C6EE1; }

[e-73ztjn].__bg-12 {
  background-color: #00A9CE; }

[e-73ztjn].__bg-13 {
  background-color: #54B1A6; }

[e-73ztjn].__bg-14 {
  background-color: #319BDD; }

[e-73ztjn].__bg-15 {
  background-color: #3294BD; }

[e-73ztjn-host] {
  display: block;
  margin-top: 2px;
  padding: 4px 8px;
  margin-bottom: -4px;
  line-height: 16px; }

msg-name[e-73ztjn] {
  font-weight: 600;
  line-height: inherit; }
  msg-name[e-73ztjn].__deleted {
    color: var(--c-text-sub); }
  [e-73ztjn-host][clickable] msg-name[e-73ztjn] {
    cursor: pointer; }
  [e-73ztjn-host][small] msg-name[e-73ztjn] {
    font-weight: 400;
    font-size: 11px;
    color: var(--c-text-sub); }
[e-p2c2z9-host] {
  position: relative;
  z-index: 3;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 11px;
  line-height: 16px;
  color: var(--c-text-sub); }

[e-p2c2z9-host][type=inline] {
  margin: 4px 0 0 8px;
  float: right;
  top: 2px; }

[e-p2c2z9-host][type=media] {
  position: absolute;
  bottom: 2px;
  right: 2px;
  padding: 2px 6px;
  border-radius: 10px;
  background: var(--c-tint);
  color: #fff; }

[e-p2c2z9-host][type=separate] {
  padding: 0 8px 4px;
  -ms-flex-item-align: end;
      align-self: flex-end; }

[e-p2c2z9-host][type=attach] {
  padding: 4px 8px 4px 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: -20px; }

[e-p2c2z9-host][type=emoji] {
  padding: 2px 6px;
  border-radius: 10px;
  background: var(--c-tint);
  margin: 4px 2px 0 0;
  color: #fff;
  -ms-flex-item-align: start;
      align-self: flex-start; }

[e-p2c2z9-host][type=emoji] a[e-p2c2z9],[e-p2c2z9-host][type=media] a[e-p2c2z9] {
  color: #fff; }
  [e-p2c2z9-host][type=emoji] a[e-p2c2z9]:hover,[e-p2c2z9-host][type=media] a[e-p2c2z9]:hover {
    color: #fff; }

msg-tico[e-p2c2z9][size=small] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 11px;
  line-height: 16px; }

a[e-p2c2z9] {
  margin-left: 4px;
  color: var(--c-text-sub); }
  a[e-p2c2z9]:hover {
    color: var(--c-text-sub); }

msg-icon[e-p2c2z9] {
  margin-right: 2px;
  color: inherit; }

[e-p2c2z9].wait {
  margin-right: 0;
  max-width: 0;
  min-width: 0;
  opacity: 0;
  -webkit-animation: show-e-p2c2z9 0.3s 1.8s forwards;
          animation: show-e-p2c2z9 0.3s 1.8s forwards; }

[e-p2c2z9].delimiter {
  margin: 0 .25em; }

[e-p2c2z9-host][type=pro] {
  line-height: 20px;
  white-space: nowrap; }

@-webkit-keyframes show-e-p2c2z9 {
  100% {
    margin-right: 2px;
    max-width: 16px;
    opacity: 1; } }

@keyframes show-e-p2c2z9 {
  100% {
    margin-right: 2px;
    max-width: 16px;
    opacity: 1; } }

    [e-dnpewn-host] {
        display: inline-block;
        vertical-align: top;
    }
/*# sourceMappingURL=msg-time.css.map *//* Links
-------------------------------------------------- */
a[e-frwpe6] {
  color: var(--c-link); }
  a[e-frwpe6]:hover {
    color: var(--c-link-hover); }

a[e-frwpe6],
[e-frwpe6].link {
  text-decoration: none;
  cursor: pointer; }
  a[e-frwpe6]:hover,
  [e-frwpe6].link:hover {
    text-decoration: underline; }

[e-frwpe6].pl,
[e-frwpe6].sl,
[e-frwpe6].il {
  cursor: pointer; }

[e-frwpe6].link.pl {
  color: #697cff; }
  [e-frwpe6].link.pl:hover {
    color: #3d5afe; }

[e-frwpe6].sl {
  color: #8a8a95; }
  [e-frwpe6].sl:hover {
    color: #5c5c69; }

[e-frwpe6].il {
  color: #8a8a95; }
  [e-frwpe6].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[e-frwpe6].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-frwpe6].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-frwpe6].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[e-frwpe6].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[e-frwpe6-host] {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 10px;
  text-align: left;
  cursor: pointer;
  width: 100%;
  max-width: 100%;
  line-height: 20px;
  color: var(--c-text-sub);
  --emoji-size: 20px;
  --emoji-margin: -1px 0;
  --emoji-align: -.2em; }
  [e-frwpe6-host]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 8px;
    bottom: 0;
    width: 2px;
    background: var(--c-highlight); }

msg-message-header[e-frwpe6] {
  margin-top: 0;
  padding-top: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  msg-message-header[e-frwpe6].__media {
    width: 0;
    min-width: 100%; }

msg-message-forward[e-frwpe6] {
  padding-left: 8px;
  padding-right: 8px;
  pointer-events: none; }

[e-frwpe6].text {
  width: 100%;
  margin-top: 4px;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-word;
  --emoji-margin: 0;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-height: 60px;
  max-height: 66px; }

msg-message-attachment[e-frwpe6] {
  pointer-events: none; }
  msg-message-attachment[e-frwpe6].__media {
    max-width: 120px; }
  msg-message-attachment[e-frwpe6].__more {
    position: relative; }
    msg-message-attachment[e-frwpe6].__more:after {
      content: attr(data-remaining);
      position: absolute;
      bottom: 4px;
      right: 12px;
      z-index: 5;
      padding: 0 4px;
      min-width: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: var(--c-tint-active);
      color: #fff;
      font-size: 11px;
      line-height: 16px;
      border-radius: 3px; }
[elak7po-host] {
  position: absolute;
  min-width: 100%;
  text-align: left;
  top: 100%;
  left: 0;
  margin-top: -26px;
  padding: 0 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 16px;
  -webkit-transform-origin: 22px 0;
          transform-origin: 22px 0; }

[elak7po-host][dialog] {
  -webkit-transform-origin: 16px 0;
          transform-origin: 16px 0; }

[elak7po-host][type=emoji] {
  position: relative;
  min-width: auto;
  vertical-align: top;
  top: -4px;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0; }

main[elak7po] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 16px;
  background: var(--c-bg);
  border-radius: 12px;
  padding: 3px 4px 4px;
  border: 1px solid var(--c-delimiter);
  background-clip: padding-box;
  white-space: nowrap;
  line-height: 16px; }

[elak7po].wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  -webkit-perspective: 1000px;
          perspective: 1000px; }
  [elak7po].wrap.__flip [elak7po].reaction {
    visibility: hidden; }
  [elak7po].wrap.__flip [elak7po].flip {
    visibility: visible;
    -webkit-animation: flip-elak7po 0.45s forwards;
            animation: flip-elak7po 0.45s forwards; }
  [elak7po].wrap.__flip [elak7po].prev {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1; }

[elak7po].flip {
  position: absolute;
  left: 0;
  top: 0;
  height: 18px;
  width: 18px;
  visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  pointer-events: none; }
  [elak7po].flip msg-emoji[elak7po] {
    position: absolute;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  [elak7po].flip [elak7po].back {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }

msg-emoji[elak7po] {
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 1px;
  --emoji-size: 16px !important;
  --emoji-margin: 0;
  --emoji-align: 0; }

[elak7po].reaction {
  display: inline-block;
  vertical-align: middle; }

[elak7po].top {
  position: relative;
  z-index: 1; }

msg-reactions[elak7po] {
  position: absolute;
  z-index: 5; }

[elak7po-host] msg-emoji .emoji {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

[elak7po-host] .reaction:hover .emoji {
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

[elak7po-host] .reaction.__mine .emoji {
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }

[elak7po-host] .reaction.__mine:hover .emoji {
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }

[elak7po].total_w {
  position: relative;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 4px;
  font-size: 12px;
  line-height: 16px;
  color: #84848E;
  cursor: pointer; }
  [elak7po].total_w.__down {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  main[elak7po].__voted [elak7po].total_w {
    font-weight: 600;
    color: #697cff; }

[elak7po].stub {
  height: 16px;
  width: 16px;
  padding: 1px;
  background: #697cff;
  cursor: pointer;
  border-radius: 50%;
  display: none; }
  [elak7po].stub msg-icon[elak7po] {
    color: black; }

@-webkit-keyframes appear-elak7po {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    opacity: 0; } }

@keyframes appear-elak7po {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    opacity: 0; } }

@-webkit-keyframes disappear-elak7po {
  0%,
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    margin-left: 0;
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    margin-left: -21px;
    opacity: 0; } }

@keyframes disappear-elak7po {
  0%,
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    margin-left: 0;
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    margin-left: -21px;
    opacity: 0; } }

@-webkit-keyframes slide-up-elak7po {
  to {
    margin-top: -17px;
    opacity: 0; } }

@keyframes slide-up-elak7po {
  to {
    margin-top: -17px;
    opacity: 0; } }

@-webkit-keyframes slide-down-elak7po {
  to {
    margin-bottom: -17px;
    opacity: 0; } }

@keyframes slide-down-elak7po {
  to {
    margin-bottom: -17px;
    opacity: 0; } }

@-webkit-keyframes flip-elak7po {
  to {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); } }

@keyframes flip-elak7po {
  to {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); } }

[elak7po-host] msg-emoji {
  --emoji-size: 16px !important;
  --emoji-align: -.12em !important;
  vertical-align: var(--emoji-align); }
[e-nu8rk3-host] {
  position: relative; }

canvas[e-nu8rk3] {
  position: absolute;
  bottom: 0;
  left: -20px;
  height: 100px;
  width: 140px;
  z-index: 100;
  pointer-events: none; }
[e2orqyv-host] {
  position: absolute;
  left: 0;
  top: 0; }

msg-lottie[e2orqyv] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  background: none; }

[e2orqyv].lottie-wrap {
  position: absolute;
  width: 18px;
  height: 18px; }
/* Links
-------------------------------------------------- */
a[e-xtx08b] {
  color: var(--c-link); }
  a[e-xtx08b]:hover {
    color: var(--c-link-hover); }

a[e-xtx08b],
[e-xtx08b].link {
  text-decoration: none;
  cursor: pointer; }
  a[e-xtx08b]:hover,
  [e-xtx08b].link:hover {
    text-decoration: underline; }

[e-xtx08b].pl,
[e-xtx08b].sl,
[e-xtx08b].il {
  cursor: pointer; }

[e-xtx08b].link.pl {
  color: #697cff; }
  [e-xtx08b].link.pl:hover {
    color: #3d5afe; }

[e-xtx08b].sl {
  color: #8a8a95; }
  [e-xtx08b].sl:hover {
    color: #5c5c69; }

[e-xtx08b].il {
  color: #8a8a95; }
  [e-xtx08b].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[e-xtx08b].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-xtx08b].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-xtx08b].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[e-xtx08b].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[e-xtx08b].__color-0 {
  color: #FF2E93; }

[e-xtx08b].__color-1 {
  color: #E15C4A; }

[e-xtx08b].__color-2 {
  color: #FD7E16; }

[e-xtx08b].__color-3 {
  color: #F69627; }

[e-xtx08b].__color-4 {
  color: #E12D63; }

[e-xtx08b].__color-5 {
  color: #DE557E; }

[e-xtx08b].__color-6 {
  color: #E14FDA; }

[e-xtx08b].__color-7 {
  color: #BD328E; }

[e-xtx08b].__color-8 {
  color: #348DE1; }

[e-xtx08b].__color-9 {
  color: #9548E1; }

[e-xtx08b].__color-10 {
  color: #3A5BF1; }

[e-xtx08b].__color-11 {
  color: #5C6EE1; }

[e-xtx08b].__color-12 {
  color: #00A9CE; }

[e-xtx08b].__color-13 {
  color: #54B1A6; }

[e-xtx08b].__color-14 {
  color: #319BDD; }

[e-xtx08b].__color-15 {
  color: #3294BD; }

[e-xtx08b].__bg-0 {
  background-color: #FF2E93; }

[e-xtx08b].__bg-1 {
  background-color: #E15C4A; }

[e-xtx08b].__bg-2 {
  background-color: #FD7E16; }

[e-xtx08b].__bg-3 {
  background-color: #F69627; }

[e-xtx08b].__bg-4 {
  background-color: #E12D63; }

[e-xtx08b].__bg-5 {
  background-color: #DE557E; }

[e-xtx08b].__bg-6 {
  background-color: #E14FDA; }

[e-xtx08b].__bg-7 {
  background-color: #BD328E; }

[e-xtx08b].__bg-8 {
  background-color: #348DE1; }

[e-xtx08b].__bg-9 {
  background-color: #9548E1; }

[e-xtx08b].__bg-10 {
  background-color: #3A5BF1; }

[e-xtx08b].__bg-11 {
  background-color: #5C6EE1; }

[e-xtx08b].__bg-12 {
  background-color: #00A9CE; }

[e-xtx08b].__bg-13 {
  background-color: #54B1A6; }

[e-xtx08b].__bg-14 {
  background-color: #319BDD; }

[e-xtx08b].__bg-15 {
  background-color: #3294BD; }

[e-xtx08b-host] {
  display: block;
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --emoji-size: 20px;
  --emoji-margin: -1px 0;
  --emoji-align: -.2em; }

[e-xtx08b].wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 4px 0 4px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [e-xtx08b-host][selected] [e-xtx08b].wrap {
    background: var(--c-msg); }
  [e-xtx08b].wrap.__text msg-message-reactions[e-xtx08b] {
    margin-top: -22px; }

[e-xtx08b-host][sequence=first],[e-xtx08b-host][sequence=single] {
  padding-top: 2px; }

[e-xtx08b-host][sequence=last],[e-xtx08b-host][sequence=single] {
  padding-bottom: 2px; }

[e-xtx08b-host][select-mode],[e-xtx08b-host][preview] {
  cursor: pointer; }
  [e-xtx08b-host][select-mode] [e-xtx08b].cnt,[e-xtx08b-host][preview] [e-xtx08b].cnt {
    pointer-events: none; }

[e-xtx08b-host].__highlighted {
  -webkit-animation: highlight-e-xtx08b 1s backwards;
          animation: highlight-e-xtx08b 1s backwards; }

[e-xtx08b-host].__highlighted[selected] {
  -webkit-animation-name: highlight-selected-e-xtx08b;
          animation-name: highlight-selected-e-xtx08b; }

msg-checkbox[e-xtx08b] {
  position: absolute;
  top: 6px;
  left: 12px;
  z-index: 2; }

msg-message-meta[e-xtx08b] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  [e-xtx08b-host]:hover msg-message-meta[e-xtx08b] {
    visibility: hidden; }
  [e-xtx08b-host][preview]:hover msg-message-meta[e-xtx08b],[e-xtx08b-host][select-mode]:hover msg-message-meta[e-xtx08b] {
    visibility: visible; }

msg-user-card[e-xtx08b] {
  margin: 4px 12px 0 0; }

msg-message-header[e-xtx08b] {
  margin: 0;
  padding: 0;
  line-height: 20px; }

[e-xtx08b].controls {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 60px;
          flex: 1 0 60px;
  padding: 0 8px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right; }

[e-xtx08b].reactions_wrapper {
  position: relative;
  width: 0; }
  [e-xtx08b].reactions_wrapper.__shift {
    left: 44px; }

msg-message-reactions[e-xtx08b] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-height: 24px;
  vertical-align: bottom;
  padding: 0;
  z-index: 5; }

msg-message-controls[e-xtx08b] {
  position: absolute;
  right: 0;
  top: 0; }

[e-xtx08b].cnt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  max-width: 100%;
  color: var(--c-msg-text);
  line-height: 20px;
  border-radius: 4px;
  -webkit-transition: margin-bottom 0.3s;
  transition: margin-bottom 0.3s; }
  [e-xtx08b].cnt.__reactions {
    margin-bottom: 22px; }
  [e-xtx08b].cnt.__shift {
    margin-left: 44px; }
  [e-xtx08b].cnt.__error {
    margin-bottom: 20px; }

[e-xtx08b].text {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  white-space: pre-wrap;
  max-width: 100%; }

[e-xtx08b].clickable {
  cursor: pointer; }

msg-message-quote[e-xtx08b] {
  margin: 4px 0;
  padding-left: 2px; }
  msg-message-quote[e-xtx08b]:before {
    left: 0; }

msg-message-grid[e-xtx08b] {
  position: relative;
  margin-top: 4px;
  overflow: hidden;
  border-radius: 8px; }
  msg-message-grid[e-xtx08b]:first-child {
    margin-top: 0; }
  msg-message-grid[e-xtx08b]:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    pointer-events: none; }

[e-xtx08b].error {
  position: absolute;
  bottom: 1px;
  right: 46px;
  padding: 2px 6px;
  border-radius: 10px;
  background: var(--c-error);
  color: #fff; }
  [e-xtx08b-host][sequence=last] [e-xtx08b].error,[e-xtx08b-host][sequence=single] [e-xtx08b].error {
    bottom: 4px; }

@-webkit-keyframes highlight-e-xtx08b {
  0% {
    background: transparent; }
  50% {
    background: var(--c-active); }
  100% {
    background: transparent; } }

@keyframes highlight-e-xtx08b {
  0% {
    background: transparent; }
  50% {
    background: var(--c-active); }
  100% {
    background: transparent; } }

@-webkit-keyframes highlight-selected-e-xtx08b {
  0% {
    background: var(--c-active-semi); }
  50% {
    background: var(--c-active); }
  100% {
    background: var(--c-active-semi); } }

@keyframes highlight-selected-e-xtx08b {
  0% {
    background: var(--c-active-semi); }
  50% {
    background: var(--c-active); }
  100% {
    background: var(--c-active-semi); } }
[e-vrmidb-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  color: var(--c-text);
  font-size: 14px;
  overflow: hidden; }

[e-vrmidb].scroller {
  position: relative;
  height: 100%;
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

msg-picker[e-vrmidb] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%; }

msg-chat-picker-list-item[e-vrmidb]:not([disabled]) {
  cursor: pointer; }
  msg-chat-picker-list-item[e-vrmidb]:not([disabled]).active {
    background: var(--c-active); }

[e-vrmidb].not-found {
  margin: 24px 0 12px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1; }
  [e-vrmidb].not-found msg-l10n[e-vrmidb] {
    display: block; }
  [e-vrmidb].not-found msg-icon[e-vrmidb] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }
[e-1k53ne-host] {
  display: block;
  padding: 6px 16px;
  color: var(--c-text);
  line-height: 20px;
  --emoji-size: 20px; }

[e-1k53ne-host][disabled] {
  opacity: 0.3; }

[e-1k53ne].label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: inherit; }

[e-1k53ne].name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: block;
  width: 100%;
  margin-left: 12px;
  margin-right: 12px;
  overflow: hidden;
  line-height: 16px; }

msg-name[e-1k53ne] {
  vertical-align: middle; }
[euoqi9d-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--c-bg);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-top: 1px solid var(--c-delimiter); }

[euoqi9d].custom-scrollbar {
  max-height: 412px;
  overflow: auto; }

msg-chat-item-container[euoqi9d] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  msg-chat-item-container[euoqi9d]:hover {
    background: var(--c-active);
    cursor: pointer; }

[euoqi9d-host] msg-chat-item-container .message {
  height: 20px;
  line-height: 20px; }

msg-toolbar[euoqi9d] {
  text-align: center; }
  msg-toolbar[euoqi9d] div[euoqi9d][slot="controls"] {
    position: absolute;
    top: 8px;
    right: 8px; }
    msg-toolbar[euoqi9d] div[slot="controls"] msg-button[euoqi9d] {
      padding-left: 0; }
@charset "UTF-8";
[e-ai1ldl-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  --msg-highlight: rgba(105, 124, 255, 0.3); }

[theme=dark] [e-ai1ldl-host] {
  --msg-highlight: rgba(255, 255, 255, 0.3); }

[ref-scroller-e-ai1ldl] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  contain: layout;
  will-change: scroll-position;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-anchor: none; }
  [ref-scroller-e-ai1ldl] [e-ai1ldl].flex {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }

[ref-container-e-ai1ldl] {
  position: relative;
  width: 100%;
  padding: 20px 0; }

[e-ai1ldl].delimiter {
  display: block;
  text-align: center;
  color: var(--c-text-sub);
  contain: layout;
  pointer-events: none;
  padding: 0; }
  [e-ai1ldl].delimiter.__date {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 4; }
    [e-ai1ldl].delimiter.__date.__visible {
      z-index: 5; }
    [e-ai1ldl].delimiter.__date:not(.__visible) .date-active-area msg-date-picker-bubble[e-ai1ldl] {
      opacity: 0;
      -webkit-transition: opacity 0.15s;
      transition: opacity 0.15s; }
    [e-ai1ldl].delimiter.__date:not(.__visible) .date-active-area:hover msg-date-picker-bubble[e-ai1ldl] {
      opacity: 1; }
    [e-ai1ldl].delimiter.__date [e-ai1ldl].date-active-area {
      position: relative;
      z-index: 4;
      pointer-events: all;
      width: 150px;
      margin: 0 auto; }
  [e-ai1ldl].delimiter.__unread {
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0 48px 0 52px;
    z-index: 1; }
  [e-ai1ldl].delimiter.__unread:before, [e-ai1ldl].delimiter.__unread:after {
    content: '';
    display: block;
    height: 1px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0;
            flex: 1 0;
    background: var(--c-msg-ctrl);
    opacity: .75; }
  [e-ai1ldl].delimiter.preview {
    overflow: hidden;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    color: var(--c-link);
    z-index: 4; }
    [e-ai1ldl].delimiter.preview:hover {
      color: var(--c-link-hover); }
    [e-ai1ldl].delimiter.preview::before {
      content: '';
      display: block;
      position: absolute;
      margin-top: 12px;
      left: 0;
      right: 0;
      height: 1px;
      background: var(--c-delimiter); }
    [e-ai1ldl].delimiter.preview msg-tico[e-ai1ldl] {
      position: relative;
      z-index: 1;
      display: inline-block;
      padding: 4px 12px 4px 8px;
      background: var(--c-bg);
      border-radius: 12px;
      border: 1px solid var(--c-delimiter);
      pointer-events: all; }

[e-ai1ldl].control-message {
  padding: 0;
  contain: layout; }

[e-ai1ldl].date {
  display: inline-block;
  pointer-events: all;
  max-width: 100%;
  margin: 4px 0;
  padding: 4px 12px;
  background-color: var(--c-msg-ctrl);
  border-radius: 12px;
  line-height: 16px;
  color: #fff;
  white-space: nowrap; }
  [e-ai1ldl].date:hover {
    cursor: pointer;
    background-color: var(--c-msg-ctrl-active); }

[e-ai1ldl].unread {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin: 8px 0;
  padding: 4px 12px;
  background: var(--c-msg-ctrl);
  border-radius: 12px;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: #fff;
  line-height: 16px; }

section[e-ai1ldl] {
  position: relative; }
  section[e-ai1ldl].__preview-mode {
    pointer-events: none; }

msg-control-message[e-ai1ldl] {
  margin: 0 auto;
  width: 656px;
  max-width: 100%;
  padding-left: 36px;
  padding-right: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

msg-message-list-participants[e-ai1ldl] {
  margin: 0 auto;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  msg-message-list-participants[e-ai1ldl][is-mine] {
    text-align: right; }
  msg-message[e-ai1ldl][sequence=middle] + msg-message-list-participants[e-ai1ldl] {
    margin-top: 3px;
    margin-bottom: 3px; }

msg-entity-preview[e-ai1ldl] {
  position: absolute;
  z-index: 3;
  cursor: pointer;
  margin: 4px -8px;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%; }

@media (max-width: 520px) {
  msg-message-list-participants[e-ai1ldl] {
    padding-right: 8px !important; } }

[e-ai1ldl].navi {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  bottom: 8px;
  right: 12px;
  z-index: 3;
  border-radius: 50%;
  -webkit-transition: background-color 0.15s cubic-bezier(0, 0, 0.2, 1), bottom 0.15s cubic-bezier(0, 0, 0.2, 1);
  transition: background-color 0.15s cubic-bezier(0, 0, 0.2, 1), bottom 0.15s cubic-bezier(0, 0, 0.2, 1); }
  [e-ai1ldl].navi msg-icon[e-ai1ldl].buble {
    position: absolute;
    right: -4px;
    bottom: -4px;
    background-color: var(--c-bg);
    color: var(--c-btn-text);
    border-radius: 1em;
    min-width: 12px;
    padding: 3px; }

msg-button[e-ai1ldl]:not([disabled]).__has-unread {
  background-color: #33a909; }
  msg-button[e-ai1ldl]:not([disabled]).__has-unread:hover {
    background-color: #339411; }
  msg-button[e-ai1ldl]:not([disabled]).__has-unread msg-icon[e-ai1ldl]:not(.buble) {
    color: #fff; }

msg-progress[e-ai1ldl] {
  position: absolute;
  z-index: 5;
  top: 2px;
  left: 50%;
  margin-left: -16px;
  background: var(--c-bg);
  text-align: center;
  opacity: 0;
  -webkit-animation: show-e-ai1ldl 0.3s 0.9s forwards;
          animation: show-e-ai1ldl 0.3s 0.9s forwards; }
  msg-progress[e-ai1ldl].bottom {
    top: auto;
    bottom: 2px; }

[narrow] [e-ai1ldl-host] msg-message-list-participants[e-ai1ldl] {
  padding: 0 12px 0 76px; }
  [narrow] [e-ai1ldl-host] msg-message-list-participants[e-ai1ldl][promode] {
    padding-left: 86px; }

.is-mobile [e-ai1ldl-host] msg-message-list-participants[e-ai1ldl] {
  padding: 0 12px 0 48px; }

[e-ai1ldl].list-item {
  /* Тут указывается длительность анимации пропадания подсветки */
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  overflow: visible; }
  [e-ai1ldl].list-item.highlighted {
    background-color: var(--msg-highlight); }
[e-ai1ldl-host] .list-item .cnt{
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }
[e-ai1ldl-host] .list-item[mine] .cnt{
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }
[e-ai1ldl-host] [data-appear="fade"] .cnt{
  -webkit-animation: show-e-ai1ldl 0.35s linear;
  animation: show-e-ai1ldl 0.35s linear; }

@-webkit-keyframes show-e-ai1ldl {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes show-e-ai1ldl {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes show-button-e-ai1ldl {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes show-button-e-ai1ldl {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@-webkit-keyframes hide-button-e-ai1ldl {
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes hide-button-e-ai1ldl {
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@-webkit-keyframes appear-e-ai1ldl {
  from {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes appear-e-ai1ldl {
  from {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }
[e-ih53hr-host] {
  display: inline-block;
  display: block;
  text-align: center;
  word-break: break-word;
  word-wrap: break-word; }

[e-ih53hr].message {
  display: inline-block;
  max-width: 100%;
  margin: 4px 0;
  padding: 2px 12px;
  background-color: var(--c-msg-ctrl);
  border-radius: 12px;
  line-height: 20px;
  color: #fff; }
  [promode] [e-ih53hr-host] [e-ih53hr].message {
    margin: 4px 0; }

[e-ih53hr].icon {
  display: block;
  margin: 8px auto;
  float: none;
  border: 1px solid var(--c-delimiter);
  border-radius: 100%;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  height: 48px;
  width: 48px; }

msg-l10n[e-ih53hr],
[e-ih53hr].text {
  word-break: break-word;
  --emoji-size: 16px; }

[e-ih53hr-host] a {
  color: #fff; }

[e-ih53hr-host] a:hover {
  color: #fff; }

[e-ih53hr-host] msg-emoji {
  --emoji-size: 16px !important;
  --emoji-align: -.12em; }
/* Links
-------------------------------------------------- */
a[emguvc1] {
  color: var(--c-link); }
  a[emguvc1]:hover {
    color: var(--c-link-hover); }

a[emguvc1],
[emguvc1].link {
  text-decoration: none;
  cursor: pointer; }
  a[emguvc1]:hover,
  [emguvc1].link:hover {
    text-decoration: underline; }

[emguvc1].pl,
[emguvc1].sl,
[emguvc1].il {
  cursor: pointer; }

[emguvc1].link.pl {
  color: #697cff; }
  [emguvc1].link.pl:hover {
    color: #3d5afe; }

[emguvc1].sl {
  color: #8a8a95; }
  [emguvc1].sl:hover {
    color: #5c5c69; }

[emguvc1].il {
  color: #8a8a95; }
  [emguvc1].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[emguvc1].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[emguvc1].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[emguvc1].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[emguvc1].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[emguvc1].name,
[emguvc1].others {
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  margin-left: .3em; }

[emguvc1].others {
  cursor: pointer;
  color: #fff; }
  [emguvc1].others:hover {
    color: #fff; }

[emguvc1].user {
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff; }

msg-user-card[emguvc1] {
  display: inline-block;
  vertical-align: -3px; }

msg-l10n[emguvc1] {
  vertical-align: bottom;
  word-break: break-word; }

msg-parsed-text[emguvc1] {
  --emoji-size: 16px;
  --emoji-align: -2px;
  --emoji-margin: 0; }
[e-x8c73e-host] {
  display: inline-block; }

msg-button[e-x8c73e].date-picker {
  border-radius: 100%;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  min-width: 24px;
  position: relative;
  top: 3px;
  margin-left: -24px;
  left: 28px;
  background-color: var(--c-msg-ctrl); }
  msg-button[e-x8c73e].date-picker:hover {
    background-color: var(--c-msg-ctrl-active); }
  msg-button[e-x8c73e].date-picker msg-icon[e-x8c73e] {
    color: #fff; }

msg-calendar[e-x8c73e] {
  position: absolute;
  margin-left: -104px;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); }
  msg-calendar[e-x8c73e].bottom {
    bottom: 100%;
    margin-bottom: 8px;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%; }
  msg-calendar[e-x8c73e]:not(.bottom) {
    top: 100%;
    margin-top: 8px; }
[eb4dfu6-host] {
  --cell-size: 28px;
  display: block;
  border-radius: 4px;
  background-color: var(--c-bg);
  color: var(--c-text);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 8px; }

header[eb4dfu6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  header[eb4dfu6] h4[eb4dfu6] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    font-weight: normal;
    margin: 0;
    text-align: center;
    text-transform: capitalize; }
  header[eb4dfu6] [eb4dfu6].control {
    padding: 0;
    width: 32px; }
    header[eb4dfu6] [eb4dfu6].control:not([disabled]) {
      cursor: pointer; }
    header[eb4dfu6] [eb4dfu6].control[disabled] {
      color: var(--c-text-sub); }

[eb4dfu6].row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 4px; }
  [eb4dfu6].row:not(:first-of-type) {
    margin-top: 4px; }
  [eb4dfu6].row.weekdays {
    color: var(--c-msg-ctrl);
    border-bottom: 1px solid var(--c-delimiter);
    margin-bottom: 4px; }

[eb4dfu6].cell {
  width: var(--cell-size);
  height: var(--cell-size);
  line-height: var(--cell-size);
  border-radius: 100%; }
  [eb4dfu6].days [eb4dfu6].cell:not([disabled]) {
    cursor: pointer; }
    [eb4dfu6].days [eb4dfu6].cell:not([disabled]):not(.selected):hover {
      background-color: var(--c-btn); }
  [eb4dfu6].cell[disabled] {
    opacity: 0.25; }
  [eb4dfu6].cell.today {
    background-color: var(--c-btn-active); }
  [eb4dfu6].cell.selected {
    color: #fff;
    background-color: var(--c-highlight); }
  [eb4dfu6].cell.sibling {
    font-size: 11px;
    pointer-events: none;
    color: var(--c-text);
    opacity: 0.15; }
/* Links
-------------------------------------------------- */
a[e-e6tmwq] {
  color: var(--c-link); }
  a[e-e6tmwq]:hover {
    color: var(--c-link-hover); }

a[e-e6tmwq],
[e-e6tmwq].link {
  text-decoration: none;
  cursor: pointer; }
  a[e-e6tmwq]:hover,
  [e-e6tmwq].link:hover {
    text-decoration: underline; }

[e-e6tmwq].pl,
[e-e6tmwq].sl,
[e-e6tmwq].il {
  cursor: pointer; }

[e-e6tmwq].link.pl {
  color: #697cff; }
  [e-e6tmwq].link.pl:hover {
    color: #3d5afe; }

[e-e6tmwq].sl {
  color: #8a8a95; }
  [e-e6tmwq].sl:hover {
    color: #5c5c69; }

[e-e6tmwq].il {
  color: #8a8a95; }
  [e-e6tmwq].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[e-e6tmwq].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-e6tmwq].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-e6tmwq].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[e-e6tmwq].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[e-e6tmwq-host] {
  display: block;
  padding: 0 48px 0 92px; }

[e-e6tmwq-host][is-mine] {
  text-align: right; }

[e-e6tmwq-host][promode] {
  text-align: left;
  padding-left: 84px;
  padding-bottom: 8px; }

main[e-e6tmwq] {
  position: relative; }

[e-e6tmwq].user {
  display: inline-block;
  vertical-align: top;
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
  position: relative;
  width: 18px;
  min-width: 0;
  -webkit-transform-origin: 9px 50%;
          transform-origin: 9px 50%; }
  [e-e6tmwq].user:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
[e-e6tmwq-host] .user img,
  [e-e6tmwq-host] .user .stub {
  text-align: center;
  width: 16px;
  min-width: 0; }
[e-e6tmwq-host] msg-emoji {
  --emoji-size: 14px !important;
  --emoji-align: -.2em; }
[e-e6tmwq-host] .user msg-emoji img {
  width: 14px; }

msg-entity-preview[e-e6tmwq] {
  position: absolute;
  z-index: 5;
  cursor: pointer;
  margin: 4px -8px;
  text-align: left; }

[e-e6tmwq].overflow-label {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin-left: -18px;
  border-radius: 16px;
  font-size: 10px;
  text-align: center;
  line-height: 16px;
  color: #fff;
  cursor: pointer;
  background: rgba(34, 34, 51, 0.75);
  z-index: 1; }
  [e-e6tmwq].overflow-label.__shift {
    text-align: left;
    padding-left: .25em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

@media (max-width: 520px) {
  [e-e6tmwq-host]:not([is-mine]) {
    padding-left: 40px; } }

@-webkit-keyframes show-e-e6tmwq {
  from {
    width: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  to {
    width: 18px;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes show-e-e6tmwq {
  from {
    width: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  to {
    width: 18px;
    -webkit-transform: scale(1);
            transform: scale(1); } }
[ewjvvr7-host] {
  padding: 8px;
  min-width: 200px;
  max-width: 280px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  color: var(--c-text);
  background-color: var(--c-bg);
  border-radius: 4px;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  overflow: hidden;
  -webkit-transition-property: left, top, bottom, right;
  transition-property: left, top, bottom, right;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }

[ewjvvr7-host][type=link] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }

[ewjvvr7].content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

[ewjvvr7].thumbnail {
  display: inline-block;
  text-align: center; }

[ewjvvr7].link-text {
  max-width: 100%;
  overflow: hidden;
  min-height: 16px;
  display: block;
  text-overflow: ellipsis;
  padding-right: 24px;
  white-space: nowrap;
  cursor: pointer;
  margin-bottom: 8px; }
  [ewjvvr7].link-text.__no-preview {
    margin-bottom: 0; }

msg-l10n[ewjvvr7][key=link-no-preview], msg-l10n[ewjvvr7][key=entity-preview-no-user] {
  color: var(--c-text-sub);
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

msg-progress[ewjvvr7] {
  display: block;
  text-align: center;
  margin: 0 auto; }

msg-button[ewjvvr7].copy {
  position: absolute;
  right: 2px;
  top: 0; }

msg-button[ewjvvr7].add-contact {
  margin-right: -4px; }

msg-button[ewjvvr7].navigate {
  margin-top: 8px; }

[ewjvvr7].no-preview {
  margin-top: 26px;
  text-align: center;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

main[ewjvvr7] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  margin-left: 8px;
  max-width: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }

msg-name[ewjvvr7] {
  font-size: 14px;
  color: var(--c-text);
  position: relative;
  max-height: 32px;
  max-width: 100%;
  white-space: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

p[ewjvvr7] {
  margin: 4px 0 0;
  color: var(--c-text-sub); }

msg-link-preview[ewjvvr7] {
  border: 1px solid var(--c-delimiter);
  border-radius: 8px; }
  [promode] [ewjvvr7-host] msg-link-preview[ewjvvr7] {
    background-color: var(--c-active);
    border: 1px solid rgba(0, 0, 0, 0.12); }

[ewjvvr7-host] msg-name > .container {
  white-space: normal; }

[ewjvvr7-host] img.__no-rects {
  max-height: 64px; }

[e-jqvd3l-host] {
    overflow: hidden;
    display: block;
}
/*# sourceMappingURL=msg-animated-resize.css.map */[ebbeaok-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative; }

img[ebbeaok] {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover; }

[ebbeaok].content {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  font-size: 13px;
  line-height: 16px;
  color: var(--c-text);
  overflow: hidden; }

[ebbeaok].line {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[ebbeaok].host {
  color: var(--c-text-sub);
  font-size: 11px; }

[ebbeaok].title {
  font-weight: 500; }

[ebbeaok].descr {
  --emoji-size: 12px;
  --emoji-align: -.15em; }

[ebbeaok].url {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
[e-2njs7b-host] {
  display: block;
  overflow-y: auto;
  overflow-anchor: none; }

[e-2njs7b].date-delimiter {
  padding: 4px 0;
  display: block;
  text-align: center;
  color: var(--c-text-sub);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  contain: layout;
  z-index: 2; }

[e-2njs7b].date {
  display: inline-block;
  max-width: 100%;
  padding: 5px 12px;
  background-color: var(--c-msg-ctrl);
  color: #fff;
  border-radius: 12px; }

[e-2njs7b].search-empty {
  display: block;
  font-size: 14px;
  margin-top: 100px;
  color: var(--c-link);
  text-align: center; }

msg-progress[e-2njs7b] {
  position: absolute;
  left: 50%;
  opacity: 0;
  -webkit-animation: show-e-2njs7b 0.3s 0.9s forwards;
          animation: show-e-2njs7b 0.3s 0.9s forwards; }
  msg-progress[e-2njs7b].more {
    bottom: 2px;
    margin-left: -16px;
    background: var(--c-bg); }
  msg-progress[e-2njs7b].empty {
    top: 50%;
    margin: -24px 0 0 -24px; }

@-webkit-keyframes show-e-2njs7b {
  to {
    opacity: 1; } }

@keyframes show-e-2njs7b {
  to {
    opacity: 1; } }

msg-message[e-2njs7b] {
  cursor: pointer; }
[e-994tor-host] {
  display: block; }

msg-chat-actions-board[e-994tor] {
  position: relative;
  z-index: 5; }

[e-994tor].popup {
  position: absolute;
  bottom: 41px;
  margin-bottom: -8px;
  left: 12px;
  z-index: 5;
  width: 432px;
  height: 50vh;
  -webkit-transform-origin: 3% 100%;
          transform-origin: 3% 100%;
  min-height: 408px; }
  [e-994tor].popup.__5-col {
    width: 528px; }
  [e-994tor].popup.__6-col {
    width: 624px; }

msg-assets-panel[e-994tor] {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  background-clip: padding-box;
  border-radius: 8px;
  background: var(--c-chat-bg); }

msg-progress[e-994tor] {
  color: #fff; }

[e-994tor].c-progress {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 13px;
  color: var(--c-text); }

[e-994tor].c-uploads {
  width: 100%;
  height: 47px;
  line-height: 51px;
  vertical-align: middle;
  color: var(--c-text-sub);
  margin-right: 47px; }
  [e-994tor].c-uploads [e-994tor].c-uploads-multi {
    display: inline-block; }
  [e-994tor].c-uploads [e-994tor].c-uploads-details {
    position: absolute;
    right: 56px;
    top: 0; }

msg-message-editor[e-994tor] {
  z-index: 4;
  position: relative;
  background: var(--c-bg); }

header[e-994tor], footer[e-994tor] {
  overflow: hidden;
  position: relative; }

[e-994tor].form {
  position: relative;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-994tor].text-primary {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #697cff; }

[e-994tor].form_attach {
  padding-top: 12px;
  max-height: 250px;
  overflow-y: auto; }

[e-994tor].wrap, msg-posting-share[e-994tor] {
  position: relative;
  z-index: 5;
  padding: 0 12px;
  overflow: hidden; }

[e-994tor].__absolute {
  position: absolute;
  bottom: 100%;
  background: var(--c-bg);
  width: 100%;
  z-index: 5; }

msg-audio-input[e-994tor] {
  border-top: 1px solid var(--c-delimiter); }
  msg-audio-input[e-994tor].hidden {
    display: none; }

[e-994tor].buttons {
  display: inline-block;
  white-space: nowrap; }
  [e-994tor].buttons msg-button[e-994tor] {
    display: inline-block;
    vertical-align: middle; }
    [e-994tor].buttons msg-button[e-994tor].__pulse {
      -webkit-animation: pulse-e-994tor 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
              animation: pulse-e-994tor 1.25s infinite cubic-bezier(0.66, 0, 0, 1); }
    [e-994tor].buttons msg-button[e-994tor]:not(:first-of-type) {
      margin-left: 8px; }

[ref-fileInput-e-994tor],[ref-mediaInput-e-994tor] {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0; }

[e-994tor].toggler {
  overflow: hidden;
  vertical-align: top; }
  [e-994tor].toggler msg-icon[e-994tor] {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
    -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
    transition: opacity 0.15s, -webkit-transform 0.15s;
    transition: transform 0.15s, opacity 0.15s;
    transition: transform 0.15s, opacity 0.15s, -webkit-transform 0.15s; }
  [e-994tor].toggler msg-icon[e-994tor][icon="arrow-down"] {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0; }
  [e-994tor].toggler.__open msg-icon[e-994tor][icon="arrow-down"] {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  [e-994tor].toggler.__open msg-icon[e-994tor]:not([icon="arrow-down"]) {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0; }

msg-posting-attach[e-994tor] {
  cursor: pointer;
  vertical-align: top; }

[e-994tor].attachment-menu-wrapper {
  position: relative;
  width: 100%; }

[e-994tor].attachment-menu {
  position: absolute;
  bottom: 35px;
  right: 40px;
  padding: 4px 0;
  overflow: hidden;
  font-size: 14px;
  color: var(--c-link);
  white-space: nowrap;
  background-color: var(--c-bg);
  border-radius: 4px;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  min-width: 180px;
  -webkit-transform-origin: 97% 100%;
          transform-origin: 97% 100%;
  z-index: 2; }
  [e-994tor].attachment-menu__send {
    bottom: calc(100% - 6px);
    right: 12px;
    z-index: 6; }
  [e-994tor].attachment-menu msg-menu-item[e-994tor] {
    padding: 8px 12px;
    cursor: pointer; }
    [e-994tor].attachment-menu msg-menu-item[e-994tor]:hover {
      background-color: var(--c-active); }
    .is-mobile [e-994tor-host] .attachment-menu msg-menu-item[e-994tor] {
      padding: 12px 16px; }
  .is-mobile [e-994tor-host] [e-994tor].attachment-menu {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 49px;
    -webkit-transform-origin: 80% 100%;
            transform-origin: 80% 100%; }

[e-994tor].menu-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  [e-994tor].menu-item-content [e-994tor].shortcut {
    font-size: 0.85em;
    font-weight: normal;
    color: var(--c-text-sub);
    padding-left: 8px; }

msg-bubble[e-994tor] {
  display: inline-block;
  vertical-align: top;
  text-align: left; }
  msg-bubble[e-994tor] msg-button[e-994tor] {
    vertical-align: top; }
  msg-bubble[e-994tor] msg-menu-item[e-994tor] {
    cursor: pointer; }
    msg-bubble[e-994tor] msg-menu-item[e-994tor].__disabled {
      opacity: 0.5;
      cursor: default; }

[e-994tor].preview {
  position: relative;
  z-index: 2;
  text-align: center;
  line-height: 48px;
  height: 48px;
  border-top: 1px solid var(--c-delimiter); }
  [e-994tor].preview msg-tico[e-994tor] {
    display: inline-block;
    color: var(--c-text-sub); }
    [e-994tor].preview msg-tico[e-994tor]:hover {
      color: var(--c-text); }

/* Quote' block
-------------------------------------------------- */
[e-994tor].add-comment {
  position: relative;
  padding: 12px 8px 12px 16px;
  font-size: 14px;
  overflow: hidden;
  max-height: 500px;
  border-top: 1px solid var(--c-delimiter); }

[e-994tor].edit-title {
  color: #697cff; }

[e-994tor].edit-text {
  --emoji-size: 14px;
  display: block;
  color: var(--c-text-sub);
  word-wrap: break-word;
  word-break: break-all;
  max-height: 16px;
  text-overflow: ellipsis;
  overflow: hidden; }
  [e-994tor].edit-text:not(:empty) {
    margin-top: 4px; }

[e-994tor].cancel {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 1; }

/* /Quote' block */
[e-994tor].chunks {
  position: absolute;
  top: 20px;
  right: 4px;
  margin-left: -32px;
  background-color: #697cff;
  color: #fff;
  border-radius: 50%;
  padding: 2px;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  cursor: help;
  border: 2px solid var(--c-bg);
  font-size: 11px; }

/* Media
-------------------------------------------------- */
msg-message-quote[e-994tor] {
  max-width: 420px;
  padding-left: 2px; }
  msg-message-quote[e-994tor]:before {
    left: 0; }

.is-mobile [e-994tor-host] [e-994tor].popup {
  left: 0;
  width: 100vw;
  margin-bottom: 0;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }

.is-mobile [e-994tor-host] msg-assets-panel[e-994tor] {
  border-radius: 0;
  -webkit-box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2); }

.is-mobile [e-994tor-host] msg-message-quote[e-994tor] {
  max-width: 100%; }

.is-mobile [e-994tor-host] [e-994tor].popup,.is-mobile [e-994tor-host] [e-994tor].attachment-menu {
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2); }

@media (max-width: 680px) {
  [e-994tor].add-comment {
    padding-right: 8px; }
  [e-994tor].cancel {
    right: 8px; } }

/* /Media */
@-webkit-keyframes pulse-e-994tor {
  to {
    -webkit-box-shadow: 0 0 0 8px rgba(105, 124, 255, 0);
            box-shadow: 0 0 0 8px rgba(105, 124, 255, 0); } }
@keyframes pulse-e-994tor {
  to {
    -webkit-box-shadow: 0 0 0 8px rgba(105, 124, 255, 0);
            box-shadow: 0 0 0 8px rgba(105, 124, 255, 0); } }

@-webkit-keyframes switch-icon-e-994tor {
  from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); } }

@keyframes switch-icon-e-994tor {
  from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); } }
[eat7q0j-host] {
  display: block;
  color: var(--c-text);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

main[eat7q0j] {
  position: relative;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .is-mobile [eat7q0j-host] main[eat7q0j] {
    width: 100%; }

[eat7q0j].controls {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 4px;
  padding-left: 16px;
  border-radius: 16px; }
  [eat7q0j].controls [eat7q0j].text {
    display: inline-block;
    font-size: 11px; }
  [eat7q0j].controls.multiple {
    background-color: var(--c-active);
    color: var(--c-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

msg-message-share-attach[eat7q0j] {
  width: 360px;
  margin: 10px 0;
  max-width: 100%;
  min-height: 80px;
  border: 1px solid var(--c-delimiter); }
  .is-mobile [eat7q0j-host] msg-message-share-attach[eat7q0j] {
    width: 100%; }

msg-button[eat7q0j] {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  height: auto;
  border: 0 !important; }

[eat7q0j].close_btn {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-left: 12px;
  line-height: 24px; }
  [eat7q0j].close_btn msg-icon[eat7q0j] {
    vertical-align: -1px; }

[eat7q0j].photo {
  width: 64px;
  height: 64px;
  border-radius: 4px;
  background-size: cover;
  background-position: 50% -50%;
  margin: 10px 0; }
[evbmzp3-host] {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  margin: 0 10px 12px 0;
  width: 64px;
  height: 64px; }

[evbmzp3].preview {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid var(--c-delimiter);
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer; }

msg-progress[evbmzp3] {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -16px;
  color: #ffffff;
  z-index: 3; }

msg-button[evbmzp3].open {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
  background-color: var(--c-tint);
  z-index: 1; }
  msg-button[evbmzp3].open.__error {
    background-color: rgba(255, 87, 86, 0.4); }
  msg-button[evbmzp3].open msg-icon[evbmzp3][icon='error'] {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px;
    color: #fff;
    z-index: 3; }

msg-button[evbmzp3].remove {
  position: absolute;
  top: -8px;
  right: -12px;
  min-width: unset;
  width: 28px;
  height: 28px;
  z-index: 2; }

msg-video-poster[evbmzp3] {
  background: #000; }
[e-abq1dh-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

header[e-abq1dh] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  min-height: 48px;
  border-bottom: 1px solid var(--c-delimiter);
  border-radius: 8px 8px 0 0;
  overflow: hidden; }
  header[e-abq1dh] msg-button[e-abq1dh] {
    -ms-flex-item-align: center;
        align-self: center;
    margin: 0 8px; }

[e-abq1dh].content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  height: 100%;
  max-height: 44.6vh;
  max-height: calc(50vh - 49px);
  min-height: 360px; }

[e-abq1dh].tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0;
  margin: 0;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--c-bg);
  list-style-type: none;
  width: 100%; }
  [e-abq1dh].tabs > li[e-abq1dh] {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 12px 12px 8px;
    border-bottom: 2px solid transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1;
    color: var(--c-text-sub);
    -webkit-transition: max-width 0.3s, opacity 0.15s, padding 0.3s;
    transition: max-width 0.3s, opacity 0.15s, padding 0.3s; }
    [e-abq1dh].tabs > li[e-abq1dh]:hover {
      color: var(--c-text); }
    [e-abq1dh].tabs > li[e-abq1dh].hidden {
      opacity: 0;
      max-width: 0;
      padding: 16px 0 12px; }
    [e-abq1dh].tabs > li[e-abq1dh].settings {
      margin-left: auto;
      -webkit-transition-duration: 0s;
              transition-duration: 0s; }
    [e-abq1dh].tabs > li[e-abq1dh].selected {
      color: var(--c-text);
      border-color: var(--c-text); }
      [e-abq1dh].tabs > li[e-abq1dh].selected:hover {
        text-decoration: none; }
    [e-abq1dh].tabs > li[e-abq1dh].search {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 48px;
      padding: 2px 8px 0;
      overflow: hidden; }

msg-sticker-settings[e-abq1dh] {
  overflow: auto;
  scrollbar-face-color: #fff;
  scrollbar-arrow-color: #ccc;
  scrollbar-track-color: #ddd;
  scrollbar-shadow-color: #ddd;
  scrollbar-highlight-color: #ddd;
  scrollbar-3dlight-color: #ddd;
  scrollbar-darkshadow-Color: #ddd; }
  msg-sticker-settings[e-abq1dh]::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: var(--c-scrollbar); }
  msg-sticker-settings[e-abq1dh]::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  msg-sticker-settings[e-abq1dh]::-webkit-scrollbar-thumb {
    min-height: 40px;
    border-radius: 0;
    background-color: var(--c-scrollbar-thumb);
    border-radius: 1px;
    border: 0;
    background-clip: padding-box; }
  msg-sticker-settings[e-abq1dh]::-webkit-scrollbar-thumb:hover {
    background-color: var(--c-scrollbar-thumb-hover); }

msg-search-input[e-abq1dh] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  background: var(--c-input);
  border-radius: 16px;
  height: 32px;
  max-width: 100%; }

[e-abq1dh].font {
  height: 0;
  width: 0;
  opacity: 0; }

@media (max-width: 480px) {
  [e-abq1dh].tabs_i.__search {
    display: inline-block; } }

[e-abq1dh-host] msg-search-input.__active msg-icon[icon=search] {
  color: var(--c-text);
  opacity: 1; }
[e-k5yywk-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }

msg-assets-panel-group-list[e-k5yywk] {
  position: absolute;
  height: 100%; }

msg-emoji[e-k5yywk] {
  margin: 4px;
  cursor: pointer; }

[e-k5yywk].stub {
  margin: 4px;
  height: 32px;
  width: 32px; }

[e-k5yywk].user-emoji {
  width: auto; }

msg-sticker[e-k5yywk] {
  cursor: pointer; }

msg-icon[e-k5yywk] {
  display: block;
  color: inherit; }

section[e-k5yywk] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 8px; }
  section[e-k5yywk]:after {
    content: '';
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }

[e-k5yywk].h3 {
  margin: 12px 8px 0 12px; }

[e-k5yywk].overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1; }

[e-k5yywk].skin-tone-picker {
  background: var(--c-bg);
  margin-top: 12px;
  padding: 9px;
  z-index: 6;
  max-width: 450px; }
  [e-k5yywk].skin-tone-picker [e-k5yywk].emoji {
    display: inline-block;
    margin: 0; }
    [e-k5yywk].skin-tone-picker [e-k5yywk].emoji:not(:first-of-type) {
      margin-left: 9px; }

[e-k5yywk].sticker {
  display: inline-block;
  text-align: center;
  position: relative; }
  [e-k5yywk].sticker + [e-k5yywk].sticker {
    margin-left: 2px; }

msg-assets-controls[e-k5yywk] {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  [e-k5yywk].sticker:hover msg-assets-controls[e-k5yywk] {
    opacity: 1; }

[e-k5yywk].sticker-picker {
  background: var(--c-bg); }

[e-k5yywk].rev {
  padding: 8px 0 8px 9px; }

[e-k5yywk].buttons {
  border-radius: 0 0 4px 4px; }

[e-k5yywk].tab-item {
  padding: 10px 12px 12px; }

[e-k5yywk].title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 16px 4px 12px;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--c-text-sub);
  font-weight: 500;
  line-height: 16px; }
  section[e-k5yywk]:first-child [e-k5yywk].title {
    padding-top: 20px; }
[e-hgmbvx-host] {
  position: absolute;
  bottom: 6px;
  right: 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  z-index: 5;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

msg-button[e-hgmbvx][size=small][shape=circle] {
  height: 28px;
  width: 28px;
  min-width: 28px;
  border: 0; }

msg-button[e-hgmbvx] + msg-button[e-hgmbvx] {
  margin-left: 6px; }
[ey2za32-host] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

main[ey2za32] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: auto;
  height: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

section[ey2za32] {
  position: relative; }

msg-progress[ey2za32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px; }

footer[ey2za32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid var(--c-delimiter);
  overflow: hidden;
  max-height: 48px; }

ul[ey2za32] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  padding: 0 0 16px;
  height: 50px;
  margin: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  ul[ey2za32] > li[ey2za32] {
    border-top: 2px solid transparent;
    color: var(--c-text-sub);
    cursor: pointer;
    padding: 0;
    height: 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0 0 0 8px; }
    ul[ey2za32] > li[ey2za32]:hover, ul[ey2za32] > li[ey2za32].selected {
      color: var(--c-text); }
    ul[ey2za32] > li[ey2za32].selected {
      border-color: var(--c-text); }

slot[ey2za32][name="controls"]:empty {
  display: none; }

footer[ey2za32] msg-button[ey2za32] {
  height: 50px;
  width: 24px;
  min-width: 24px; }
[e1mx96r-host] {
  position: fixed;
  z-index: 1000;
  display: block;
  border-radius: 4px;
  background: var(--c-bg);
  padding: 2px;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  background-clip: padding-box; }
  [e1mx96r-host]::before {
    content: '';
    background: transparent;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 12px; }

[e1mx96r].tail {
  position: absolute;
  width: 16px;
  height: 10px;
  margin-left: -8px;
  bottom: -10px;
  overflow: hidden;
  background: inherit;
  visibility: hidden; }
  [e1mx96r].tail::before {
    content: '';
    background: inherit;
    display: block;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: relative;
    left: 3px;
    top: -5px;
    visibility: visible;
    -webkit-box-shadow: 3px 3px 5px -3px var(--c-tint);
            box-shadow: 3px 3px 5px -3px var(--c-tint); }
  [e1mx96r-host][tail=top] [e1mx96r].tail {
    top: -10px;
    bottom: auto; }
  [e1mx96r-host][tail=top] [e1mx96r].tail::before {
    top: 5px;
    -webkit-box-shadow: 0 0 3px -1px var(--c-tint);
            box-shadow: 0 0 3px -1px var(--c-tint); }

slot[e1mx96r] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
[e-up1a5b-host] {
  display: block;
  position: relative; }

main[e-up1a5b] {
  overflow: auto;
  height: 100%; }

msg-assets-panel-group-list[e-up1a5b] {
  position: absolute;
  height: 100%; }
  msg-assets-panel-group-list[e-up1a5b].__scroll section[e-up1a5b] {
    pointer-events: none; }

[e-up1a5b].not-found {
  margin-top: 24px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  width: 100%; }
  [e-up1a5b].not-found msg-l10n[e-up1a5b] {
    display: block; }
  [e-up1a5b].not-found msg-button[e-up1a5b] {
    margin-top: 16px; }
  [e-up1a5b].not-found msg-icon[e-up1a5b] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }

section[e-up1a5b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 4px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  section[e-up1a5b].__hidden {
    display: none; }
  section[e-up1a5b] msg-assets-sticker[e-up1a5b],
  section[e-up1a5b] msg-assets-gif[e-up1a5b] {
    width: 96px;
    height: 96px;
    margin: 0 0 4px;
    cursor: pointer; }

[e-up1a5b].stub {
  width: 96px;
  min-width: 96px;
  height: 96px;
  margin: 4px; }

[e-up1a5b].title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 20px 0 16px 8px;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--c-text-sub);
  font-weight: 500; }

[e-up1a5b].header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }

msg-sticker[e-up1a5b] {
  cursor: pointer; }

msg-tico[e-up1a5b] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--c-link); }
  msg-tico[e-up1a5b]:hover {
    color: var(--c-link-hover); }

[e-up1a5b].popular-queries {
  margin-top: 16px;
  padding-left: 4px;
  height: 32px;
  overflow: hidden; }
  [e-up1a5b].popular-queries msg-button[e-up1a5b] {
    margin: 0 4px 4px; }

footer[e-up1a5b] {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid var(--c-delimiter);
  color: var(--c-text); }

msg-assets-controls[e-up1a5b] {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  [e-up1a5b].sticker:hover msg-assets-controls[e-up1a5b] {
    opacity: 1; }

[e-up1a5b].stickersets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[e-up1a5b].tab-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  width: 32px;
  padding: 6px 8px 8px;
  opacity: .9; }
  [e-up1a5b].tab-item:hover {
    opacity: 1; }

[e-up1a5b].tab-icon {
  padding: 10px 12px 12px; }

[e-up1a5b].controls {
  border-left: 1px solid var(--c-delimiter); }

[e-up1a5b].more {
  height: 50px;
  width: 48px; }

msg-progress[e-up1a5b] {
  position: absolute;
  top: 24px;
  left: 50%;
  text-align: center;
  margin-left: -16px; }

[e-up1a5b].emoji-list {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 36px;
  padding: 0 8px;
  margin-bottom: 8px; }
  [e-up1a5b].emoji-list msg-emoji[e-up1a5b] {
    cursor: pointer;
    width: 32px;
    height: 32px;
    margin: 0 4px 4px;
    font-size: 32px; }

[e-up1a5b].sticker {
  position: relative;
  text-align: center;
  border-radius: 2px;
  overflow: hidden; }
  [e-up1a5b].sticker + [e-up1a5b].sticker {
    margin-left: 2px; }

[e-up1a5b].list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 96px);
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%; }

[e-up1a5b].item {
  position: relative; }
  [e-up1a5b].item [e-up1a5b].remove {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: unset;
    width: 28px;
    height: 28px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s; }
  [e-up1a5b].item:hover [e-up1a5b].remove {
    opacity: 1; }

@-webkit-keyframes tooltip-show-e-up1a5b {
  from {
    opacity: 0; } }

@keyframes tooltip-show-e-up1a5b {
  from {
    opacity: 0; } }

@-webkit-keyframes tooltip-hide-e-up1a5b {
  to {
    opacity: 0; } }

@keyframes tooltip-hide-e-up1a5b {
  to {
    opacity: 0; } }
[el7shcn-host] {
  position: relative;
  display: block;
  border-radius: 4px;
  overflow: hidden; }

main[el7shcn] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

video[el7shcn] {
  display: block;
  position: relative;
  z-index: 2; }

msg-progress[el7shcn] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px;
  background-color: var(--c-tint);
  color: #fff;
  z-index: 3; }
[e-vqx85x-host] {
  position: absolute;
  z-index: 2;
  bottom: 4px;
  right: 4px;
  padding: 2px;
  border-radius: 50%;
  background-color: var(--c-tint);
  height: 16px; }
  [e-vqx85x-host]:hover {
    background-color: var(--c-tint-active); }

msg-icon[e-vqx85x] {
  color: #fff;
  pointer-events: none; }
[evk9f85-host] {
  width: 96px;
  height: 96px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

img[evk9f85] {
  width: 100%;
  height: auto;
  vertical-align: inherit;
  position: absolute; }

[ref-lottie-evk9f85] {
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }
  [ref-lottie-evk9f85]:not(:empty) {
    background: none !important; }
[ecbrggl-host] {
  display: block;
  position: relative; }

main[ecbrggl] {
  height: calc(100% - 49px); }

footer[ecbrggl] {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid var(--c-delimiter); }

[ecbrggl].tabs {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }

[ecbrggl].tabs_i {
  position: relative;
  display: inline-block;
  padding: 12px 16px 16px;
  height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-align: center;
  color: var(--c-text-sub);
  white-space: nowrap;
  border-top: 2px solid transparent;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: min-width 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-flex-basis 0.15s 0.15s cubic-bezier(0.4, 0, 0.6, 1);
  transition: min-width 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-flex-basis 0.15s 0.15s cubic-bezier(0.4, 0, 0.6, 1);
  transition: flex-basis 0.15s 0.15s cubic-bezier(0.4, 0, 0.6, 1), min-width 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: flex-basis 0.15s 0.15s cubic-bezier(0.4, 0, 0.6, 1), min-width 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-flex-basis 0.15s 0.15s cubic-bezier(0.4, 0, 0.6, 1), -ms-flex-preferred-size 0.15s 0.15s cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s; }
  [ecbrggl].tabs_i.__active {
    color: var(--c-text);
    border-color: var(--c-text); }
[e-uq1swv-host] {
  display: block;
  height: 100%;
  position: relative; }

main[e-uq1swv] {
  overflow: auto;
  height: 100%; }
  main[e-uq1swv].__scroll [e-uq1swv].row {
    pointer-events: none; }

msg-progress[e-uq1swv] {
  position: absolute;
  top: 24px;
  left: 50%;
  text-align: center;
  margin-left: -16px; }
  msg-progress[e-uq1swv].bottom {
    top: auto;
    bottom: 4px;
    background: var(--c-bg); }

[e-uq1swv].row {
  white-space: nowrap; }

msg-assets-gif[e-uq1swv] {
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  cursor: pointer; }
  [e-uq1swv].row msg-assets-gif[e-uq1swv] {
    margin: 4px 0 0 4px; }

[e-uq1swv].not-found {
  margin: 24px 0 20px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1; }
  [e-uq1swv].not-found msg-l10n[e-uq1swv] {
    display: block; }
  [e-uq1swv].not-found msg-icon[e-uq1swv] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }
[e-uj9e2x-host] {
  display: block;
  position: relative;
  height: 100%; }

main[e-uj9e2x] {
  overflow: auto;
  height: 100%; }

msg-progress[e-uj9e2x] {
  position: absolute;
  top: 24px;
  left: 50%;
  text-align: center;
  margin-left: -16px; }
  msg-progress[e-uj9e2x].bottom {
    top: auto;
    bottom: 4px;
    background: var(--c-bg); }

[e-uj9e2x].not-found {
  margin: 24px 0 20px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1; }
  [e-uj9e2x].not-found msg-l10n[e-uj9e2x] {
    display: block; }
  [e-uj9e2x].not-found msg-icon[e-uj9e2x] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }

section[e-uj9e2x] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 2px 4px; }

[e-uj9e2x].more-sets {
  padding-left: 8px;
  padding-right: 8px; }
[envi4j1-host] {
  height: 164px;
  width: 100%;
  margin: 2px 0;
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--c-active);
  border-radius: 8px;
  color: var(--c-text);
  cursor: pointer; }
  [envi4j1-host]:hover {
    background: var(--c-active-chat-item); }

[envi4j1].data {
  overflow: hidden; }

[envi4j1].info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 8px 2px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 20px; }

[envi4j1].name {
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%; }

[envi4j1].stickers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  width: 100%;
  height: 96px; }

[envi4j1].controls {
  white-space: nowrap; }

[envi4j1].author {
  display: inline-block;
  margin-left: 4px;
  padding-left: 4px;
  border-left: 1px solid var(--c-text); }

msg-button[envi4j1] {
  margin-left: 8px;
  vertical-align: middle; }
[ece2bz4-host] {
  display: block;
  position: relative;
  height: 100%; }

main[ece2bz4] {
  overflow: auto;
  height: 100%; }
  main[ece2bz4].__scroll section[ece2bz4] {
    pointer-events: none; }

msg-assets-panel-group-list[ece2bz4] {
  position: absolute;
  height: 100%; }

[ece2bz4].not-found {
  margin: 24px 0 12px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1; }
  [ece2bz4].not-found msg-l10n[ece2bz4] {
    display: block; }
  [ece2bz4].not-found msg-icon[ece2bz4] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }

section[ece2bz4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  section[ece2bz4].__offset {
    padding-top: 8px; }
  section[ece2bz4]:after {
    content: '';
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  section[ece2bz4] msg-assets-sticker[ece2bz4] {
    width: 96px;
    height: 96px;
    margin: 4px;
    margin: 0 0 4px;
    cursor: pointer; }

[ece2bz4].title {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  padding: 20px 0 16px 8px;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--c-text-sub);
  font-weight: 500;
  line-height: 16px; }

[ece2bz4].list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 96px);
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%; }

[ece2bz4].sticker {
  text-align: center;
  position: relative; }

msg-assets-controls[ece2bz4] {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  [ece2bz4].sticker:hover msg-assets-controls[ece2bz4] {
    opacity: 1; }

msg-progress[ece2bz4] {
  position: absolute;
  top: 24px;
  left: 50%;
  text-align: center;
  margin-left: -16px; }

[ece2bz4].search-gif {
  margin-top: 8px;
  text-align: center; }
[e-uhkznn-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

canvas[e-uhkznn] {
  height: 216px;
  width: 216px;
  margin: auto;
  border-radius: 8px; }
  canvas[e-uhkznn].__border {
    border: 1px solid var(--c-delimiter); }

[e-uhkznn].input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px 16px; }

[e-uhkznn].controls {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  width: 100%;
  padding: 0 0 16px;
  height: 50px;
  margin: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  [e-uhkznn].controls > li[e-uhkznn] {
    border-top: 2px solid transparent;
    color: var(--c-text-sub);
    cursor: pointer;
    padding: 6px 8px 4px;
    height: 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0 0 0 8px; }
    [e-uhkznn].controls > li[e-uhkznn]:hover, [e-uhkznn].controls > li[e-uhkznn].selected {
      color: var(--c-text); }
    [e-uhkznn].controls > li[e-uhkznn].selected {
      border-color: var(--c-text); }

msg-input[e-uhkznn] {
  height: 32px;
  max-width: 100%;
  overflow: hidden; }

msg-button[e-uhkznn] {
  margin-left: 8px; }

main[e-uhkznn] {
  height: 100%; }

footer[e-uhkznn] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  border-top: 1px solid var(--c-delimiter);
  overflow: hidden;
  max-height: 48px; }

[e-uhkznn].font {
  height: 0;
  width: 0;
  opacity: 0;
  overflow: hidden; }

[e-uhkznn].text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  overflow: hidden;
  background: var(--c-input);
  border-radius: 16px;
  height: 32px; }

msg-counter[e-uhkznn] {
  line-height: 16px;
  display: inline-block;
  margin: 0 8px;
  color: var(--c-text-sub); }

footer[e-uhkznn] msg-button[e-uhkznn] {
  height: 50px;
  width: 24px;
  min-width: 24px;
  margin: 0; }
  footer[e-uhkznn] msg-button[e-uhkznn][disabled] {
    pointer-events: none; }

[e-uhkznn].preview {
  position: relative;
  height: 32px;
  width: 32px;
  border-radius: 8px;
  cursor: pointer;
  background-size: 32px 32px;
  background-color: var(--c-msg); }
  [e-uhkznn].preview.__0 {
    background-image: url(//web.tamtam.chat/-/images/previews/0_426d16b4.png); }
  [e-uhkznn].preview.__1 {
    background-image: url(//web.tamtam.chat/-/images/previews/1_289e5206.png); }
  [e-uhkznn].preview.__2 {
    background-image: url(//web.tamtam.chat/-/images/previews/2_847a5f4f.png); }
  [e-uhkznn].preview.__3 {
    background-image: url(//web.tamtam.chat/-/images/previews/3_442ffa39.png); }
  [e-uhkznn].preview.__4 {
    background-image: url(//web.tamtam.chat/-/images/previews/4_cb6da0a.png); }
  [e-uhkznn].preview.__5 {
    background-image: url(//web.tamtam.chat/-/images/previews/5_ae3b89d7.png); }
  [e-uhkznn].preview.__6 {
    background-image: url(//web.tamtam.chat/-/images/previews/6_ca6302ee.png); }
  [e-uhkznn].preview.__7 {
    background-image: url(//web.tamtam.chat/-/images/previews/7_50da586c.png); }
  [e-uhkznn].preview.__8 {
    background-image: url(//web.tamtam.chat/-/images/previews/8_bca9c862.png); }
  [e-uhkznn].preview.__9 {
    background-image: url(//web.tamtam.chat/-/images/previews/9_f9db0812.png); }
  [e-uhkznn].preview.__10 {
    background-image: url(//web.tamtam.chat/-/images/previews/10_3ca4c87d.png); }
  [e-uhkznn].preview.__11 {
    background-image: url(//web.tamtam.chat/-/images/previews/11_2fe29616.png); }
  [e-uhkznn].preview.__12 {
    background-image: url(//web.tamtam.chat/-/images/previews/12_c4951340.png); }
  [e-uhkznn].preview.__13 {
    background-image: url(//web.tamtam.chat/-/images/previews/13_7ef21c01.png); }
  [e-uhkznn].preview.__14 {
    background-image: url(//web.tamtam.chat/-/images/previews/14_7ba0c4f6.png); }
  [e-uhkznn].preview.__15 {
    background-image: url(//web.tamtam.chat/-/images/previews/15_1485109d.png); }
  [e-uhkznn].preview.__16 {
    background-image: url(//web.tamtam.chat/-/images/previews/16_873df94b.png); }
msg-collapsable[e-wd4hsl] {
  display: inherit;
  vertical-align: inherit; }

[e-wd4hsl].error {
  color: #ff5756; }
[e-t5zbbl-host] {
  display: block;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }

[e-t5zbbl].label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

h4[e-t5zbbl] {
  font-size: inherit;
  font-weight: normal;
  font-style: normal;
  padding: 0;
  margin: 0; }

msg-icon[e-t5zbbl] {
  vertical-align: middle;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  margin-right: 8px;
  cursor: pointer; }
  msg-icon[e-t5zbbl].expanded {
    -webkit-transform: rotate(0);
            transform: rotate(0); }

[e-t5zbbl].container {
  display: block;
  max-height: 600px; }
[e42pr0x-host] {
  display: block;
  position: relative; }

[e42pr0x][slot="body"] {
  margin-top: -24px; }

msg-progress[e42pr0x] {
  position: absolute;
  top: 24px;
  left: 50%;
  text-align: center;
  margin-left: -16px; }

section[e42pr0x] {
  padding: 8px 0;
  margin: 0 8px; }

[e42pr0x].mysets {
  border-top: 1px solid var(--c-delimiter);
  color: var(--c-text-sub); }

[e42pr0x].set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [e42pr0x].set:hover {
    background-color: var(--c-active); }
    [e42pr0x].set:hover [e42pr0x].delete {
      opacity: 1;
      visibility: visible; }
  [e42pr0x].set.__disabled {
    opacity: .5;
    pointer-events: none; }

[e42pr0x].delete {
  opacity: 0;
  visibility: hidden; }

[e42pr0x].move {
  cursor: -webkit-grab;
  cursor: grab; }

[e42pr0x].preview {
  height: 48px;
  width: 48px;
  min-width: 48px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  [e42pr0x].preview.__stub {
    background: var(--c-btn); }
    [e42pr0x].set:hover [e42pr0x].preview.__stub {
      background-color: var(--c-btn-active); }
    [e42pr0x].preview.__stub msg-icon[e42pr0x] {
      color: var(--c-btn-text); }

[e42pr0x].description {
  line-height: 20px;
  color: var(--c-text-sub);
  margin-left: 12px; }

[e42pr0x].title {
  display: block;
  color: var(--c-text);
  font-weight: 600; }

[e42pr0x].controls {
  justify-self: flex-end; }

[e42pr0x].empty {
  margin-top: 8px;
  display: block;
  text-align: center; }

[e42pr0x].not-found {
  margin: 24px 0 8px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  width: 100%; }
  [e42pr0x].not-found msg-l10n[e42pr0x] {
    display: block; }
  [e42pr0x].not-found msg-icon[e42pr0x] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }
[e-haufup-host] {
  display: block;
  position: relative; }

@-webkit-keyframes collapse-e-haufup {
  to {
    height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0; } }

@keyframes collapse-e-haufup {
  to {
    height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0; } }

[e-haufup-host] msg-stickerset-item {
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px; }

[e-haufup-host] main.dragging msg-stickerset-item {
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

[e-haufup-host] msg-stickerset-item.drag {
  pointer-events: none;
  position: absolute;
  z-index: 10;
  background-color: var(--c-active);
  -webkit-transition: margin-top 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: margin-top 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: margin-top 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: margin-top 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  will-change: margin-top, transform, opacity;
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  opacity: 0.9;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  -webkit-animation: drag-enter-e-haufup 0.3s ease-out;
  animation: drag-enter-e-haufup 0.3s ease-out; }

[e-haufup-host] msg-stickerset-item.drag.enter {
  -webkit-animation: drag-enter-e-haufup 0.3s ease-out;
  animation: drag-enter-e-haufup 0.3s ease-out; }

[e-haufup-host] msg-stickerset-item.drag.leave {
  -webkit-animation: drag-leave-e-haufup 0.3s ease-out forwards;
  animation: drag-leave-e-haufup 0.3s ease-out forwards; }

[e-haufup-host] msg-stickerset-item.drag.cancel {
  -webkit-animation: drag-cancel-e-haufup 0.3s ease-out forwards;
  animation: drag-cancel-e-haufup 0.3s ease-out forwards; }

[e-haufup-host] msg-stickerset-item.drag-stub {
  visibility: hidden; }

[e-haufup-host] msg-stickerset-item.drag-up {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }

[e-haufup-host] msg-stickerset-item.drag-down {
  -webkit-transform: translateY(100%);
  transform: translateY(100%); }

@-webkit-keyframes drag-enter-e-haufup {

  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none; } }

@keyframes drag-enter-e-haufup {

  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none; } }

@-webkit-keyframes drag-leave-e-haufup {

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none; } }

@keyframes drag-leave-e-haufup {

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none; } }

@-webkit-keyframes drag-cancel-e-haufup {

  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-box-shadow: none;
    box-shadow: none; } }

@keyframes drag-cancel-e-haufup {

  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-box-shadow: none;
    box-shadow: none; } }
[e-hr5l97-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [e-hr5l97-host]:hover {
    background-color: var(--c-active); }
    [e-hr5l97-host]:hover [e-hr5l97].delete {
      opacity: 1;
      visibility: visible; }

[e-hr5l97].delete {
  opacity: 0;
  visibility: hidden; }

[e-hr5l97].move {
  cursor: -webkit-grab;
  cursor: grab; }

[e-hr5l97].preview {
  height: 36px;
  width: 36px;
  min-width: 36px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  [e-hr5l97].preview.__stub {
    background: var(--c-msg); }

[e-hr5l97].description {
  line-height: 20px;
  color: var(--c-text-sub);
  margin-left: 12px; }

[e-hr5l97].title {
  display: block;
  color: var(--c-text);
  font-weight: 600; }

[e-hr5l97].controls {
  justify-self: flex-end; }
[eu5jcwt-host] {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  min-height: 20px;
  display: block; }

[eu5jcwt-host][disabled] msg-input[eu5jcwt] {
  display: none; }

[ref-wrap-eu5jcwt] {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }

[eu5jcwt].panel {
  border-top: 1px solid var(--c-delimiter); }

main[eu5jcwt] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid var(--c-delimiter);
  padding: 8px 0; }
  main[eu5jcwt] aside[eu5jcwt] {
    padding: 0 var(--padding-ta);
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0;
            flex: 0 0; }
    main[eu5jcwt] aside[eu5jcwt]:first-of-type {
      padding-right: 0; }

msg-input[eu5jcwt] {
  font-size: inherit;
  line-height: inherit;
  max-height: 400px;
  max-height: 40vh;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  display: block;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  outline: none;
  padding-right: 0; }
  msg-input[eu5jcwt].preview-mode {
    display: none; }

msg-editor-toolbar[eu5jcwt] {
  position: absolute;
  z-index: 2;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  margin-left: -4px;
  margin-bottom: 4px;
  -webkit-animation: show-toolbar-eu5jcwt 0.15s 0.6s forwards;
          animation: show-toolbar-eu5jcwt 0.15s 0.6s forwards;
  opacity: 0; }

[eu5jcwt].counter {
  color: var(--c-text-sub);
  text-align: right;
  margin-bottom: 4px; }
  [eu5jcwt].counter.__error {
    color: var(--c-error); }

msg-pick-mention-display[eu5jcwt] {
  position: absolute;
  -webkit-transform-origin: 3% 100%;
          transform-origin: 3% 100%;
  z-index: 2; }

[eu5jcwt-host] .emoji {
  font-size: inherit;
  width: 20px;
  height: 20px;
  margin: var(--emoji-margin);
  vertical-align: -.3em; }

[eu5jcwt-host] .link {
  cursor: text;
  --c-link-hover: var(--c-highlight); }

@-webkit-keyframes show-toolbar-eu5jcwt {
  from {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes show-toolbar-eu5jcwt {
  from {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }
[eul2ey6-host] {
  --max-height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--c-text); }

header[eul2ey6], footer[eul2ey6] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0;
  padding: 12px 16px; }

header[eul2ey6] msg-icon[eul2ey6] {
  vertical-align: middle;
  cursor: pointer;
  margin-right: 8px; }

header[eul2ey6] msg-l10n[eul2ey6] {
  vertical-align: middle; }

footer[eul2ey6] [eul2ey6].link {
  cursor: pointer; }

[eul2ey6].scroller {
  overflow-y: auto;
  max-height: var(--max-height);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }

msg-mention-item[eul2ey6] {
  max-width: 100%; }
  msg-mention-item[eul2ey6].__active {
    background: var(--c-active-chat-item);
    cursor: pointer; }

[eul2ey6].not-found {
  width: 100%;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1;
  margin: 1px 0; }

[eul2ey6].search-progress {
  overflow: hidden;
  text-align: center;
  padding: 4px 0; }
[e9vb2hm-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 16px;
  padding: 8px 20px;
  color: var(--c-text); }

[e9vb2hm-host] msg-emoji {
  --emoji-size: 16px !important;
  --emoji-align: -2px; }

[e9vb2hm].shortlink {
  font-weight: 600; }

msg-avatar[e9vb2hm] {
  margin-right: 2px; }

[e9vb2hm].token {
  display: inline-block;
  padding: 2px 8px;
  margin-right: 4px;
  border-radius: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  [e9vb2hm].token.own {
    color: var(--c-text-sub);
    opacity: .5; }
  [e9vb2hm].token.active, [e9vb2hm].token:hover {
    background: var(--c-bg); }

[e9vb2hm].tail {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  [e9vb2hm].tail [e9vb2hm].token {
    position: absolute;
    max-width: 100%; }
[eu5cc2b-host] {
  --max-height: 160px;
  display: block;
  position: relative; }

[eu5cc2b].scroller {
  max-height: var(--max-height);
  overflow-y: auto; }

[eu5cc2b].name,
[eu5cc2b].desc,
[eu5cc2b].mention,
msg-avatar[eu5cc2b] {
  line-height: 20px; }

[eu5cc2b-host] .name .emoji,
    [eu5cc2b-host] .desc .emoji,
    [eu5cc2b-host] .mention .emoji,
    [eu5cc2b-host] msg-avatar .emoji {
  display: inline-block;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: inherit; }

[eu5cc2b].row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 8px 20px;
  cursor: pointer; }
  [eu5cc2b].row.__active {
    background: var(--c-btn); }

[eu5cc2b].name,
[eu5cc2b].mention {
  font-weight: 500;
  padding-right: 8px;
  color: var(--c-text);
  line-height: 20px; }

[eu5cc2b].desc {
  color: var(--c-text-sub);
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0; }

msg-avatar[eu5cc2b] {
  margin-right: 8px; }

[eu5cc2b].not-found {
  width: 100%;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1;
  margin: 1px 0; }
msg-input[e-ko8d8b] {
  display: block;
  padding: 8px 0;
  overflow: hidden;
  white-space: nowrap; }
  msg-input[e-ko8d8b].error {
    border-color: var(--c-error); }

[e-ko8d8b].contact-token {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #fff;
  border-radius: 15px;
  position: absolute;
  left: -5px;
  top: 5px;
  z-index: 1;
  border: 1px solid #ECECEC;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s; }
  [e-ko8d8b].contact-token:hover {
    background: #ECECEC; }
  [e-ko8d8b].contact-token [e-ko8d8b].label {
    display: inline-block;
    max-width: 335px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 3px 20px 3px 6px;
    line-height: 1.5em;
    height: 1.5em;
    position: relative;
    top: -1px;
    vertical-align: middle;
    cursor: default; }
    [e-ko8d8b].contact-token [e-ko8d8b].label:hover {
      text-decoration: none; }
  [e-ko8d8b].contact-token msg-icon[e-ko8d8b] {
    width: 12px;
    height: 12px;
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -6px; }

[e-ko8d8b].field {
  border-bottom: 1px solid var(--c-delimiter);
  position: relative; }
  [e-ko8d8b].field:not(:first-of-type) {
    margin-top: 12px; }

msg-mentions-panel[e-ko8d8b] {
  --max-height: 130px;
  position: absolute;
  width: 100%;
  bottom: 100%;
  background: var(--c-bg);
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px; }

msg-dialog[e-ko8d8b] {
  --content-overflow: visible; }

msg-form-error[e-ko8d8b] {
  padding: 0; }
main[e-w8iqs1] {
  z-index: 8;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center; }

slot[e-w8iqs1][name="overlay"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background-color: var(--c-overlay); }
  slot[e-w8iqs1][name="overlay"].__dark {
    background-color: var(--c-overlay-dark); }
  slot[e-w8iqs1][name="overlay"].show {
    -webkit-animation: overlay-show-e-w8iqs1 0.2s linear backwards;
            animation: overlay-show-e-w8iqs1 0.2s linear backwards; }
  slot[e-w8iqs1][name="overlay"].hide {
    -webkit-animation: overlay-hide-e-w8iqs1 0.15s linear forwards;
            animation: overlay-hide-e-w8iqs1 0.15s linear forwards; }

slot[e-w8iqs1]:not([name]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  slot[e-w8iqs1]:not([name]).__mobile {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  slot[e-w8iqs1]:not([name]).show {
    -webkit-animation: slot-show-e-w8iqs1 0.25s cubic-bezier(0.2, 0.94, 0.42, 1.25) backwards;
            animation: slot-show-e-w8iqs1 0.25s cubic-bezier(0.2, 0.94, 0.42, 1.25) backwards; }
  slot[e-w8iqs1]:not([name]).hide {
    -webkit-animation: slot-hide-e-w8iqs1 0.15s ease-out forwards;
            animation: slot-hide-e-w8iqs1 0.15s ease-out forwards; }

slot[e-w8iqs1].__mobile {
  width: 100%;
  -ms-flex-item-align: end;
      align-self: flex-end; }

slot[e-w8iqs1].__mobile.__full {
  height: 100%;
  -ms-flex-item-align: start;
      align-self: flex-start; }

@-webkit-keyframes overlay-show-e-w8iqs1 {
  from {
    opacity: 0; } }

@keyframes overlay-show-e-w8iqs1 {
  from {
    opacity: 0; } }

@-webkit-keyframes overlay-hide-e-w8iqs1 {
  to {
    opacity: 0; } }

@keyframes overlay-hide-e-w8iqs1 {
  to {
    opacity: 0; } }

@-webkit-keyframes slot-show-e-w8iqs1 {
  from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes slot-show-e-w8iqs1 {
  from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes slot-hide-e-w8iqs1 {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }

@keyframes slot-hide-e-w8iqs1 {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }
[elke6td-host] {
  display: block;
  color: #ff5756;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 8px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px; }
[euc4qwb-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  background: var(--c-bg);
  border-radius: 4px; }

[euc4qwb].btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 32px;
  cursor: pointer;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 4px; }
  [euc4qwb].btn [euc4qwb].label {
    color: var(--c-btn-text); }
    [euc4qwb].btn [euc4qwb].label.mark-btn {
      color: var(--c-error); }
  [euc4qwb].btn:hover [euc4qwb].label {
    background: var(--c-btn); }
  [euc4qwb].btn:last-child {
    border-left: 1px solid var(--c-delimiter);
    padding: 0 0 0 8px;
    margin-left: 4px; }
  [euc4qwb].btn.selected [euc4qwb].label {
    color: var(--c-bg);
    background: var(--c-btn-text); }
  [euc4qwb].btn.disabled {
    pointer-events: none; }
    [euc4qwb].btn.disabled [euc4qwb].label {
      opacity: 0.2; }

span[euc4qwb][slot=text] msg-l10n[euc4qwb].monospace {
  display: inline-block; }

[euc4qwb].label {
  border-radius: 4px;
  display: block;
  padding: 4px 10px; }
[e-vww5j3].tooltip {
  position: absolute;
  z-index: 5; }

[e-vww5j3].tooltip-wrapper {
  position: fixed;
  z-index: 999; }
[emwgrjp-host] {
  display: block;
  padding: 4px 0;
  overflow: hidden;
  font-size: 14px;
  color: var(--c-link);
  background-color: var(--c-bg);
  border-radius: 4px;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  min-width: 180px; }

header[emwgrjp] {
  padding: 8px 12px;
  text-transform: uppercase;
  color: var(--c-text-sub); }

[emwgrjp].item {
  padding: 8px 12px;
  cursor: pointer;
  max-width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  [emwgrjp].item:hover {
    background-color: var(--c-active); }
[e-ubhvlj-host] {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 8px 12px; }

msg-button[e-ubhvlj][role="secondary"] {
  margin-right: 8px; }

msg-audio-wave[e-ubhvlj], msg-audio-wave-live[e-ubhvlj] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  width: 100%;
  height: 31px;
  margin: 0 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%; }

msg-duration[e-ubhvlj] {
  display: block;
  padding: 3px 4px;
  line-height: 12px;
  font-size: 11px;
  border-radius: 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1;
          flex: 0 1;
  background: var(--c-active);
  color: var(--c-text);
  margin-right: 16px; }

aside[e-ubhvlj] {
  position: relative; }

audio[e-ubhvlj] {
  position: absolute;
  right: 0; }
[e-1ykuac-host] {
  display: block;
  position: relative; }

canvas[e-1ykuac] {
  width: 100%;
  height: 100%; }
[e-sonm7j-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  min-height: 48px;
  background: var(--c-msg);
  padding-top: 16px; }

[e-sonm7j].hint {
  margin-left: 4px;
  padding: 0 16px 16px;
  color: var(--c-aside-text); }

[e-sonm7j].toggle-board {
  height: 48px;
  text-align: center;
  line-height: 48px;
  color: var(--c-btn-text);
  cursor: pointer; }
  [e-sonm7j].toggle-board msg-icon[e-sonm7j] {
    margin-right: 8px;
    position: relative;
    top: 4px; }

[e-sonm7j].keyboard {
  scrollbar-face-color: #fff;
  scrollbar-arrow-color: #ccc;
  scrollbar-track-color: #ddd;
  scrollbar-shadow-color: #ddd;
  scrollbar-highlight-color: #ddd;
  scrollbar-3dlight-color: #ddd;
  scrollbar-darkshadow-Color: #ddd;
  padding: 0 16px;
  max-height: 112px;
  overflow-y: auto; }
  [e-sonm7j].keyboard::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: var(--c-scrollbar); }
  [e-sonm7j].keyboard::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  [e-sonm7j].keyboard::-webkit-scrollbar-thumb {
    min-height: 40px;
    border-radius: 0;
    background-color: var(--c-scrollbar-thumb);
    border-radius: 1px;
    border: 0;
    background-clip: padding-box; }
  [e-sonm7j].keyboard::-webkit-scrollbar-thumb:hover {
    background-color: var(--c-scrollbar-thumb-hover); }
  [e-sonm7j].keyboard [e-sonm7j].row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: 2px; }
    [e-sonm7j].keyboard [e-sonm7j].row:first-child {
      padding-top: 0; }
  [e-sonm7j].keyboard msg-keyboard-button[e-sonm7j] {
    margin: 0 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    min-height: 32px; }
    [e-sonm7j].keyboard msg-keyboard-button[e-sonm7j]:only-child {
      margin: 0; }
    [e-sonm7j].keyboard msg-keyboard-button[e-sonm7j]:first-child:not(:last-child) {
      margin-left: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    [e-sonm7j].keyboard msg-keyboard-button[e-sonm7j]:last-child:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      margin-right: 0; }
    [e-sonm7j].keyboard msg-keyboard-button[e-sonm7j]:not(:last-child):not(:first-child) {
      border-radius: 0; }
  [e-sonm7j].keyboard.__noinput {
    margin-bottom: 32px; }
msg-resizable-panel[e-k9zneh] {
  width: 100%;
  height: 100%; }

[e-k9zneh].welcome-chat-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 14px;
  color: var(--c-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  [e-k9zneh].welcome-chat-text [e-k9zneh].text {
    margin: 0 auto;
    padding: 16px;
    border-radius: 8px;
    background: rgba(51, 51, 68, 0.65);
    color: #f5f5f5;
    line-height: 1.4; }

msg-progress[e-k9zneh] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

[e-k9zneh-host] msg-message-list-simple .date-active-area {
  width: 269px !important; }
[e-ja661l-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

[e-ja661l][slot="title"] {
  display: block;
  font-size: 14px;
  color: #fff;
  margin-top: 8px; }

main[e-ja661l] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: hidden; }

msg-toolbar[e-ja661l] {
  text-align: center; }
  msg-toolbar[e-ja661l] div[e-ja661l].controls {
    position: absolute;
    top: 8px;
    right: 8px; }
    msg-toolbar[e-ja661l] div.controls msg-button[e-ja661l] {
      padding-left: 0;
      margin-left: 8px; }

slot[e-ja661l][name=footer]:not(:empty) {
  border-top: 1px solid var(--c-delimiter); }
@charset "UTF-8";
/** Перекрываем стили ширины даты */
[ew724s-host] .date-active-area{
    width: 284px !important;
}
[ew724s-host] .date-active-area .date:hover{
    cursor: default;
}
@charset "UTF-8";
[ew724s-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  --msg-highlight: rgba(105, 124, 255, 0.3); }

[theme=dark] [ew724s-host] {
  --msg-highlight: rgba(255, 255, 255, 0.3); }

[ref-scroller-ew724s] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  contain: layout;
  will-change: scroll-position;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-anchor: none; }
  [ref-scroller-ew724s] [ew724s].flex {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }

[ref-container-ew724s] {
  position: relative;
  width: 100%;
  padding: 20px 0; }

[ew724s].delimiter {
  display: block;
  text-align: center;
  color: var(--c-text-sub);
  contain: layout;
  pointer-events: none;
  padding: 0; }
  [ew724s].delimiter.__date {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 4; }
    [ew724s].delimiter.__date.__visible {
      z-index: 5; }
    [ew724s].delimiter.__date:not(.__visible) .date-active-area msg-date-picker-bubble[ew724s] {
      opacity: 0;
      -webkit-transition: opacity 0.15s;
      transition: opacity 0.15s; }
    [ew724s].delimiter.__date:not(.__visible) .date-active-area:hover msg-date-picker-bubble[ew724s] {
      opacity: 1; }
    [ew724s].delimiter.__date [ew724s].date-active-area {
      position: relative;
      z-index: 4;
      pointer-events: all;
      width: 150px;
      margin: 0 auto; }
  [ew724s].delimiter.__unread {
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0 48px 0 52px;
    z-index: 1; }
  [ew724s].delimiter.__unread:before, [ew724s].delimiter.__unread:after {
    content: '';
    display: block;
    height: 1px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0;
            flex: 1 0;
    background: var(--c-msg-ctrl);
    opacity: .75; }
  [ew724s].delimiter.preview {
    overflow: hidden;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    color: var(--c-link);
    z-index: 4; }
    [ew724s].delimiter.preview:hover {
      color: var(--c-link-hover); }
    [ew724s].delimiter.preview::before {
      content: '';
      display: block;
      position: absolute;
      margin-top: 12px;
      left: 0;
      right: 0;
      height: 1px;
      background: var(--c-delimiter); }
    [ew724s].delimiter.preview msg-tico[ew724s] {
      position: relative;
      z-index: 1;
      display: inline-block;
      padding: 4px 12px 4px 8px;
      background: var(--c-bg);
      border-radius: 12px;
      border: 1px solid var(--c-delimiter);
      pointer-events: all; }

[ew724s].control-message {
  padding: 0;
  contain: layout; }

[ew724s].date {
  display: inline-block;
  pointer-events: all;
  max-width: 100%;
  margin: 4px 0;
  padding: 4px 12px;
  background-color: var(--c-msg-ctrl);
  border-radius: 12px;
  line-height: 16px;
  color: #fff;
  white-space: nowrap; }
  [ew724s].date:hover {
    cursor: pointer;
    background-color: var(--c-msg-ctrl-active); }

[ew724s].unread {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin: 8px 0;
  padding: 4px 12px;
  background: var(--c-msg-ctrl);
  border-radius: 12px;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: #fff;
  line-height: 16px; }

section[ew724s] {
  position: relative; }
  section[ew724s].__preview-mode {
    pointer-events: none; }

msg-control-message[ew724s] {
  margin: 0 auto;
  width: 656px;
  max-width: 100%;
  padding-left: 36px;
  padding-right: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

msg-message-list-participants[ew724s] {
  margin: 0 auto;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  msg-message-list-participants[ew724s][is-mine] {
    text-align: right; }
  msg-message[ew724s][sequence=middle] + msg-message-list-participants[ew724s] {
    margin-top: 3px;
    margin-bottom: 3px; }

msg-entity-preview[ew724s] {
  position: absolute;
  z-index: 3;
  cursor: pointer;
  margin: 4px -8px;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%; }

@media (max-width: 520px) {
  msg-message-list-participants[ew724s] {
    padding-right: 8px !important; } }

[ew724s].navi {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  bottom: 8px;
  right: 12px;
  z-index: 3;
  border-radius: 50%;
  -webkit-transition: background-color 0.15s cubic-bezier(0, 0, 0.2, 1), bottom 0.15s cubic-bezier(0, 0, 0.2, 1);
  transition: background-color 0.15s cubic-bezier(0, 0, 0.2, 1), bottom 0.15s cubic-bezier(0, 0, 0.2, 1); }
  [ew724s].navi msg-icon[ew724s].buble {
    position: absolute;
    right: -4px;
    bottom: -4px;
    background-color: var(--c-bg);
    color: var(--c-btn-text);
    border-radius: 1em;
    min-width: 12px;
    padding: 3px; }

msg-button[ew724s]:not([disabled]).__has-unread {
  background-color: #33a909; }
  msg-button[ew724s]:not([disabled]).__has-unread:hover {
    background-color: #339411; }
  msg-button[ew724s]:not([disabled]).__has-unread msg-icon[ew724s]:not(.buble) {
    color: #fff; }

msg-progress[ew724s] {
  position: absolute;
  z-index: 5;
  top: 2px;
  left: 50%;
  margin-left: -16px;
  background: var(--c-bg);
  text-align: center;
  opacity: 0;
  -webkit-animation: show-ew724s 0.3s 0.9s forwards;
          animation: show-ew724s 0.3s 0.9s forwards; }
  msg-progress[ew724s].bottom {
    top: auto;
    bottom: 2px; }

[narrow] [ew724s-host] msg-message-list-participants[ew724s] {
  padding: 0 12px 0 76px; }
  [narrow] [ew724s-host] msg-message-list-participants[ew724s][promode] {
    padding-left: 86px; }

.is-mobile [ew724s-host] msg-message-list-participants[ew724s] {
  padding: 0 12px 0 48px; }

[ew724s].list-item {
  /* Тут указывается длительность анимации пропадания подсветки */
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  overflow: visible; }
  [ew724s].list-item.highlighted {
    background-color: var(--msg-highlight); }
[ew724s-host] .list-item .cnt{
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }
[ew724s-host] .list-item[mine] .cnt{
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }
[ew724s-host] [data-appear="fade"] .cnt{
  -webkit-animation: show-ew724s 0.35s linear;
  animation: show-ew724s 0.35s linear; }

@-webkit-keyframes show-ew724s {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes show-ew724s {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes show-button-ew724s {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes show-button-ew724s {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@-webkit-keyframes hide-button-ew724s {
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes hide-button-ew724s {
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@-webkit-keyframes appear-ew724s {
  from {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes appear-ew724s {
  from {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }
[e-ypacv6-host] {
  position: relative; }

[e-ypacv6-host][float] {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 8; }

[e-ypacv6].section {
  position: absolute;
  width: var(--width-aside);
  height: 100%;
  top: 0;
  left: 0;
  border-left: 1px solid var(--c-delimiter);
  background: var(--c-bg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1; }

@-webkit-keyframes slide-in-e-ypacv6 {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes slide-in-e-ypacv6 {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes slide-out-e-ypacv6 {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@keyframes slide-out-e-ypacv6 {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@-webkit-keyframes dissolve-e-ypacv6 {
  to {
    opacity: 0; } }

@keyframes dissolve-e-ypacv6 {
  to {
    opacity: 0; } }
[e14qndp-host] {
  display: block; }

[e14qndp].modal {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  background: var(--c-bg);
  overflow: auto; }
  [e14qndp].modal-content {
    height: 100%; }

msg-message[e14qndp] {
  cursor: pointer; }

msg-menu[e14qndp] {
  display: block;
  padding-left: 0;
  padding-right: 0; }

[e14qndp].menu-item {
  padding: 0 16px 16px;
  border-top: 8px solid var(--c-delimiter-fat); }

header[e14qndp] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0; }
  header[e14qndp] msg-copy-id-btn[e14qndp] {
    margin-right: 8px;
    height: 32px; }

[e14qndp].divider {
  height: 8px;
  background: var(--c-delimiter-fat); }

msg-chat-image[e14qndp] {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 20px 0 20px 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  position: relative; }
  msg-chat-image[e14qndp] [e14qndp].stub.__visible {
    opacity: .8;
    visibility: visible; }
  msg-chat-image[e14qndp]:hover [e14qndp].stub,
  msg-chat-image[e14qndp]:hover [e14qndp].stub.__visible {
    opacity: 1;
    visibility: visible; }

[e14qndp].info {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 12px;
  overflow: hidden; }
  [e14qndp].info.__not-own [e14qndp].title {
    padding: 8px 16px 8px 1px; }

[e14qndp].add-constructor {
  margin-top: -16px; }

msg-chat-meta[e14qndp] {
  display: block;
  font-size: 14px;
  color: var(--c-text-sub);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin: -12px 0 12px;
  opacity: 1; }
  msg-chat-meta[e14qndp].__hidden {
    opacity: 0; }

msg-live-locations-list[e14qndp] {
  padding: 0 16px 12px;
  margin-top: -8px; }

msg-text-field[e14qndp] {
  --separator-color: transparent; }
  msg-text-field[e14qndp][name="title"] {
    font-weight: 500;
    display: block;
    font-size: 14px;
    line-height: 20px;
    --input-padding: 16px 16px 16px 1px;
    word-break: break-word;
    color: var(--c-msg-text); }
    [e14qndp].info.__shift msg-text-field[e14qndp][name="title"] {
      margin-top: -16px; }
    msg-text-field[e14qndp][name="title"] msg-official-icon[e14qndp] {
      margin-left: 2px;
      vertical-align: -3px;
      line-height: 1; }
  msg-text-field[e14qndp][name=description] {
    font-size: 14px;
    line-height: 20px;
    --input-padding: 20px 16px;
    color: var(--c-msg-text);
    display: block;
    word-break: break-word;
    white-space: pre-line;
    margin: -8px 0 0; }

[e14qndp].collapsible {
  max-height: 17em;
  overflow: hidden; }

[e14qndp].title {
  font-weight: 500;
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 16px 16px 16px 1px;
  word-break: break-word;
  color: var(--c-msg-text); }
  [e14qndp].info.__controls [e14qndp].title {
    padding: 8px 16px 8px 1px; }
  [e14qndp].title msg-official-icon[e14qndp] {
    margin-left: 2px;
    vertical-align: -3px;
    line-height: 1; }
  [e14qndp].title msg-copy-id-btn[e14qndp] {
    position: absolute;
    right: 8px;
    height: 32px; }

[e14qndp].description {
  font-size: 14px;
  line-height: 20px;
  padding: 20px 16px;
  color: var(--c-msg-text);
  display: block;
  word-break: break-word;
  white-space: pre-line;
  overflow-y: auto;
  margin: -20px 0 0; }

[e14qndp].h4 {
  padding: 20px 16px; }

msg-chat-participants[e14qndp],
msg-chat-blocked-participants[e14qndp],
msg-chat-admins[e14qndp] {
  padding: 0 0 16px; }

[e14qndp].stub {
  position: absolute;
  z-index: 2;
  top: -7px;
  right: -7px;
  border-radius: 50%;
  padding: 6px;
  background: var(--c-bg);
  color: var(--c-text);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s; }
  [e14qndp].stub msg-icon[e14qndp] {
    display: block; }
  [e14qndp].stub input[e14qndp][type="file"] {
    position: absolute;
    top: 100%;
    left: 0;
    height: 0;
    width: 0;
    opacity: 0;
    overflow: hidden; }

msg-tico[e14qndp] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[e14qndp].menu-item {
  border-top: 8px solid var(--c-delimiter-fat);
  padding-left: 16px;
  padding-top: 12px; }

[e14qndp].buttons {
  text-align: right; }
  [e14qndp].buttons msg-button[e14qndp] {
    margin: 8px 0 0 8px; }

[e14qndp].permalink {
  position: relative;
  display: block;
  padding: 20px 16px;
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-word;
  cursor: pointer;
  color: var(--c-link); }
  [e14qndp].permalink:hover {
    color: var(--c-link-hover);
    text-decoration: underline; }
  [e14qndp].permalink:before {
    content: '';
    position: absolute;
    top: 0;
    left: 16px;
    right: 0;
    border-top: 1px solid var(--c-delimiter); }

[e14qndp].copy-link {
  position: absolute;
  right: 8px; }

[e14qndp].accordion {
  position: relative; }
  [e14qndp].accordion:not(:first-of-type)::before {
    content: '';
    display: block;
    margin-left: 16px;
    height: 1px;
    background-color: var(--c-delimiter); }
  [e14qndp].accordion h4[e14qndp] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 4;
    font-size: 14px;
    background-color: var(--c-bg);
    cursor: pointer;
    text-align: left; }
    [e14qndp].accordion h4 [e14qndp].badge {
      margin-left: 2px; }
  [e14qndp].accordion msg-icon[e14qndp][icon="arrow-right"] {
    position: absolute;
    top: 19px;
    right: 16px;
    -webkit-transition: -webkit-transform 0.15s ease-out;
    transition: -webkit-transform 0.15s ease-out;
    transition: transform 0.15s ease-out;
    transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
    color: var(--c-link);
    pointer-events: none; }
    [e14qndp].accordion msg-icon[e14qndp][icon="arrow-right"].opened {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  [e14qndp].accordion main[e14qndp] {
    position: relative;
    z-index: 1; }

msg-chat-info-actions[e14qndp] {
  padding: 0 16px 12px; }

[e14qndp].pinned {
  position: relative; }

[e14qndp].pin-wrap {
  position: relative;
  padding: 0 8px 8px 16px; }
  [e14qndp].pin-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    cursor: pointer; }

[e14qndp].pin-controls {
  position: absolute;
  right: 12px;
  top: 4px;
  z-index: 3; }
  [e14qndp].pin-controls msg-button[e14qndp] {
    height: 24px;
    width: 24px;
    min-width: 24px; }

[e14qndp].media-preview {
  position: absolute;
  top: 50%;
  right: 48px;
  top: 14px;
  z-index: 5; }

[e14qndp].media-preview_i {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 8px;
  height: 24px;
  width: 24px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimizeQuality;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }
  [e14qndp].media-preview_i:after {
    content: '';
    background: rgba(0, 0, 0, 0.02);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

msg-menu-item[e14qndp] {
  line-height: 1; }

msg-chat-add-participants[e14qndp] [e14qndp].accordion {
  margin-top: -8px;
  margin-bottom: 12px;
  text-align: left; }
  msg-chat-add-participants[e14qndp] .accordion h4[e14qndp] {
    font-size: 14px;
    padding-left: 8px;
    border-bottom: 1px solid var(--c-delimiter); }

msg-chat-add-participants[e14qndp] msg-promote-admin-body[e14qndp] {
  display: block;
  padding: 16px; }

[e14qndp].count {
  margin-left: 2px; }

[e14qndp].construct {
  -webkit-transition: opacity 0.15s, height 0.15s;
  transition: opacity 0.15s, height 0.15s; }
  [e14qndp].construct.__hide {
    opacity: 0;
    height: 0; }
  msg-text-field[e14qndp] + [e14qndp].construct {
    top: -12px; }

[e14qndp-host] .mention {
  font-weight: 500; }

[e14qndp-host] .mention:hover {
  text-decoration: underline; }

@-webkit-keyframes show-modal-e14qndp {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes show-modal-e14qndp {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes hide-modal-e14qndp {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@keyframes hide-modal-e14qndp {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@-webkit-keyframes appear-e14qndp {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes appear-e14qndp {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes disappear-e14qndp {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }

@keyframes disappear-e14qndp {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }
[enw7fs9-host] {
  display: block; }

msg-add-stub[enw7fs9] {
  display: block;
  padding: 6px 12px 6px 16px;
  margin: 6px 0 0; }
  msg-add-stub[enw7fs9]:hover {
    background: var(--c-active); }

[enw7fs9].search {
  position: -webkit-sticky;
  position: sticky;
  z-index: 4;
  margin-top: -8px;
  margin-bottom: 8px;
  padding: 0 16px;
  background: var(--c-bg); }

msg-search-input[enw7fs9] {
  height: 40px;
  border-bottom: 1px solid var(--c-delimiter);
  padding-left: 0; }

msg-progress[enw7fs9] {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 2px;
  margin-left: -16px;
  background: var(--c-bg); }

msg-chat-participants-list-item[enw7fs9] msg-bubble[enw7fs9] {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s, visibility 0.15s;
  transition: opacity 0.15s, visibility 0.15s;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -16px;
  color: var(--c-link); }
  msg-chat-participants-list-item[enw7fs9] msg-bubble[enw7fs9]:hover {
    color: var(--c-link-hover); }

msg-chat-participants-list-item[enw7fs9]:hover msg-bubble[enw7fs9] {
  opacity: 1;
  visibility: visible; }

[enw7fs9].not-found {
  margin: 24px 0 12px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1; }
  [enw7fs9].not-found msg-button[enw7fs9] {
    margin-top: 16px; }
  [enw7fs9].not-found msg-l10n[enw7fs9] {
    display: block; }
  [enw7fs9].not-found msg-icon[enw7fs9] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }

[enw7fs9-host] msg-search-input msg-button {
  margin-right: -8px; }
[e-2mdn6a-host] {
  display: block;
  position: relative; }

msg-chat-item-container[e-2mdn6a] {
  padding: 6px 16px 6px; }
  msg-chat-item-container[e-2mdn6a].selectable {
    cursor: pointer; }
  msg-chat-item-container[e-2mdn6a]:hover {
    background-color: var(--c-active); }

[e-2mdn6a].title {
  white-space: nowrap;
  max-width: 100%; }
  [e-2mdn6a-host].__super-admin [e-2mdn6a].title {
    max-width: 91%; }

[e-2mdn6a-host].__actions msg-name[e-2mdn6a] {
  max-width: 94%; }

slot[e-2mdn6a][name="name-icon"]:not(:empty) {
  display: inline-block;
  height: 16px;
  vertical-align: middle; }

msg-chat-admins [e-2mdn6a-host] [e-2mdn6a].bot-label {
  display: none; }
slot[slotted][e-dio5el] > .action {
  cursor: pointer;
  margin-bottom: 12px; }

slot[slotted][e-dio5el] > .action msg-icon {
  margin-right: 8px;
  vertical-align: middle; }

slot[e-dio5el][slotted]:before {
  content: ' ';
  display: block;
  border-bottom: 1px solid var(--c-delimiter);
  margin: 20px 0 12px 0; }
[ez3m9cx-host] {
  color: var(--c-text); }

[ez3m9cx].user-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  position: relative;
  margin-bottom: 25px; }

msg-user-card[ez3m9cx] {
  margin-right: 12px; }

msg-name[ez3m9cx] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  top: 7px; }

msg-checkbox[ez3m9cx] {
  display: block;
  margin-bottom: 12px; }

[ez3m9cx].description {
  display: block;
  color: var(--c-text-sub);
  font-size: 14px;
  line-height: 16px;
  margin: -6px 0 16px 24px; }

[ez3m9cx].error-text {
  color: var(--c-error);
  min-height: 40px;
  margin-bottom: -20px; }
[eu53wnn-host] {
  display: block; }

msg-add-stub[eu53wnn] {
  display: block;
  padding: 6px 12px 6px 16px;
  margin: 6px 0 0; }
  msg-add-stub[eu53wnn]:hover {
    background: var(--c-active); }

[eu53wnn].search {
  position: -webkit-sticky;
  position: sticky;
  z-index: 4;
  margin-top: -8px;
  margin-bottom: 8px;
  padding: 0 16px;
  background: var(--c-bg); }

msg-search-input[eu53wnn] {
  height: 40px;
  border-bottom: 1px solid var(--c-delimiter);
  padding-left: 0; }

msg-chat-participants-list-item[eu53wnn] msg-icon[eu53wnn][icon="super-admin"] {
  margin-right: 2px;
  margin-top: -2px; }

msg-chat-participants-list-item[eu53wnn] msg-bubble[eu53wnn] {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s, visibility 0.15s;
  transition: opacity 0.15s, visibility 0.15s;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -16px;
  color: var(--c-link); }
  msg-chat-participants-list-item[eu53wnn] msg-bubble[eu53wnn]:hover {
    color: var(--c-link-hover); }

msg-chat-participants-list-item[eu53wnn]:hover msg-bubble[eu53wnn] {
  opacity: 1;
  visibility: visible; }

msg-tico[eu53wnn] {
  padding: 8px 0;
  color: var(--c-link); }
  msg-tico[eu53wnn]:hover {
    color: var(--c-link-hover); }

[eu53wnn].not-found {
  margin: 24px 0 12px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1; }
  [eu53wnn].not-found msg-button[eu53wnn] {
    margin-top: 16px; }
  [eu53wnn].not-found msg-l10n[eu53wnn] {
    display: block; }
  [eu53wnn].not-found msg-icon[eu53wnn] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }

[eu53wnn].h3 {
  padding: 16px; }

[eu53wnn].icon {
  margin-top: -2px;
  display: none; }

[eu53wnn-host] msg-search-input msg-button {
  margin-right: -8px; }

[eu53wnn-host] msg-parsed-text msg-emoji {
  --emoji-size: 16px !important;
  --emoji-align: bottom;
  --emoji-margin: 0; }

@media (max-width: 620px), (min-width: 680px) and (max-width: 840px) {
  [eu53wnn].text {
    display: none; }
  [eu53wnn].icon {
    display: inline-block; } }

@-webkit-keyframes appear-eu53wnn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes appear-eu53wnn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
[e-rekoye-host] {
  display: block; }

[e-rekoye].search {
  position: -webkit-sticky;
  position: sticky;
  z-index: 4;
  margin-top: -8px;
  margin-bottom: 8px;
  padding: 0 16px;
  background: var(--c-bg); }

msg-search-input[e-rekoye] {
  height: 40px;
  border-bottom: 1px solid var(--c-delimiter); }

msg-progress[e-rekoye] {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 2px;
  margin-left: -16px;
  background: var(--c-bg); }

msg-chat-participants-list-item[e-rekoye] msg-button[e-rekoye] {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s, visibility 0.15s;
  transition: opacity 0.15s, visibility 0.15s;
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -16px;
  color: var(--c-link); }

msg-chat-participants-list-item[e-rekoye]:hover msg-button[e-rekoye] {
  opacity: 1;
  color: var(--c-link-hover);
  visibility: visible; }

[e-rekoye].not-found {
  margin: 24px 0 12px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1; }
  [e-rekoye].not-found msg-l10n[e-rekoye] {
    display: block; }
  [e-rekoye].not-found msg-icon[e-rekoye] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }

@-webkit-keyframes appear-e-rekoye {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes appear-e-rekoye {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* Links
-------------------------------------------------- */
a[e9jpvtz] {
  color: var(--c-link); }
  a[e9jpvtz]:hover {
    color: var(--c-link-hover); }

a[e9jpvtz],
[e9jpvtz].link {
  text-decoration: none;
  cursor: pointer; }
  a[e9jpvtz]:hover,
  [e9jpvtz].link:hover {
    text-decoration: underline; }

[e9jpvtz].pl,
[e9jpvtz].sl,
[e9jpvtz].il {
  cursor: pointer; }

[e9jpvtz].link.pl {
  color: #697cff; }
  [e9jpvtz].link.pl:hover {
    color: #3d5afe; }

[e9jpvtz].sl {
  color: #8a8a95; }
  [e9jpvtz].sl:hover {
    color: #5c5c69; }

[e9jpvtz].il {
  color: #8a8a95; }
  [e9jpvtz].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[e9jpvtz].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e9jpvtz].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e9jpvtz].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[e9jpvtz].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[e9jpvtz-host] {
  display: block; }

msg-toolbar[e9jpvtz] {
  cursor: pointer;
  min-height: 49px;
  color: var(--c-text); }

[e9jpvtz].title {
  padding-top: 16px; }

msg-input[e9jpvtz] {
  width: 100%;
  padding-left: 0; }

msg-button[e9jpvtz] {
  display: inline-block;
  margin: 0 8px 0 0; }

msg-button[e9jpvtz].back {
  position: absolute;
  top: 8px;
  z-index: 1;
  left: 0;
  margin: 0; }

msg-preview-image[e9jpvtz] {
  font-size: 0; }

msg-radio[e9jpvtz],
msg-checkbox[e9jpvtz] {
  font-size: 14px;
  line-height: 1.4; }

msg-menu[e9jpvtz] {
  padding-left: 0;
  padding-right: 0; }

msg-form-error[e9jpvtz] {
  padding-left: 0;
  padding-right: 0;
  margin-top: 8px 0 4px;
  float: right; }
  msg-form-error[e9jpvtz].bordered {
    float: none;
    margin-top: 0; }

input[e9jpvtz][type="file"],
input[e9jpvtz][type="submit"] {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  opacity: 0;
  overflow: hidden; }

[e9jpvtz].editlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 0 5px 8px;
  margin-left: 28px;
  border-bottom: 1px solid var(--c-delimiter); }
  [e9jpvtz].editlink.__error {
    border-color: var(--c-error); }
  [e9jpvtz].editlink [e9jpvtz].prefix {
    margin-left: -28px;
    white-space: nowrap;
    color: var(--c-text); }
    [e9jpvtz].editlink .prefix [e9jpvtz].link {
      display: inline-block;
      white-space: normal;
      word-break: break-all; }
  [e9jpvtz].editlink input[e9jpvtz] {
    width: 100%;
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 0;
            flex: 1 0;
    padding: 0 2px; }

[e9jpvtz].permalink {
  position: relative;
  display: block;
  padding: 4px 0 4px 28px;
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-word;
  cursor: pointer; }
  [e9jpvtz].permalink msg-tico[e9jpvtz] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

[e9jpvtz].link-info {
  margin: 0 0 0 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  [e9jpvtz].link-info [e9jpvtz].fine {
    min-width: 200px; }
  [e9jpvtz].link-info msg-form-error[e9jpvtz] {
    float: none;
    margin-top: 4px; }

[e9jpvtz].warning {
  color: #ff5756;
  pointer-events: none;
  margin: 8px 0 4px; }

[e9jpvtz].block {
  border-bottom: 8px solid var(--c-delimiter-fat);
  padding-left: 24px;
  padding-right: 24px;
  max-width: 100%;
  overflow: hidden; }
  [e9jpvtz].block.__nb {
    border-bottom: 0; }

[e9jpvtz].header {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  [e9jpvtz].header_info {
    -webkit-box-flex: 1;
        -ms-flex: 1 0;
            flex: 1 0; }
    [e9jpvtz].header_info msg-input[e9jpvtz] {
      display: block; }

[e9jpvtz].chat_descr {
  padding: 0;
  position: relative; }
  [e9jpvtz].chat_descr msg-input[e9jpvtz] {
    padding: 16px 0;
    line-height: 1.4; }

form[e9jpvtz] {
  margin: 0;
  padding: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

[e9jpvtz].content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  height: 100%;
  overflow: auto; }

[e9jpvtz].footer {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 8px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
  text-align: center;
  background: var(--c-bg);
  border-top: 1px solid var(--c-delimiter); }

[e9jpvtz].h4 {
  margin: 16px 0 8px; }
  [e9jpvtz].h4.__1st {
    margin-top: 8px; }

[e9jpvtz].fine {
  display: block;
  color: var(--c-text-sub);
  margin-top: 4px;
  font-size: 14px; }
  [e9jpvtz].fine.__spaced {
    margin-bottom: 16px;
    margin-left: 28px; }

[e9jpvtz].counter {
  color: var(--c-text-sub); }
  [e9jpvtz].counter.__error {
    color: #ff5756; }
  [e9jpvtz].chat_descr [e9jpvtz].counter {
    position: absolute;
    top: 100%;
    margin-top: 16px;
    right: 12px; }
  [e9jpvtz].header_info [e9jpvtz].counter {
    margin-top: 8px;
    text-align: right;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1; }

[e9jpvtz].header_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  [e9jpvtz].header_data msg-form-error[e9jpvtz] {
    -webkit-box-flex: 5;
        -ms-flex: 5 0;
            flex: 5 0; }

[e9jpvtz].refresh {
  position: absolute;
  right: -16px;
  top: -4px;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 1px 3px var(--c-tint);
          box-shadow: 0 1px 3px var(--c-tint);
  height: 28px;
  width: 28px;
  min-width: 28px;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
  -webkit-transition: opacity 0.15s, visibility 0.15s, background-color 0.15s, -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.15s, visibility 0.15s, background-color 0.15s, -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.15s, visibility 0.15s, background-color 0.15s;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.15s, visibility 0.15s, background-color 0.15s, -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s; }
  [e9jpvtz].permalink:hover [e9jpvtz].refresh {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 1;
    visibility: visible; }

[e9jpvtz].refresh-link {
  display: inline-block;
  margin-top: 4px;
  font-size: 14px; }
  [e9jpvtz].refresh-link:hover {
    text-decoration: underline; }
[e2tvqq1-host] {
  position: relative;
  opacity: .8; }

[e2tvqq1-host]:hover,[e2tvqq1-host][checked] {
  opacity: 1; }

label[e2tvqq1] {
  cursor: pointer; }

input[e2tvqq1][type="radio"] {
  visibility: hidden;
  float: left; }

input[e2tvqq1][type="radio"]:checked + [e2tvqq1].radio:before {
  -webkit-transform: scale(0);
          transform: scale(0); }

input[e2tvqq1][type="radio"]:checked + [e2tvqq1].radio:after {
  -webkit-transform: scale(1);
          transform: scale(1); }

[e2tvqq1].radio {
  position: relative;
  display: block;
  top: 0; }
  [e2tvqq1].radio:after, [e2tvqq1].radio:before {
    content: '';
    width: 16px;
    height: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6);
    transition: -webkit-transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6);
    transition: transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6);
    transition: transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6), -webkit-transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6);
    border-radius: 100%;
    top: 1px;
    left: 0;
    position: absolute;
    display: inline-block;
    visibility: visible; }
  [e2tvqq1].radio:before {
    border: 2px solid var(--c-input-border);
    -webkit-transform: scale(1);
            transform: scale(1); }
  [e2tvqq1].radio:after {
    background-color: #ffffff;
    border: 5px solid #697cff;
    -webkit-transform: scale(0);
            transform: scale(0); }

slot[e2tvqq1] {
  display: block;
  margin-left: 24px;
  line-height: 1.4; }
[e-uqlfvv-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }

[e-uqlfvv].content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  position: relative;
  height: 100%; }

[e-uqlfvv].footer {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 8px;
  padding-left: 0;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 50px;
  text-align: center;
  border-top: 1px solid var(--c-delimiter); }

msg-user-picker[e-uqlfvv] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

msg-checkbox[e-uqlfvv] {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--c-link); }
  msg-checkbox[e-uqlfvv]:hover {
    color: var(--c-link-hover); }

msg-button[e-uqlfvv] {
  margin: 0 4px; }
[e-u6kw1t-host] {
  position: relative;
  color: var(--c-text);
  font-size: 14px;
  overflow: hidden;
  display: block; }

[e-u6kw1t].scroller {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

[e-u6kw1t].container {
  position: relative; }

[e-u6kw1t].delimiter {
  padding: 12px 16px 8px;
  color: var(--c-text-sub);
  font-size: 14px; }

msg-picker[e-u6kw1t] {
  height: 100%;
  min-height: 0; }

msg-user-picker-list-item[e-u6kw1t]:not([disabled]) {
  cursor: pointer; }
  msg-user-picker-list-item[e-u6kw1t]:not([disabled]).active {
    background: var(--c-active); }

[e-u6kw1t].not-found {
  margin: 24px 0 12px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1; }
  [e-u6kw1t].not-found msg-button[e-u6kw1t] {
    margin-top: 16px; }
  [e-u6kw1t].not-found msg-l10n[e-u6kw1t] {
    display: block; }
  [e-u6kw1t].not-found msg-icon[e-u6kw1t] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }
msg-user-picker:not([multiple]) [epohac-host] msg-checkbox[epohac] {
  display: none; }

[epohac-host] {
  display: block;
  padding: 8px 16px; }

[epohac-host][avatar-size=small] {
  padding-top: 6px;
  padding-bottom: 6px; }

[epohac-host][disabled] {
  opacity: 0.3; }

[epohac].container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  [epohac-host]:not([disabled]) [epohac].container {
    cursor: pointer; }

[epohac].name {
  display: block;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: hidden;
  padding-left: 12px;
  padding-right: 8px; }
[ekp51vz-host] {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  --toolbar-padding: 0;
  --toolbar-height: var(--ui-toolbar-height);
  --toolbar-bg: transparent; }

msg-toolbar[ekp51vz] {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  text-align: center;
  padding-top: var(--toolbar-padding);
  height: var(--toolbar-height);
  background-color: var(--toolbar-bg);
  --controls-order: -1; }
  .ui-has-folders [ekp51vz-host] msg-toolbar[ekp51vz] {
    --toolbar-padding: 0;
    --toolbar-height: 49px; }

msg-tico[ekp51vz] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

msg-button[ekp51vz].back {
  padding-left: 12px; }

[ekp51vz].content {
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  z-index: 1;
  overflow-anchor: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }
  [ekp51vz-host].modal [ekp51vz].content {
    overflow: hidden; }
[el4cvdj-host] {
  --input-padding: 5px;
  --input-max-height: none;
  --separator-color: var(--c-delimiter);
  display: block;
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  font-size: 14px;
  color: var(--c-text);
  line-height: 1.5; }

slot[el4cvdj][name="error"] {
  text-align: right;
  padding-top: 8px;
  display: block; }
  slot[el4cvdj][name="error"]:empty {
    display: none; }
  [el4cvdj-host][name=chat-title] slot[el4cvdj][name="error"] {
    margin: 0 0 12px -24px;
    padding-top: 4px; }

[el4cvdj].aside-buttons {
  position: absolute;
  right: 8px;
  top: 12px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
  -webkit-transition: opacity 0.15s, visibility 0.15s, background-color 0.15s, -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.15s, visibility 0.15s, background-color 0.15s, -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.15s, visibility 0.15s, background-color 0.15s;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.15s, visibility 0.15s, background-color 0.15s, -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s; }
  [el4cvdj-host]:hover [el4cvdj].aside-buttons {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 1;
    visibility: visible; }

[el4cvdj].pen {
  vertical-align: -2px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  display: none;
  margin-left: 2px;
  -webkit-transition: opacity 0.15s, visibility 0.15s;
  transition: opacity 0.15s, visibility 0.15s; }
  [el4cvdj-host]:hover [el4cvdj].pen {
    opacity: 1;
    visibility: visible; }

slot[el4cvdj][name="additions"] {
  position: static;
  margin: -2px 0 0 2px; }

main[el4cvdj] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }

[el4cvdj].value {
  position: relative;
  font-size: inherit;
  color: inherit;
  padding: 0;
  line-height: inherit;
  display: block;
  min-height: inherit;
  padding: var(--input-padding);
  max-height: var(--input-max-height);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: hidden;
  overflow-y: auto; }
  [el4cvdj].value.__empty {
    cursor: pointer; }
  [el4cvdj].value msg-parsed-text[el4cvdj] {
    line-height: inherit; }
    [el4cvdj].value msg-parsed-text[el4cvdj].__placeholder {
      color: var(--c-text-sub);
      opacity: .75; }

[el4cvdj].buttons {
  display: block;
  text-align: right;
  overflow: hidden;
  padding: 0 8px;
  position: relative;
  font-size: 14px;
  white-space: nowrap; }
  [el4cvdj].buttons msg-button[el4cvdj] {
    margin: 8px 0 8px 8px;
    vertical-align: middle; }

msg-official-icon[el4cvdj] {
  margin-left: 2px; }

msg-counter[el4cvdj] {
  display: inline-block;
  vertical-align: middle; }

msg-form-error[el4cvdj] {
  padding: 12px; }
[ejbe3r9-host] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 100px;
  padding-bottom: 4px; }

msg-progress[ejbe3r9] {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 2px;
  margin-left: -16px;
  background: var(--c-bg); }
  msg-progress[ejbe3r9].middle {
    top: 50%;
    bottom: auto; }

msg-bubble[ejbe3r9] {
  vertical-align: bottom; }

msg-menu-item[ejbe3r9] {
  display: block;
  padding-left: 8px;
  padding-right: 16px; }

msg-chat-media-item[ejbe3r9] {
  padding: 0 4px;
  cursor: pointer;
  overflow: hidden; }
  msg-chat-media-item[ejbe3r9].__photo, msg-chat-media-item[ejbe3r9].__video {
    padding-right: 0;
    position: relative;
    z-index: 1; }
  msg-chat-media-item[ejbe3r9].__photo:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 4px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.02);
    pointer-events: none; }

[ejbe3r9].switch {
  position: -webkit-sticky;
  position: sticky;
  top: 48px;
  z-index: 5;
  background: var(--c-bg);
  padding: 2px 16px 0;
  margin-bottom: 4px;
  color: var(--c-link);
  font-size: 14px; }
  [ejbe3r9].switch msg-tico[ejbe3r9]:hover {
    color: var(--c-link-hover); }
  [ejbe3r9].switch [ejbe3r9].link {
    display: inline-block;
    border-bottom: 1px var(--c-link) dotted; }
    [ejbe3r9].switch [ejbe3r9].link:hover {
      text-decoration: none;
      border-color: var(--c-link-hover); }

[ejbe3r9].row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 4px;
  margin: 0 auto; }
  [ejbe3r9].row.grid {
    padding-left: 4px; }

[ejbe3r9].empty {
  margin: 16px 0 20px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  [ejbe3r9].empty msg-icon[ejbe3r9] {
    display: block;
    height: 48px;
    width: 48px;
    margin: 0 auto 16px;
    color: var(--c-text-sub);
    opacity: .3; }

[ejbe3r9].tabs {
  position: relative;
  border-bottom: 1px solid var(--c-delimiter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[ejbe3r9].tabs_i {
  position: relative;
  display: inline-block;
  height: 40px;
  margin: -8px 0 -1px;
  padding: 12px 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  text-align: center;
  border-bottom: 2px solid transparent;
  border-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  color: var(--c-text-sub);
  font-size: 14px;
  line-height: 1; }
  [ejbe3r9].tabs_i:hover {
    color: var(--c-text); }
  [ejbe3r9].tabs_i.__active {
    color: var(--c-text);
    border-color: var(--c-text); }
    [ejbe3r9].tabs_i.__active:hover {
      text-decoration: none; }

section[ejbe3r9] {
  position: relative; }

[ejbe3r9].marker {
  position: -webkit-sticky;
  position: sticky;
  z-index: 3;
  top: 82px;
  overflow: hidden;
  pointer-events: none;
  padding: 8px 12px;
  background: var(--c-bg);
  color: var(--c-text-sub);
  opacity: 0.9; }
[e-o75q6b-host] {
  display: block;
  position: relative; }

msg-img[e-o75q6b],
msg-video-poster[e-o75q6b],
msg-message-share-attach[e-o75q6b],
msg-message-file-attach[e-o75q6b],
msg-message-audio-attach[e-o75q6b],
msg-message-music-attach[e-o75q6b] {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  margin: 0;
  display: block;
  background-color: var(--c-active-chat-item);
  border: 0;
  width: 100%; }
  msg-img[e-o75q6b]:hover:after,
  msg-video-poster[e-o75q6b]:hover:after,
  msg-message-share-attach[e-o75q6b]:hover:after,
  msg-message-file-attach[e-o75q6b]:hover:after,
  msg-message-audio-attach[e-o75q6b]:hover:after,
  msg-message-music-attach[e-o75q6b]:hover:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.03);
    pointer-events: none; }

msg-img[e-o75q6b] {
  max-width: 100%;
  vertical-align: bottom; }

msg-message-audio-attach[e-o75q6b] {
  -ms-flex-flow: wrap;
      flex-flow: wrap; }

msg-message-share-attach[e-o75q6b] {
  height: 80px; }

msg-message-file-attach[e-o75q6b] {
  padding: 8px; }

[e-o75q6b-host] msg-message-file-attach msg-attach-template {
  width: 100%; }

msg-message-audio-attach[e-o75q6b],
msg-message-music-attach[e-o75q6b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 8px; }

msg-message-music-attach[e-o75q6b] {
  padding: 8px; }

[e-o75q6b].controls {
  position: absolute;
  top: 0;
  right: 4px;
  opacity: 0;
  height: 24px;
  width: 24px;
  min-width: 24px;
  z-index: 2; }
  [e-o75q6b-host]:hover [e-o75q6b].controls {
    opacity: 1; }
  [e-o75q6b].controls msg-icon[e-o75q6b] {
    width: 14px;
    height: 14px; }
  [e-o75q6b].controls.__bg {
    top: 4px;
    background-color: var(--c-tint);
    color: #fff;
    -webkit-transition: background-color 0.15s;
    transition: background-color 0.15s; }
    [e-o75q6b].controls.__bg:hover {
      background-color: var(--c-tint-active); }

[e-o75q6b-host] img {
  border-radius: 4px; }
[e6s0yrf-host] {
  position: relative;
  display: block;
  margin-top: -8px; }

msg-tico[e6s0yrf],
msg-chat-alerts-button[e6s0yrf],
msg-chat-info-folder[e6s0yrf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0;
  font-size: 14px;
  color: var(--c-link);
  cursor: pointer; }

msg-tico[e6s0yrf]:hover {
  color: var(--c-link-hover); }
msg-chat-alerts[e-w6lvvg] {
  display: block;
  pointer-events: all;
  min-height: 17px; }

msg-dropdown-menu[e-w6lvvg] {
  min-width: 150px;
  position: absolute;
  z-index: 6;
  margin-left: 13px;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }

[e-w6lvvg].pseudo-link {
  border-bottom: 1px currentColor dotted;
  display: inline-block; }
[e-63jv2p-host] {
  font-size: 14px;
  color: var(--c-text);
  line-height: 16px;
  white-space: nowrap;
  background-color: var(--c-bg);
  border-radius: 4px;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  overflow: hidden; }
[e-63jv2p-host] msg-menu-item {
  padding: 8px 12px;
  cursor: pointer; }
[e-63jv2p-host] msg-menu-item:hover {
  background-color: var(--c-active); }
[e-63jv2p-host] .h4 {
  padding: 12px 12px 4px;
  cursor: default;
  color: var(--c-text-sub); }
[e-3avtdm-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

[e-3avtdm].label {
  padding: 0; }
  [e-3avtdm].label:hover {
    background: none; }
  [e-3avtdm].label .title {
    border-bottom: 1px currentColor dotted; }
  [e-3avtdm].label msg-folder-icon {
    width: 16px !important;
    height: 16px !important;
    --emoji-size: 16px !important; }

[e-3avtdm].popup {
  z-index: 6;
  max-width: 250px;
  max-height: 300px;
  position: absolute;
  overflow: auto;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  border-radius: 4px;
  background: var(--c-bg);
  color: var(--c-text);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }
  [e-3avtdm].popup msg-folder-item[e-3avtdm] {
    cursor: pointer;
    padding: 8px 12px; }
    [e-3avtdm].popup msg-folder-item[e-3avtdm]:hover {
      background: var(--c-active); }

msg-checkbox[e-3avtdm] {
  margin-left: 8px; }

msg-emoji[e-3avtdm] {
  --emoji-size: 16px;
  margin-right: 8px;
  vertical-align: -2px; }

[e-3avtdm].add-folder {
  border-top: 1px solid var(--c-delimiter); }
[e-wo1sua-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  [e-wo1sua-host]:hover msg-folder-icon[e-wo1sua]:not([compact]),[e-wo1sua-host].selected msg-folder-icon[e-wo1sua]:not([compact]) {
    background-color: var(--c-btn-active); }

msg-folder-icon[e-wo1sua] {
  margin-right: 12px; }
  [e-wo1sua-host][compact] msg-folder-icon[e-wo1sua] {
    width: 20px;
    height: 20px;
    border-radius: 0;
    background: none;
    margin-right: 8px; }

[e-wo1sua].title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

[e-wo1sua-host]:not([inline]) [e-wo1sua].title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

[e-wo1sua].placeholder {
  font-weight: normal;
  color: var(--c-text-sub); }

[e-wqe2x4-host] {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 100%;
    background: var(--c-active);
    --emoji-size: 20px;
}
/*# sourceMappingURL=msg-folder-icon.css.map */[etpqgbx-host] {
  display: block;
  color: var(--c-text); }

[etpqgbx].item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 16px;
  cursor: pointer; }
  [etpqgbx].item:hover {
    background-color: var(--c-active-chat-item); }
  [etpqgbx].item [etpqgbx].content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    overflow: hidden; }

msg-chat-image[etpqgbx] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0; }

msg-name[etpqgbx] {
  font-weight: 500;
  margin-bottom: 2px; }

[etpqgbx].comment {
  color: var(--c-text-sub); }

[etpqgbx].stub {
  padding: 16px;
  text-align: center; }

[etpqgbx].empty {
  padding: 16px 0 20px;
  text-align: center;
  color: var(--c-text-sub); }
  [etpqgbx].empty msg-icon[etpqgbx] {
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    color: var(--c-text-sub);
    opacity: 0.3; }

msg-progress[etpqgbx] {
  vertical-align: 10px; }
[e-2o4v75-host] {
  display: block;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  color: var(--c-text);
  max-width: 100%; }

[e-2o4v75].icon {
  margin-left: 8px;
  margin-right: 16px;
  min-width: 16px;
  color: var(--c-text); }

[e-2o4v75].blur {
  position: absolute;
  top: 16px;
  left: 20px;
  min-width: 16px;
  color: var(--c-text);
  -webkit-animation: live-e-2o4v75 12s infinite;
          animation: live-e-2o4v75 12s infinite; }

[e-2o4v75].container {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  padding-right: 16px;
  color: var(--c-link); }
  [e-2o4v75].container msg-button[e-2o4v75] {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 -8px 0 0;
    visibility: hidden; }
  [e-2o4v75].container:hover {
    color: var(--c-link-hover); }
  [e-2o4v75].container.__editable:hover {
    padding-right: 20px; }
    [e-2o4v75].container.__editable:hover msg-button[e-2o4v75] {
      visibility: visible; }

msg-user-card[e-2o4v75] {
  margin-right: 8px; }

[e-2o4v75].hide {
  position: absolute;
  right: 4px;
  top: 8px; }

[e-2o4v75].text {
  margin-left: .3em; }

[e-2o4v75].address {
  display: inline-block;
  margin-top: 2px;
  line-height: 20px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-height: 60px; }

msg-user-card[e-2o4v75] {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 4px; }

msg-tico[e-2o4v75] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px; }

[e-2o4v75-host] msg-icon {
  min-width: 16px;
  color: #697cff; }

[e-2o4v75-host] .tico_tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden; }

@-webkit-keyframes live-e-2o4v75 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  95% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0; } }

@keyframes live-e-2o4v75 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  95% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0; } }

[e-w8pr40-host] {
    z-index: 2;
}
[e-w8pr40-host] slot.content.custom-scrollbar {
    overflow: hidden;
}
/*# sourceMappingURL=msg-chat-aside-forward.css.map */[e-a16s15-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--c-bg);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }

msg-chat-picker[e-a16s15] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

[e-a16s15-host] footer msg-message-editor msg-input {
  max-height: 200px; }

footer[e-a16s15] [e-a16s15].controls {
  text-align: center;
  border-top: 1px solid var(--c-delimiter);
  padding: 8px 0; }

footer[e-a16s15] msg-button[e-a16s15] {
  margin: 0 4px; }

footer[e-a16s15] [e-a16s15].counter {
  position: absolute;
  right: 8px;
  bottom: 33px;
  color: var(--c-text); }
  footer[e-a16s15] [e-a16s15].counter.__error {
    color: #ff5756; }
[e-w7jm2k-host] {
  display: block;
  background-color: var(--c-bg);
  color: var(--c-text-sub); }

main[e-w7jm2k] {
  padding: 12px;
  border-top: 1px solid var(--c-delimiter); }

p[e-w7jm2k] {
  margin: 0;
  line-height: 1.4;
  max-width: 800px; }

msg-button-row[e-w7jm2k] {
  margin-top: 8px; }
[empaa0d-host] {
  display: block;
  position: relative; }

[empaa0d-host].absolute {
  height: 32px; }
  [empaa0d-host].absolute [ref-row-empaa0d] {
    position: absolute;
    width: 100%; }

[ref-row-empaa0d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  overflow: hidden; }

[empaa0d].button-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px; }
  [empaa0d].button-content msg-icon[empaa0d] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px; }

[empaa0d].button-label {
  white-space: nowrap; }
  msg-button[empaa0d][shape="circle"] [empaa0d].button-label {
    display: none; }

[empaa0d].tooltip {
  position: absolute;
  z-index: 5;
  top: 100%;
  margin-top: 4px;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  font-size: 11px; }
[ejpr0sd-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

section[ejpr0sd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  color: var(--c-text);
  -ms-flex-line-pack: center;
      align-content: center;
  z-index: 6;
  border: 2px solid var(--c-btn);
  border-radius: 8px;
  margin: 12px; }
  section[ejpr0sd]:not(:first-of-type) {
    margin-top: 0; }
  section[ejpr0sd].__active {
    border-color: var(--c-highlight); }
    section[ejpr0sd].__active, section[ejpr0sd].__active msg-icon[ejpr0sd] {
      color: var(--c-highlight); }
  section[ejpr0sd] msg-l10n[ejpr0sd],
  section[ejpr0sd] msg-icon[ejpr0sd] {
    color: inherit;
    display: block;
    pointer-events: none; }
  section[ejpr0sd] msg-l10n[ejpr0sd] {
    font-size: 16px;
    width: 100%;
    text-align: center; }

msg-icon[ejpr0sd][icon=file] {
  margin: -1px -1px 0 0; }

[ejpr0sd].bg {
  height: 48px;
  width: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 12px;
  color: var(--c-btn-text);
  border-radius: 50%;
  background: var(--c-btn); }
[e-pxe727-host] {
  display: block; }

[e-pxe727].collapsed {
  position: absolute;
  right: 12px;
  top: 8px;
  opacity: 1;
  -webkit-transition: top 0.15s ease-out;
  transition: top 0.15s ease-out;
  z-index: 3; }
  .is-mobile [e-pxe727-host] [e-pxe727].collapsed {
    right: 8px; }
  [e-pxe727].collapsed.__shift {
    top: 56px;
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s; }
  [e-pxe727].collapsed msg-button[e-pxe727] {
    margin-left: 8px; }

section[e-pxe727] {
  position: relative; }
  section[e-pxe727].panel-container {
    height: 48px; }
  section[e-pxe727].js-animate [e-pxe727].holder {
    position: absolute;
    width: 100%;
    bottom: 0; }

[e-pxe727].panel {
  position: absolute;
  left: 0;
  right: 0;
  height: 48px;
  bottom: 0;
  color: var(--c-text);
  background: var(--c-bg);
  border-bottom: 1px solid var(--c-delimiter); }
  [e-pxe727].panel:not(.chat-search) {
    padding-left: 12px; }
    .is-mobile [e-pxe727-host] [e-pxe727].panel:not(.chat-search) {
      padding-left: 8px; }

msg-button[e-pxe727].call {
  background-color: #697cff;
  color: #fff; }
  msg-button[e-pxe727].call:hover {
    background-color: #3d5afe;
    color: #fff; }

[e-pxe727].chat-search msg-search-input[e-pxe727] {
  padding-top: 0;
  padding-bottom: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-right: 12px;
  padding-left: 16px;
  height: 48px; }

[e-pxe727].chat-search [e-pxe727].close {
  position: absolute;
  right: 12px;
  top: 8px; }

msg-pinned[e-pxe727] {
  font-size: 14px;
  line-height: 20px;
  cursor: pointer; }

@-webkit-keyframes fade-in-e-pxe727 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in-e-pxe727 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes slide-in-e-pxe727 {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@keyframes slide-in-e-pxe727 {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@-webkit-keyframes slide-out-e-pxe727 {
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@keyframes slide-out-e-pxe727 {
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }
[e-3ecscp-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 12px;
  padding-right: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--c-text);
  font-size: 14px; }

msg-button[e-3ecscp] {
  margin-right: 8px;
  vertical-align: bottom; }

[e-3ecscp].counter {
  display: inline-block;
  white-space: nowrap; }

[e-3ecscp].controls {
  display: block;
  margin-left: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  white-space: nowrap;
  overflow: hidden; }

[e-3ecscp].close {
  position: absolute;
  right: 4px;
  top: 8px; }

[e-3ecscp].hidden,
[e-3ecscp].compact {
  visibility: hidden;
  position: absolute; }

[e-3ecscp].hidden + [e-3ecscp].compact {
  position: static;
  visibility: visible; }
[ekaz55z-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  padding: 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--c-bg);
  border-bottom: 1px solid var(--c-delimiter);
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: margin-top 0.3s, opacity 0.3s;
  transition: margin-top 0.3s, opacity 0.3s; }

[ekaz55z-host][hidden] {
  margin-top: -49px;
  opacity: 0; }

[ekaz55z-host]:hover [ekaz55z].link {
  opacity: 1;
  visibility: visible; }

.is-mobile [ekaz55z-host] {
  padding-left: 8px;
  padding-right: 8px; }

msg-duration[ekaz55z] {
  display: inline;
  background: transparent;
  padding: 0 0 0 .3em;
  font-size: 14px;
  line-height: 1;
  color: var(--c-text-sub); }

[ekaz55z].content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden; }

[ekaz55z].preview {
  height: 32px;
  width: 32px;
  min-width: 32px;
  display: block;
  margin-right: 8px;
  border-radius: 4px;
  background-size: cover;
  background-position: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  overflow: hidden; }
  [ekaz55z].preview.__inline {
    display: inline-block;
    vertical-align: middle;
    border-radius: 0; }

[ekaz55z].host {
  font-size: 11px;
  line-height: 16px;
  color: var(--c-text-sub);
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[ekaz55z].title {
  line-height: 20px;
  color: var(--c-text);
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[ekaz55z].description {
  display: inline-block;
  vertical-align: middle;
  color: var(--c-text); }

[ekaz55z].text {
  position: relative;
  color: var(--c-text);
  padding-right: 28px;
  word-wrap: break-word;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-height: 40px; }
  .is-mobile [ekaz55z-host] [ekaz55z].text {
    padding-right: 40px; }
  [ekaz55z].text [ekaz55z].tag {
    margin-right: 4px; }

[ekaz55z].play-icon {
  background: var(--c-tint);
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff; }

[ekaz55z].pin-icon {
  margin-left: 8px;
  margin-right: 16px;
  min-width: 16px;
  color: var(--c-text); }

[ekaz55z].pin-button {
  margin-right: 8px; }

[ekaz55z].hide {
  position: absolute;
  right: 4px;
  top: 8px; }
  .is-mobile [ekaz55z-host] [ekaz55z].hide {
    right: 0; }

[ekaz55z].link {
  position: absolute;
  right: 0;
  top: -4px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 0.15s, opacity 0.15s;
  transition: visibility 0s 0.15s, opacity 0.15s; }

[ekaz55z].token {
  position: relative; }
  [ekaz55z].token.__has-link {
    padding-right: 28px; }
[eub9udz-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  padding: 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--c-bg);
  border-bottom: 1px solid var(--c-delimiter);
  font-size: 14px;
  cursor: pointer;
  color: var(--c-text); }

msg-tico[eub9udz] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px; }

[eub9udz-host] msg-icon {
  min-width: 16px;
  color: #697cff; }

[eub9udz-host] .tico_tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden; }

address[eub9udz] {
  display: inline-block;
  font-style: normal;
  margin-left: 8px;
  margin-right: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[eub9udz].hide {
  position: absolute;
  right: 4px;
  top: 8px; }
[ejn6ba5-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  padding: 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--c-bg);
  border-bottom: 1px solid var(--c-delimiter);
  font-size: 14px;
  cursor: pointer;
  color: var(--c-text); }

[ejn6ba5].call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 40px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[ejn6ba5].hide {
  position: absolute;
  right: 4px;
  top: 8px; }
[e-wkhyn6-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }

[e-wkhyn6].label {
  margin-right: 12px; }

msg-button-row[e-wkhyn6] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 80px;
          flex: 1 1 80px; }
  .is-mobile [e-wkhyn6-host] msg-button-row[e-wkhyn6] {
    -ms-flex-negative: 0;
        flex-shrink: 0; }

[e-wkhyn6-host] msg-icon[icon=remove] {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

[e-wkhyn6].close {
  margin-right: 12px; }
/* Links
-------------------------------------------------- */
a[emr5p9t] {
  color: var(--c-link); }
  a[emr5p9t]:hover {
    color: var(--c-link-hover); }

a[emr5p9t],
[emr5p9t].link {
  text-decoration: none;
  cursor: pointer; }
  a[emr5p9t]:hover,
  [emr5p9t].link:hover {
    text-decoration: underline; }

[emr5p9t].pl,
[emr5p9t].sl,
[emr5p9t].il {
  cursor: pointer; }

[emr5p9t].link.pl {
  color: #697cff; }
  [emr5p9t].link.pl:hover {
    color: #3d5afe; }

[emr5p9t].sl {
  color: #8a8a95; }
  [emr5p9t].sl:hover {
    color: #5c5c69; }

[emr5p9t].il {
  color: #8a8a95; }
  [emr5p9t].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[emr5p9t].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[emr5p9t].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[emr5p9t].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[emr5p9t].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[emr5p9t-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }

msg-user-card[emr5p9t] {
  margin: 0 auto 8px; }

msg-online-label[emr5p9t] {
  font-size: 14px;
  color: var(--c-text-sub); }

msg-info-sheet[emr5p9t] {
  --toolbar-padding: var(--ui-titlebar-padding);
  --toolbar-height: var(--ui-titlebar-height);
  --toolbar-bg: var(--ui-titlebar-bg); }

[emr5p9t].contacts {
  position: relative;
  padding: 16px 24px;
  border-bottom: 8px solid var(--c-delimiter-fat); }

[emr5p9t].contacts_list {
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

[emr5p9t].contacts_i {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding: 0 4px;
  max-width: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  cursor: pointer; }
  [emr5p9t].contacts_i:hover [emr5p9t].name {
    text-decoration: underline; }

[emr5p9t].name {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--c-text);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[emr5p9t].h4 {
  margin-bottom: 24px; }

[emr5p9t].all {
  position: absolute;
  font-size: 14px;
  top: 16px;
  right: 12px;
  color: var(--c-link); }
  [emr5p9t].all:hover {
    color: var(--c-link-hover); }

@media (max-width: 1500px) {
  [emr5p9t].contacts_i {
    max-width: 17%; }
  [emr5p9t].contacts_i:nth-of-type(6) ~ [emr5p9t].contacts_i {
    display: none; } }

@media (max-width: 1330px) {
  [emr5p9t].contacts_i {
    max-width: 20%; }
  [emr5p9t].contacts_i:nth-of-type(5) ~ [emr5p9t].contacts_i {
    display: none; } }

@media (max-width: 1180px) {
  [emr5p9t].contacts_i {
    max-width: 25%; }
  [emr5p9t].contacts_i:nth-of-type(4) ~ [emr5p9t].contacts_i {
    display: none; } }

@media (max-width: 930px) {
  [emr5p9t].contacts_i {
    max-width: 33%; }
  [emr5p9t].contacts_i:nth-of-type(3) ~ [emr5p9t].contacts_i {
    display: none; } }
/* Links
-------------------------------------------------- */
a[e-9eoabz] {
  color: var(--c-link); }
  a[e-9eoabz]:hover {
    color: var(--c-link-hover); }

a[e-9eoabz],
[e-9eoabz].link {
  text-decoration: none;
  cursor: pointer; }
  a[e-9eoabz]:hover,
  [e-9eoabz].link:hover {
    text-decoration: underline; }

[e-9eoabz].pl,
[e-9eoabz].sl,
[e-9eoabz].il {
  cursor: pointer; }

[e-9eoabz].link.pl {
  color: #697cff; }
  [e-9eoabz].link.pl:hover {
    color: #3d5afe; }

[e-9eoabz].sl {
  color: #8a8a95; }
  [e-9eoabz].sl:hover {
    color: #5c5c69; }

[e-9eoabz].il {
  color: #8a8a95; }
  [e-9eoabz].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[e-9eoabz].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-9eoabz].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-9eoabz].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[e-9eoabz].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[e-9eoabz-host] {
  background: var(--c-bg); }

[e-9eoabz].base-input {
  font-size: 14px;
  border-bottom: 1px solid var(--c-delimiter);
  padding: 16px 0;
  padding: 13px 24px;
  color: var(--c-text); }

[e-9eoabz].channels {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  margin-top: 8px; }

[e-9eoabz].not-found {
  margin: 24px 0 12px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  line-height: 1; }
  [e-9eoabz].not-found msg-l10n[e-9eoabz] {
    display: block; }
  [e-9eoabz].not-found msg-icon[e-9eoabz] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }

@media (max-width: 930px) {
  msg-onboarding-chats-item[e-9eoabz] {
    display: block;
    width: auto; } }
/* Links
-------------------------------------------------- */
a[e-8hib3n] {
  color: var(--c-link); }
  a[e-8hib3n]:hover {
    color: var(--c-link-hover); }

a[e-8hib3n],
[e-8hib3n].link {
  text-decoration: none;
  cursor: pointer; }
  a[e-8hib3n]:hover,
  [e-8hib3n].link:hover {
    text-decoration: underline; }

[e-8hib3n].pl,
[e-8hib3n].sl,
[e-8hib3n].il {
  cursor: pointer; }

[e-8hib3n].link.pl {
  color: #697cff; }
  [e-8hib3n].link.pl:hover {
    color: #3d5afe; }

[e-8hib3n].sl {
  color: #8a8a95; }
  [e-8hib3n].sl:hover {
    color: #5c5c69; }

[e-8hib3n].il {
  color: #8a8a95; }
  [e-8hib3n].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[e-8hib3n].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-8hib3n].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-8hib3n].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[e-8hib3n].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[e-8hib3n-host] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-8hib3n].ovr {
  z-index: 2;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

[e-8hib3n].container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 12px;
  padding: 12px; }
  [e-8hib3n].container:hover {
    background-color: var(--c-active); }

msg-icon[e-8hib3n][icon=channel] {
  color: var(--c-text);
  vertical-align: -3px;
  margin-right: 2px; }

[e-8hib3n].name {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: var(--c-text);
  margin-bottom: 4px;
  overflow: hidden;
  line-height: 20px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-height: 40px;
  font-weight: 500; }
  [e-8hib3n].name msg-parsed-text[e-8hib3n] {
    word-wrap: break-word;
    word-break: break-word; }
  [e-8hib3n].name msg-icon[e-8hib3n] {
    min-width: 16px; }

[e-8hib3n].text {
  display: block;
  margin: 2px 0 0 16px;
  overflow: hidden; }

[e-8hib3n].description {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  color: var(--c-text);
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-height: 60px;
  word-break: break-word; }

[e-8hib3n].participants {
  font-size: 14px;
  color: var(--c-text-sub); }
[e-eg3zo5-host] {
  display: block;
  background: var(--c-active);
  text-align: center;
  color: var(--c-text);
  border-bottom: 1px solid var(--c-delimiter); }

[theme=dark] [e-eg3zo5-host] {
  background: var(--c-bg); }

[e-eg3zo5].container {
  position: relative;
  height: 200px; }
  [e-eg3zo5].container:before, [e-eg3zo5].container:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    background: bottom no-repeat;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    @media (max-width: 1170px) {
      [e-eg3zo5].container:before, [e-eg3zo5].container:after {
        opacity: 0; } }
  [e-eg3zo5].container:before {
    left: 0; }
  [e-eg3zo5].container:after {
    right: 0; }
  [e-eg3zo5].container.__step-1:before {
    width: 300px;
    background-image: url(//web.tamtam.chat/-/images/newcomer/left_393db59f@2x.png);
    background-size: 300px 200px; }
    [theme=dark] [e-eg3zo5-host] [e-eg3zo5].container.__step-1:before {
      width: 290px;
      background-image: url(//web.tamtam.chat/-/images/newcomer/left_d_e66357b1@2x.png);
      background-size: 290px 200px; }
  [e-eg3zo5].container.__step-1:after {
    width: 300px;
    background-image: url(//web.tamtam.chat/-/images/newcomer/right_dc401e5f@2x.png);
    background-size: 300px 200px; }
    [theme=dark] [e-eg3zo5-host] [e-eg3zo5].container.__step-1:after {
      width: 244px;
      background-image: url(//web.tamtam.chat/-/images/newcomer/right_d_42452f65@2x.png);
      background-size: 244px 200px; }
  [e-eg3zo5].container.__step-2:before {
    width: 340px;
    background-image: url(//web.tamtam.chat/-/images/newcomer/left_tel_4d490d83@2x.png);
    background-size: 340px 200px; }
    [theme=dark] [e-eg3zo5-host] [e-eg3zo5].container.__step-2:before {
      width: 327px;
      background-image: url(//web.tamtam.chat/-/images/newcomer/left_tel_d_bff3a1fb@2x.png);
      background-size: 327px 200px; }
  [e-eg3zo5].container.__step-2:after {
    width: 340px;
    background-image: url(//web.tamtam.chat/-/images/newcomer/right_tel_ed807556@2x.png);
    background-size: 340px 200px; }
    [theme=dark] [e-eg3zo5-host] [e-eg3zo5].container.__step-2:after {
      width: 384px;
      background-image: url(//web.tamtam.chat/-/images/newcomer/right_tel_d_1a8e28eb@2x.png);
      background-size: 384px 200px;
      margin-right: -28px; }
  [e-eg3zo5].container.__step-3:before, [e-eg3zo5].container.__step-4:before {
    width: 340px;
    background-image: url(//web.tamtam.chat/-/images/newcomer/left_link_d27dc9d3@2x.png);
    background-size: 340px 200px; }
    [theme=dark] [e-eg3zo5-host] [e-eg3zo5].container.__step-3:before,[theme=dark] [e-eg3zo5-host] [e-eg3zo5].container.__step-4:before {
      width: 341px;
      background-image: url(//web.tamtam.chat/-/images/newcomer/left_link_d_d7a25de3@2x.png);
      background-size: 341px 200px; }
  [e-eg3zo5].container.__step-3:after, [e-eg3zo5].container.__step-4:after {
    width: 340px;
    background-image: url(//web.tamtam.chat/-/images/newcomer/right_link_96f622a8@2x.png);
    background-size: 340px 200px; }
    [theme=dark] [e-eg3zo5-host] [e-eg3zo5].container.__step-3:after,[theme=dark] [e-eg3zo5-host] [e-eg3zo5].container.__step-4:after {
      width: 299px;
      background-image: url(//web.tamtam.chat/-/images/newcomer/right_link_d_984030@2x.png);
      background-size: 299px 200px; }

[e-eg3zo5].contents {
  position: relative;
  z-index: 1;
  padding: 24px 16px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%; }

[e-eg3zo5].store {
  display: inline-block;
  vertical-align: middle;
  margin: 8px 8px 0;
  height: 40px;
  width: 136px;
  background-size: 136px 40px; }
  [e-eg3zo5].store.__android-ru {
    background-image: url(//web.tamtam.chat/-/images/auth/store/playmarket-ru_e21310e0@2x.png); }
  [e-eg3zo5].store.__android-en {
    background-image: url(//web.tamtam.chat/-/images/auth/store/playmarket-en_4bcd36e0@2x.png); }
  [e-eg3zo5].store.__ios-ru {
    background-image: url(//web.tamtam.chat/-/images/auth/store/appstore-ru_6eb71a0c@2x.png); }
  [e-eg3zo5].store.__ios-en {
    background-image: url(//web.tamtam.chat/-/images/auth/store/appstore-en_e24e3ef3@2x.png); }

[e-eg3zo5].title,
[e-eg3zo5].profile-link {
  max-width: 300px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 20px;
  color: var(--c-text); }

[e-eg3zo5].title {
  margin-bottom: 12px; }

[e-eg3zo5].profile-link {
  margin-top: 4px;
  cursor: pointer;
  max-width: 280px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-eg3zo5].subtitle {
  max-width: 300px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 16px;
  color: var(--c-text-sub); }

[e-eg3zo5].skip {
  position: absolute;
  bottom: 16px;
  left: 50%;
  cursor: pointer;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

[e-eg3zo5].input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 16px; }

[e-eg3zo5].prefix {
  font-size: 14px;
  color: var(--c-text); }

[e-eg3zo5].base-input {
  display: inline-block;
  padding: 8px 12px;
  margin: 0 8px 0 4px;
  border: 1px solid var(--c-delimiter);
  border-radius: 8px;
  background: var(--c-bg);
  width: 260px;
  font-size: 14px; }
  [theme=dark] [e-eg3zo5-host] [e-eg3zo5].base-input {
    background: var(--c-msg); }

[e-eg3zo5].profile-link-bg {
  padding: 8px 12px;
  margin: 24px auto 0;
  border-radius: 8px;
  background: var(--c-msg);
  width: 280px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

msg-new-contact[e-eg3zo5] {
  display: block;
  margin-bottom: 16px; }

msg-avatar[e-eg3zo5] {
  margin: 0 auto 12px; }

msg-form-error[e-eg3zo5] {
  margin: -12px auto 0;
  line-height: 16px;
  max-width: 280px; }
[e-ur9d1r].avatar {
  position: relative;
  margin: 0 auto 8px;
  display: block;
  width: 96px;
  height: 96px; }
  [e-ur9d1r].avatar:empty {
    display: none; }

[e-ur9d1r].stub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 96px;
  height: 96px;
  color: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background: #ebebeb; }

[e-ur9d1r].text-block {
  padding-top: 16px;
  font-size: 18px;
  text-align: center;
  color: var(--c-text); }
  [e-ur9d1r].text-block.__secondary {
    padding-top: 8px;
    font-size: 14px;
    color: var(--c-text-sub); }

msg-phone-input[e-ur9d1r] {
  margin-bottom: 76px; }

[e-ur9d1r].base-input {
  font-size: 14px;
  border-bottom: 1px solid var(--c-delimiter);
  padding: 16px 0;
  text-align: center;
  color: var(--c-text); }

msg-button[e-ur9d1r] {
  margin-left: 4px;
  margin-right: 4px; }
  msg-button[e-ur9d1r] msg-progress[e-ur9d1r] {
    display: none;
    position: absolute;
    color: #fff; }
  msg-button[e-ur9d1r].__loading msg-l10n[e-ur9d1r] {
    opacity: 0; }
  msg-button[e-ur9d1r].__loading msg-progress[e-ur9d1r] {
    display: block; }

[e-ur9d1r].error-text {
  display: block;
  padding: 8px 36px 0;
  text-align: center;
  font-size: 14px;
  color: var(--c-text); }

[e-ur9d1r].link {
  color: #3d5afe; }

[e-ur9d1r].buttons {
  padding: 28px 16px 0;
  text-align: center; }

[e-ur9d1r].compact {
  margin: 0 0 12px; }
  [e-ur9d1r].compact msg-button[e-ur9d1r] {
    vertical-align: middle; }
  [e-ur9d1r].compact [e-ur9d1r].base-input {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 12px;
    margin: 0 8px 0 4px;
    border: 1px solid var(--c-delimiter);
    border-radius: 8px;
    background: var(--c-bg);
    width: 260px;
    font-size: 14px; }
    [theme=dark] [e-ur9d1r-host] .compact [e-ur9d1r].base-input {
      background: var(--c-msg); }
  [e-ur9d1r].compact [e-ur9d1r].error-text {
    margin-top: 40px;
    margin-bottom: 20px; }
  [e-ur9d1r].compact [e-ur9d1r].avatar {
    width: 64px;
    height: 64px;
    margin-bottom: 12px; }
  [e-ur9d1r].compact [e-ur9d1r].text-block {
    font-size: 14px;
    padding-top: 4px; }
    [e-ur9d1r].compact [e-ur9d1r].text-block.__secondary {
      font-size: 14px; }
[e-tv9jc7-host] {
  display: block;
  margin: 0 auto;
  text-align: center; }

msg-form-field[e-tv9jc7] {
  display: block;
  margin-left: auto;
  margin-right: auto; }

[e-tv9jc7].form-text-block {
  color: #5c5c69;
  font-size: 14px;
  line-height: 1.6;
  width: 300px;
  margin-left: auto;
  margin-right: auto; }
  [e-tv9jc7].form-text-block.__small {
    margin-bottom: 3vh;
    color: #8a8a95;
    line-height: 1; }

msg-button[e-tv9jc7] {
  margin: 16px 4px; }

msg-input[e-tv9jc7].__secondary {
  margin: 0;
  padding: 16px 0;
  border: 0 none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px; }

input[e-tv9jc7][type="text"] {
  border: 0 none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

msg-form-error[e-tv9jc7] {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: 0; }

[e-tv9jc7].link {
  color: #5c5c69; }
  [e-tv9jc7].link:hover {
    color: #334;
    text-decoration: none; }

msg-button[e-tv9jc7].back {
  position: absolute;
  top: 8px;
  left: 0;
  margin: 0; }

[e-tv9jc7-host] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  height: 100%; }

msg-form[e-tv9jc7] {
  height: 100%; }

msg-form-field[e-tv9jc7] {
  border-bottom: 1px solid var(--c-delimiter); }

[e-tv9jc7].phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.4;
  font-size: 14px;
  height: 48px;
  color: var(--c-text); }
  [e-tv9jc7].phone input[e-tv9jc7] {
    padding: 8px 28px 8px 8px;
    margin: 4px 0; }

[e-tv9jc7].country-code {
  color: var(--c-text-sub);
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  padding-right: 8px;
  border-right: 1px solid var(--c-delimiter); }

[e-tv9jc7].footer {
  position: absolute;
  bottom: 36px;
  left: 0;
  right: 0;
  text-align: center; }
  [e-tv9jc7].footer msg-button[e-tv9jc7] {
    margin: 0; }

[e-tv9jc7].country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  [e-tv9jc7].country [e-tv9jc7].selected-country {
    width: 100%;
    color: var(--c-text);
    padding: 16px 12px 16px 0;
    line-height: 16px;
    cursor: pointer; }
  [e-tv9jc7].country msg-icon[e-tv9jc7] {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -9px;
    pointer-events: none; }
  [e-tv9jc7].country msg-country-picker[e-tv9jc7] {
    position: absolute;
    top: 0;
    left: -16px;
    right: -16px;
    height: 248px;
    z-index: 1;
    text-align: left;
    background: var(--c-bg);
    -webkit-box-shadow: var(--ui-shadow);
            box-shadow: var(--ui-shadow);
    border-radius: 4px;
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0; }

[e-tv9jc7-host] msg-picker-header {
  padding-right: 8px; }

[e-tv9jc7].form-text-block {
  margin-bottom: 32px;
  width: 280px; }

@-webkit-keyframes country-show-e-tv9jc7 {
  0% {
    -webkit-transform: scaleY(0.75);
            transform: scaleY(0.75);
    opacity: 0; }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1; } }

@keyframes country-show-e-tv9jc7 {
  0% {
    -webkit-transform: scaleY(0.75);
            transform: scaleY(0.75);
    opacity: 0; }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1; } }
[ekcax11-host] {
  display: block;
  text-align: left; }

[ekcax11].field-w {
  position: relative; }

slot[slotted][ekcax11] > msg-progress {
  position: absolute;
  right: 0;
  margin: -8px 0 0;
  top: 50%; }

slot[slotted][ekcax11] > msg-form-error {
  margin-top: 6px; }
/* Links
-------------------------------------------------- */
a[ew9xox5] {
  color: var(--c-link); }
  a[ew9xox5]:hover {
    color: var(--c-link-hover); }

a[ew9xox5],
[ew9xox5].link {
  text-decoration: none;
  cursor: pointer; }
  a[ew9xox5]:hover,
  [ew9xox5].link:hover {
    text-decoration: underline; }

[ew9xox5].pl,
[ew9xox5].sl,
[ew9xox5].il {
  cursor: pointer; }

[ew9xox5].link.pl {
  color: #697cff; }
  [ew9xox5].link.pl:hover {
    color: #3d5afe; }

[ew9xox5].sl {
  color: #8a8a95; }
  [ew9xox5].sl:hover {
    color: #5c5c69; }

[ew9xox5].il {
  color: #8a8a95; }
  [ew9xox5].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[ew9xox5].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[ew9xox5].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[ew9xox5].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[ew9xox5].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[ew9xox5-host] {
  position: relative;
  color: var(--c-text);
  font-size: 14px;
  overflow: hidden;
  display: block; }

[ew9xox5].scroller {
  position: relative;
  height: 100%;
  overflow-y: auto; }

msg-picker[ew9xox5] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  min-height: 185px; }

[ew9xox5].li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 16px;
  color: var(--c-text);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  [ew9xox5].li.active, [ew9xox5].li.selected {
    background: var(--c-active); }

[ew9xox5].li_country {
  color: var(--c-text); }

[ew9xox5].li_code {
  color: var(--c-text-sub);
  padding-left: 8px; }

[ew9xox5].delimiter {
  margin: 8px 0;
  border-bottom: 1px solid var(--c-delimiter); }

[ew9xox5].controls {
  margin: 4px auto;
  text-align: center; }
[e1l4lx7-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

main[e1l4lx7] {
  height: 100%;
  position: relative; }

footer[e1l4lx7] {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  margin: 0 70px; }

msg-map[e1l4lx7] {
  position: absolute;
  z-index: 1;
  top: 70px;
  bottom: 70px;
  left: 70px;
  right: 70px; }

msg-chat-item-container[e1l4lx7] {
  border-top: 1px solid #5c5c69; }

msg-button[e1l4lx7].close {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  cursor: pointer;
  height: 64px;
  width: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }
  msg-button[e1l4lx7].close:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.25); }
  msg-button[e1l4lx7].close msg-icon[e1l4lx7] {
    color: inherit; }

msg-map-marker[e1l4lx7] {
  width: 36px;
  height: 51px;
  z-index: 1; }
  msg-map-marker[e1l4lx7]:not([style]) {
    visibility: hidden; }
  msg-map-marker[e1l4lx7][size=large] {
    width: 56px;
    height: 75px; }

msg-progress[e1l4lx7] {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin: -49px 0 0 -24px;
  color: #fff; }

h4[e1l4lx7] {
  color: #ffffff;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  --c-link: #ffffff;
  --c-link-hover: #ffffff; }

address[e1l4lx7] {
  font-style: normal; }

[e1l4lx7-host] msg-map-marker .pin {
  -webkit-transform: scale(0.7);
  transform: scale(0.7); }

[e1l4lx7-host] msg-map-marker.selected {
  z-index: 2; }

[e1l4lx7-host] msg-map-marker.selected .pin {
  -webkit-transform: scale(1);
  transform: scale(1); }

[e1l4lx7].streamers {
  position: relative; }
  [e1l4lx7].streamers [e1l4lx7].streamer {
    position: relative;
    padding: 0 4px 8px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    [e1l4lx7].streamers .streamer.stub msg-icon[e1l4lx7] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 12px;
      border-radius: 50%;
      background: #697cff;
      color: #fff; }
    [e1l4lx7].streamers [e1l4lx7].streamer.expired {
      opacity: .5; }
    [e1l4lx7].streamers [e1l4lx7].streamer.selected {
      cursor: default; }
      [e1l4lx7].streamers [e1l4lx7].streamer.selected::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 3px solid #697cff; }
[e-5q6091-host] {
  display: block;
  position: relative; }

[e-5q6091].list {
  text-align: left; }

[e-5q6091].list_i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-radius: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px 0 0;
  cursor: pointer;
  margin: 0 auto;
  padding: 6px 12px; }
  [e-5q6091].list_i:hover {
    background: var(--c-active); }
  [e-5q6091].list_i.__unread {
    opacity: .5; }

[e-5q6091].name {
  cursor: pointer;
  color: var(--c-text);
  font-size: 14px;
  line-height: 1.2; }
  [e-5q6091].name:hover {
    text-decoration: underline; }

[e-5q6091].time,
msg-online-label[e-5q6091] {
  display: block;
  color: var(--c-text-sub); }

msg-time[e-5q6091] {
  vertical-align: middle; }

[e-5q6091].text {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-5q6091].h4 {
  margin: 24px 0 16px;
  text-align: left; }
  [e-5q6091].h4.__1st {
    margin-top: 4px; }

[e-5q6091][slot="body"] {
  margin-top: -24px; }

[e-5q6091].tabs {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: var(--c-bg);
  z-index: 2;
  padding: 0 24px;
  border-bottom: 1px solid var(--c-delimiter); }

[e-5q6091].tabs_i {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  height: 20px;
  padding: 16px 0;
  color: var(--c-text-sub);
  margin-bottom: -1px;
  --emoji-margin: -1px 0;
  --emoji-align: -.2em;
  cursor: pointer; }
  [e-5q6091].tabs_i::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: transparent;
    border-radius: 2px; }
  [e-5q6091].tabs_i:hover {
    border-bottom-color: rgba(0, 0, 0, 0.08); }
  [e-5q6091].tabs_i.__active::before {
    background: #697cff; }
  [e-5q6091].tabs_i + [e-5q6091].tabs_i {
    margin-left: 16px; }

[e-5q6091].contacts_i {
  padding: 0 4px;
  margin-bottom: 24px;
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  cursor: pointer; }

msg-user-card[e-5q6091] {
  cursor: pointer;
  margin-left: auto;
  margin-right: auto; }

[e-5q6091].contacts {
  min-height: 40px;
  padding: 12px; }

[e-5q6091].participant {
  position: relative; }

[e-5q6091].reaction {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 4px;
  pointer-events: none;
  height: 20px;
  width: 20px; }

[e-5q6091].no-reactions {
  display: block;
  margin: 40px 0 12px;
  text-align: center;
  color: var(--c-text-sub); }
msg-transfer-ownership[e-mg55vd] {
  min-height: 398px; }
  msg-transfer-ownership[e-mg55vd].__selected {
    min-height: 222px; }

[e-mg55vd].tabs {
  position: relative;
  top: -10px;
  height: 40px;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

[e-mg55vd].tabs_i {
  position: relative;
  display: inline-block;
  height: 40px;
  padding: 12px 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border: solid transparent;
  border-width: 2px 0;
  border-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  color: var(--c-text-sub); }
  [e-mg55vd].tabs_i:hover {
    color: var(--c-text); }
  [e-mg55vd].tabs_i.__active {
    color: var(--c-text);
    border-color: var(--c-text) !important; }
    [e-mg55vd].tabs_i.__active:hover {
      text-decoration: none; }
[e-lbn4tv-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }

[e-lbn4tv].attention-text {
  display: block;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid var(--c-delimiter); }

msg-user-picker[e-lbn4tv], msg-l10n[e-lbn4tv][key="empty-chat-participants-label"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  max-height: 354px; }

msg-l10n[e-lbn4tv][key="empty-chat-participants-label"] {
  padding-top: 40%;
  text-align: center; }

msg-l10n[e-lbn4tv][key="transfer-own-to-text"] {
  display: block;
  font-weight: 500; }

[e-lbn4tv].container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px; }
  [e-lbn4tv].container msg-icon[e-lbn4tv][icon="close"] {
    cursor: pointer;
    padding: 4px; }

[e-lbn4tv].name {
  display: block;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: hidden;
  padding-left: 12px;
  padding-right: 8px; }

[e-lbn4tv].buttons {
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 auto; }
  [e-lbn4tv].buttons msg-button[e-lbn4tv] {
    margin-right: 8px; }
[ej0ckgq-host] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[ej0ckgq].overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--c-overlay);
  pointer-events: auto; }

main[ej0ckgq] {
  position: absolute;
  pointer-events: all;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  left: 30px;
  top: 100px;
  z-index: 10; }

[ref-uiPanel-ej0ckgq] {
  position: fixed !important;
  width: 320px;
  height: 320px;
  z-index: 1;
  background-color: var(--c-bg-dark);
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  pointer-events: auto;
  border-radius: 8px; }

msg-call-feedback[ej0ckgq] {
  width: 380px;
  background-color: var(--c-bg-dark);
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  pointer-events: auto;
  border-radius: 8px; }

msg-call-mini[ej0ckgq], msg-call-preset[ej0ckgq] {
  width: 320px;
  cursor: move;
  background-color: var(--c-bg-dark);
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  pointer-events: auto;
  border-radius: 8px; }

[ej0ckgq].error {
  position: fixed !important;
  background: red;
  color: #ffffff;
  padding: 20px;
  border-radius: 4px;
  top: 200px;
  z-index: 1;
  pointer-events: all; }
  [ej0ckgq].error msg-icon[ej0ckgq] {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer; }

[ej0ckgq].alert {
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }

msg-tico[ej0ckgq] {
  display: inline-block;
  padding: 16px;
  border-radius: 8px;
  background: rgba(255, 87, 86, 0.9);
  color: #fff; }

[ej0ckgq-host] msg-call-participant .info {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

[ej0ckgq-host] msg-call-mini:hover .remote .wrap.__video:before {
  opacity: .6;
  background: #000; }

[ej0ckgq-host] msg-call-mini:hover .remote .wrap.__video .info msg-name {
  opacity: 1; }

[ej0ckgq-host] msg-call-mini:hover .remote .wrap.__video .info {
  -webkit-transform: translateY(-52px);
  transform: translateY(-52px); }

@-webkit-keyframes show-panel-ej0ckgq {
  from {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0; } }

@keyframes show-panel-ej0ckgq {
  from {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0; } }
/* Links
-------------------------------------------------- */
a[e-87ej64] {
  color: var(--c-link); }
  a[e-87ej64]:hover {
    color: var(--c-link-hover); }

a[e-87ej64],
[e-87ej64].link {
  text-decoration: none;
  cursor: pointer; }
  a[e-87ej64]:hover,
  [e-87ej64].link:hover {
    text-decoration: underline; }

[e-87ej64].pl,
[e-87ej64].sl,
[e-87ej64].il {
  cursor: pointer; }

[e-87ej64].link.pl {
  color: #697cff; }
  [e-87ej64].link.pl:hover {
    color: #3d5afe; }

[e-87ej64].sl {
  color: #8a8a95; }
  [e-87ej64].sl:hover {
    color: #5c5c69; }

[e-87ej64].il {
  color: #8a8a95; }
  [e-87ej64].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[e-87ej64].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-87ej64].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-87ej64].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[e-87ej64].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[e-87ej64].__color-0 {
  color: #FF2E93; }

[e-87ej64].__color-1 {
  color: #E15C4A; }

[e-87ej64].__color-2 {
  color: #FD7E16; }

[e-87ej64].__color-3 {
  color: #F69627; }

[e-87ej64].__color-4 {
  color: #E12D63; }

[e-87ej64].__color-5 {
  color: #DE557E; }

[e-87ej64].__color-6 {
  color: #E14FDA; }

[e-87ej64].__color-7 {
  color: #BD328E; }

[e-87ej64].__color-8 {
  color: #348DE1; }

[e-87ej64].__color-9 {
  color: #9548E1; }

[e-87ej64].__color-10 {
  color: #3A5BF1; }

[e-87ej64].__color-11 {
  color: #5C6EE1; }

[e-87ej64].__color-12 {
  color: #00A9CE; }

[e-87ej64].__color-13 {
  color: #54B1A6; }

[e-87ej64].__color-14 {
  color: #319BDD; }

[e-87ej64].__color-15 {
  color: #3294BD; }

[e-87ej64].__bg-0 {
  background-color: #FF2E93; }

[e-87ej64].__bg-1 {
  background-color: #E15C4A; }

[e-87ej64].__bg-2 {
  background-color: #FD7E16; }

[e-87ej64].__bg-3 {
  background-color: #F69627; }

[e-87ej64].__bg-4 {
  background-color: #E12D63; }

[e-87ej64].__bg-5 {
  background-color: #DE557E; }

[e-87ej64].__bg-6 {
  background-color: #E14FDA; }

[e-87ej64].__bg-7 {
  background-color: #BD328E; }

[e-87ej64].__bg-8 {
  background-color: #348DE1; }

[e-87ej64].__bg-9 {
  background-color: #9548E1; }

[e-87ej64].__bg-10 {
  background-color: #3A5BF1; }

[e-87ej64].__bg-11 {
  background-color: #5C6EE1; }

[e-87ej64].__bg-12 {
  background-color: #00A9CE; }

[e-87ej64].__bg-13 {
  background-color: #54B1A6; }

[e-87ej64].__bg-14 {
  background-color: #319BDD; }

[e-87ej64].__bg-15 {
  background-color: #3294BD; }

[e-87ej64-host] {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

[e-87ej64-host][compact] {
  height: 132px; }
  [e-87ej64-host][compact] msg-call-avatar[e-87ej64] {
    display: none; }

[e-87ej64-host][anonymous] {
  height: 346px; }

[e-87ej64-host][show-link] {
  height: 420px; }

[e-87ej64].container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  [e-87ej64-host][anonymous] [e-87ej64].container {
    height: 320px; }

[e-87ej64].wrap {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center; }

footer[e-87ej64] {
  position: relative;
  z-index: 3;
  background: var(--c-btn-dark); }

msg-avatar[e-87ej64] {
  position: absolute;
  left: 0;
  top: -32px;
  right: 0;
  bottom: 0;
  opacity: .2;
  width: 100%;
  height: auto;
  border-radius: 0;
  pointer-events: none; }

[e-87ej64].icon {
  height: 96px;
  width: 96px;
  margin: 0 auto;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff; }

[e-87ej64].name {
  font-weight: 600;
  color: #f5f5f5;
  line-height: 20px;
  margin: 12px 0 0 16px;
  max-width: 232px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-87ej64].date {
  display: block;
  font-weight: 600;
  color: #f5f5f5;
  line-height: 20px;
  margin: 16px auto 4px;
  max-width: 232px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

msg-bubble[e-87ej64] {
  position: absolute;
  z-index: 2;
  left: 16px;
  bottom: 16px;
  cursor: pointer; }

menu[e-87ej64] {
  position: absolute;
  z-index: 3;
  margin: 0;
  top: 8px;
  right: 8px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }
  menu[e-87ej64] msg-button[e-87ej64] {
    color: #ddd; }
  menu[e-87ej64]:hover msg-button[e-87ej64] {
    color: #f5f5f5; }

msg-duration[e-87ej64] {
  color: #f5f5f5;
  line-height: 20px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin-left: 16px; }
  [e-87ej64-host]:not([compact]) msg-duration[e-87ej64] {
    position: absolute;
    z-index: 2;
    top: 16px;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center; }
  msg-duration[e-87ej64].__hide {
    opacity: 0; }
    [e-87ej64-host]:hover msg-duration[e-87ej64].__hide {
      opacity: 1; }

msg-call-controls[e-87ej64] {
  position: absolute;
  z-index: 2;
  left: 8px;
  right: 8px;
  bottom: 16px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

[e-87ej64].status {
  margin-top: 4px;
  line-height: 20px;
  color: #8a8a95; }
  [e-87ej64].status.__dialog {
    text-align: center;
    margin-top: -4px; }

[e-87ej64].local {
  position: absolute;
  z-index: 2;
  bottom: 8px;
  right: 8px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-clip: content-box;
  border-radius: 4px;
  pointer-events: none; }

menu[e-87ej64].__hide {
  -webkit-transform: translateY(-32px);
          transform: translateY(-32px); }
  [e-87ej64-host]:hover menu[e-87ej64].__hide {
    -webkit-transform: translateY(0);
            transform: translateY(0); }

msg-call-controls[e-87ej64].__hide {
  -webkit-transform: translateY(56px);
          transform: translateY(56px); }
  [e-87ej64-host]:hover msg-call-controls[e-87ej64].__hide {
    -webkit-transform: translateY(0);
            transform: translateY(0); }

[e-87ej64].join {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 0 16px;
  text-align: center;
  line-height: 20px;
  color: #8a8a95; }
  [e-87ej64].join msg-l10n[e-87ej64] {
    margin: 8px 0 0; }

[e-87ej64].permalink {
  padding: 8px;
  cursor: pointer; }
  [e-87ej64].permalink msg-tico[e-87ej64] {
    color: #f5f5f5; }

[e-87ej64].h4 {
  margin: 8px 4px 4px;
  cursor: default; }

[e-87ej64].descr {
  color: #8a8a95;
  display: block;
  line-height: 20px;
  white-space: normal;
  padding-bottom: 4px; }

[e-87ej64].toggler {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 4px 0 0;
  height: 20px;
  cursor: pointer; }
  [e-87ej64].toggler:hover msg-icon[e-87ej64] {
    color: #f5f5f5; }
/* Links
-------------------------------------------------- */
a[ea7sjly] {
  color: var(--c-link); }
  a[ea7sjly]:hover {
    color: var(--c-link-hover); }

a[ea7sjly],
[ea7sjly].link {
  text-decoration: none;
  cursor: pointer; }
  a[ea7sjly]:hover,
  [ea7sjly].link:hover {
    text-decoration: underline; }

[ea7sjly].pl,
[ea7sjly].sl,
[ea7sjly].il {
  cursor: pointer; }

[ea7sjly].link.pl {
  color: #697cff; }
  [ea7sjly].link.pl:hover {
    color: #3d5afe; }

[ea7sjly].sl {
  color: #8a8a95; }
  [ea7sjly].sl:hover {
    color: #5c5c69; }

[ea7sjly].il {
  color: #8a8a95; }
  [ea7sjly].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[ea7sjly].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[ea7sjly].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[ea7sjly].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[ea7sjly].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[ea7sjly].__color-0 {
  color: #FF2E93; }

[ea7sjly].__color-1 {
  color: #E15C4A; }

[ea7sjly].__color-2 {
  color: #FD7E16; }

[ea7sjly].__color-3 {
  color: #F69627; }

[ea7sjly].__color-4 {
  color: #E12D63; }

[ea7sjly].__color-5 {
  color: #DE557E; }

[ea7sjly].__color-6 {
  color: #E14FDA; }

[ea7sjly].__color-7 {
  color: #BD328E; }

[ea7sjly].__color-8 {
  color: #348DE1; }

[ea7sjly].__color-9 {
  color: #9548E1; }

[ea7sjly].__color-10 {
  color: #3A5BF1; }

[ea7sjly].__color-11 {
  color: #5C6EE1; }

[ea7sjly].__color-12 {
  color: #00A9CE; }

[ea7sjly].__color-13 {
  color: #54B1A6; }

[ea7sjly].__color-14 {
  color: #319BDD; }

[ea7sjly].__color-15 {
  color: #3294BD; }

[ea7sjly].__bg-0 {
  background-color: #FF2E93; }

[ea7sjly].__bg-1 {
  background-color: #E15C4A; }

[ea7sjly].__bg-2 {
  background-color: #FD7E16; }

[ea7sjly].__bg-3 {
  background-color: #F69627; }

[ea7sjly].__bg-4 {
  background-color: #E12D63; }

[ea7sjly].__bg-5 {
  background-color: #DE557E; }

[ea7sjly].__bg-6 {
  background-color: #E14FDA; }

[ea7sjly].__bg-7 {
  background-color: #BD328E; }

[ea7sjly].__bg-8 {
  background-color: #348DE1; }

[ea7sjly].__bg-9 {
  background-color: #9548E1; }

[ea7sjly].__bg-10 {
  background-color: #3A5BF1; }

[ea7sjly].__bg-11 {
  background-color: #5C6EE1; }

[ea7sjly].__bg-12 {
  background-color: #00A9CE; }

[ea7sjly].__bg-13 {
  background-color: #54B1A6; }

[ea7sjly].__bg-14 {
  background-color: #319BDD; }

[ea7sjly].__bg-15 {
  background-color: #3294BD; }

[ea7sjly-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

[ea7sjly].image {
  height: 96px;
  width: 96px;
  position: relative; }

[ea7sjly].name {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #f5f5f5;
  padding: 0 16px;
  margin-top: 24px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[ea7sjly].icon {
  position: relative;
  height: 96px;
  width: 96px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff; }
  [ea7sjly].icon msg-icon[ea7sjly] {
    height: 32px;
    width: 32px; }
[e-wajrsp-host][size=large] [e-wajrsp].color {
  width: 48px;
  height: 48px; }
  [e-wajrsp-host][size=large] [e-wajrsp].color.__1 {
    top: 4px;
    left: 4px; }
  [e-wajrsp-host][size=large] [e-wajrsp].color.__2 {
    top: 4px;
    left: -4px; }
  [e-wajrsp-host][size=large] [e-wajrsp].color.__3 {
    top: -4px;
    left: 4px; }
  [e-wajrsp-host][size=large] [e-wajrsp].color.__4 {
    top: -4px;
    left: -4px; }

[e-wajrsp].color {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 96px;
  width: 96px;
  border-radius: 50%;
  opacity: .5;
  -webkit-animation: rotate-e-wajrsp 2s linear infinite;
          animation: rotate-e-wajrsp 2s linear infinite; }
  [e-wajrsp].color.__1 {
    top: 8px;
    left: 8px;
    background: #ffe8a7;
    -webkit-transform-origin: 52% 52%;
            transform-origin: 52% 52%; }
  [e-wajrsp].color.__2 {
    top: 8px;
    left: -8px;
    background: #ff7d73;
    -webkit-transform-origin: 48% 52%;
            transform-origin: 48% 52%; }
  [e-wajrsp].color.__3 {
    top: -8px;
    left: 8px;
    background: #20cef5;
    -webkit-transform-origin: 52% 48%;
            transform-origin: 52% 48%; }
  [e-wajrsp].color.__4 {
    top: -8px;
    left: -8px;
    background: #697cff;
    -webkit-transform-origin: 48% 48%;
            transform-origin: 48% 48%; }

@-webkit-keyframes rotate-e-wajrsp {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate-e-wajrsp {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
/* Links
-------------------------------------------------- */
a[etfl8or] {
  color: var(--c-link); }
  a[etfl8or]:hover {
    color: var(--c-link-hover); }

a[etfl8or],
[etfl8or].link {
  text-decoration: none;
  cursor: pointer; }
  a[etfl8or]:hover,
  [etfl8or].link:hover {
    text-decoration: underline; }

[etfl8or].pl,
[etfl8or].sl,
[etfl8or].il {
  cursor: pointer; }

[etfl8or].link.pl {
  color: #697cff; }
  [etfl8or].link.pl:hover {
    color: #3d5afe; }

[etfl8or].sl {
  color: #8a8a95; }
  [etfl8or].sl:hover {
    color: #5c5c69; }

[etfl8or].il {
  color: #8a8a95; }
  [etfl8or].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[etfl8or].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[etfl8or].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[etfl8or].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[etfl8or].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[etfl8or-host] {
  display: inline-block;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

msg-button[etfl8or] {
  margin: 0 4px; }
  msg-button[etfl8or].__active {
    background: #ccc;
    color: #334; }
    msg-button[etfl8or].__active:hover {
      background: #ebebeb; }
  msg-button[etfl8or][role=primary].accept {
    background: #247906; }
    msg-button[etfl8or][role=primary].accept:hover {
      background: #33a909; }
  msg-button[etfl8or][role=primary].decline {
    background: #ff2423; }
    msg-button[etfl8or][role=primary].decline:hover {
      background: #ff5756; }
  [etfl8or-host][size=large] msg-button[etfl8or] {
    margin: 0 8px; }

[etfl8or].mic {
  height: 24px;
  width: 24px; }
/* Links
-------------------------------------------------- */
a[e-cib15m] {
  color: var(--c-link); }
  a[e-cib15m]:hover {
    color: var(--c-link-hover); }

a[e-cib15m],
[e-cib15m].link {
  text-decoration: none;
  cursor: pointer; }
  a[e-cib15m]:hover,
  [e-cib15m].link:hover {
    text-decoration: underline; }

[e-cib15m].pl,
[e-cib15m].sl,
[e-cib15m].il {
  cursor: pointer; }

[e-cib15m].link.pl {
  color: #697cff; }
  [e-cib15m].link.pl:hover {
    color: #3d5afe; }

[e-cib15m].sl {
  color: #8a8a95; }
  [e-cib15m].sl:hover {
    color: #5c5c69; }

[e-cib15m].il {
  color: #8a8a95; }
  [e-cib15m].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[e-cib15m].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-cib15m].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-cib15m].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[e-cib15m].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[e-cib15m-host] {
  display: block;
  position: relative;
  width: 320px;
  color: #f5f5f5; }
  [e-cib15m-host][size=medium] {
    min-width: 140px;
    width: 140px; }
  [e-cib15m-host][size=small] {
    min-width: 64px;
    width: 64px; }
  [e-cib15m-host]:after {
    content: '';
    display: block;
    padding-bottom: 100%; }

[e-cib15m].wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  border-radius: 4px;
  -webkit-transition: border-color 0.3s 1s;
  transition: border-color 0.3s 1s; }
  [e-cib15m-host]:not(.float):not([size=main]) [e-cib15m].wrap.__active {
    border-color: #697cff;
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  [e-cib15m].wrap msg-button[e-cib15m] {
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 2;
    opacity: .7;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s; }
    [e-cib15m].wrap msg-button[e-cib15m]:hover {
      opacity: 1; }
  [e-cib15m].wrap.__video:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 1;
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.15)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 30%, black 100%);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  [e-cib15m].wrap.__video:hover:before {
    opacity: .4; }
  [e-cib15m-host][size=small] [e-cib15m].wrap.__video:before {
    background: #000; }
  [e-cib15m-host][size=main] [e-cib15m].wrap.__video:before {
    height: 20%; }
  [e-cib15m-host][size=small] [e-cib15m].wrap.__video:before,[e-cib15m-host][in-dialog] [e-cib15m].wrap.__video:before {
    content: none; }
  [e-cib15m].wrap.__video msg-avatar[e-cib15m] {
    visibility: hidden; }
  [e-cib15m].wrap.__video [e-cib15m].info {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
    [e-cib15m].wrap.__video .info msg-name[e-cib15m] {
      opacity: 0; }
  [e-cib15m].wrap.__video:hover .info msg-name[e-cib15m] {
    opacity: 1; }

video[e-cib15m] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }
  [e-cib15m-host][screen] video[e-cib15m] {
    -o-object-fit: contain;
       object-fit: contain; }
  video[e-cib15m].__mirror {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }

[e-cib15m].info {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 20px 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-clip: content-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [e-cib15m-host][video]:not([size=medium]) [e-cib15m].info {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [e-cib15m-host][size=medium] [e-cib15m].info,[e-cib15m-host][size=small] [e-cib15m].info {
    padding: 28px 8px 2px; }

msg-name[e-cib15m] {
  margin: 16px 0 0;
  line-height: 20px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
  [e-cib15m-host][size=medium] msg-name[e-cib15m] {
    margin: 4px 0 0; }
  msg-name[e-cib15m].__hidden {
    visibility: hidden; }

[e-cib15m].status {
  height: 16px;
  text-align: center;
  color: #8a8a95;
  line-height: 16px;
  padding: 8px; }
  [e-cib15m-host][size=medium] [e-cib15m].status,[e-cib15m-host][size=small] [e-cib15m].status {
    padding: 4px; }
  [e-cib15m].status msg-icon[e-cib15m] {
    vertical-align: bottom;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3));
            filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
  [e-cib15m].status.__video {
    color: #f5f5f5;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }

[e-cib15m].float {
  position: absolute;
  z-index: 2;
  bottom: 8px;
  padding: 8px;
  background: rgba(34, 34, 51, 0.5);
  border-radius: 8px;
  color: #f5f5f5;
  line-height: 16px;
  -webkit-transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background 0.3s;
  transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s; }
  [e-cib15m].float msg-icon[e-cib15m] {
    vertical-align: bottom; }
  [e-cib15m-host][size=medium] [e-cib15m].float {
    bottom: 4px;
    padding: 4px; }

[e-cib15m-host][size=main] {
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [e-cib15m-host][size=main]:after {
    content: none; }
  [e-cib15m-host][size=main] [e-cib15m].info {
    padding-bottom: 24px; }
  [e-cib15m-host][size=main] [e-cib15m].wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    border-width: 0;
    height: 100%; }
    [e-cib15m-host][size=main] [e-cib15m].wrap.__video {
      max-width: 100%;
      width: auto; }
  [e-cib15m-host][size=main] video[e-cib15m] {
    width: auto; }
  [e-cib15m-host][size=main][screen] [e-cib15m].wrap.__video,[e-cib15m-host][size=main][screen] video[e-cib15m] {
    width: 100%; }
/* Links
-------------------------------------------------- */
a[et401zk] {
  color: var(--c-link); }
  a[et401zk]:hover {
    color: var(--c-link-hover); }

a[et401zk],
[et401zk].link {
  text-decoration: none;
  cursor: pointer; }
  a[et401zk]:hover,
  [et401zk].link:hover {
    text-decoration: underline; }

[et401zk].pl,
[et401zk].sl,
[et401zk].il {
  cursor: pointer; }

[et401zk].link.pl {
  color: #697cff; }
  [et401zk].link.pl:hover {
    color: #3d5afe; }

[et401zk].sl {
  color: #8a8a95; }
  [et401zk].sl:hover {
    color: #5c5c69; }

[et401zk].il {
  color: #8a8a95; }
  [et401zk].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[et401zk].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[et401zk].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[et401zk].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[et401zk].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[et401zk].__color-0 {
  color: #FF2E93; }

[et401zk].__color-1 {
  color: #E15C4A; }

[et401zk].__color-2 {
  color: #FD7E16; }

[et401zk].__color-3 {
  color: #F69627; }

[et401zk].__color-4 {
  color: #E12D63; }

[et401zk].__color-5 {
  color: #DE557E; }

[et401zk].__color-6 {
  color: #E14FDA; }

[et401zk].__color-7 {
  color: #BD328E; }

[et401zk].__color-8 {
  color: #348DE1; }

[et401zk].__color-9 {
  color: #9548E1; }

[et401zk].__color-10 {
  color: #3A5BF1; }

[et401zk].__color-11 {
  color: #5C6EE1; }

[et401zk].__color-12 {
  color: #00A9CE; }

[et401zk].__color-13 {
  color: #54B1A6; }

[et401zk].__color-14 {
  color: #319BDD; }

[et401zk].__color-15 {
  color: #3294BD; }

[et401zk].__bg-0 {
  background-color: #FF2E93; }

[et401zk].__bg-1 {
  background-color: #E15C4A; }

[et401zk].__bg-2 {
  background-color: #FD7E16; }

[et401zk].__bg-3 {
  background-color: #F69627; }

[et401zk].__bg-4 {
  background-color: #E12D63; }

[et401zk].__bg-5 {
  background-color: #DE557E; }

[et401zk].__bg-6 {
  background-color: #E14FDA; }

[et401zk].__bg-7 {
  background-color: #BD328E; }

[et401zk].__bg-8 {
  background-color: #348DE1; }

[et401zk].__bg-9 {
  background-color: #9548E1; }

[et401zk].__bg-10 {
  background-color: #3A5BF1; }

[et401zk].__bg-11 {
  background-color: #5C6EE1; }

[et401zk].__bg-12 {
  background-color: #00A9CE; }

[et401zk].__bg-13 {
  background-color: #54B1A6; }

[et401zk].__bg-14 {
  background-color: #319BDD; }

[et401zk].__bg-15 {
  background-color: #3294BD; }

[et401zk-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 1;
  background: var(--c-overlay-dark);
  min-height: 400px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  pointer-events: auto;
  color: #f5f5f5;
  width: 100%;
  overflow: hidden; }

[et401zk].toolbar {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px; }
  [et401zk].toolbar msg-button[et401zk] {
    margin-left: 8px;
    opacity: .7;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s; }
    [et401zk].toolbar msg-button[et401zk]:hover {
      opacity: 1; }

msg-progress[et401zk] {
  color: #fff;
  margin-top: 4px; }

main[et401zk] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  height: 660px;
  max-height: 100%;
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  scrollbar-face-color: #fff;
  scrollbar-arrow-color: #ccc;
  scrollbar-track-color: #ddd;
  scrollbar-shadow-color: #ddd;
  scrollbar-highlight-color: #ddd;
  scrollbar-3dlight-color: #ddd;
  scrollbar-darkshadow-Color: #ddd;
  overflow-y: auto; }
  main[et401zk]::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: var(--c-scrollbar); }
  main[et401zk]::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  main[et401zk]::-webkit-scrollbar-thumb {
    min-height: 40px;
    border-radius: 0;
    background-color: var(--c-scrollbar-thumb);
    border-radius: 1px;
    border: 0;
    background-clip: padding-box; }
  main[et401zk]::-webkit-scrollbar-thumb:hover {
    background-color: var(--c-scrollbar-thumb-hover); }
  main[et401zk].__empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  main[et401zk].carousel {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0; }
    main[et401zk].carousel:not(.__empty) {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }

[et401zk].main {
  position: relative;
  height: calc(100vh - 240px);
  padding: 8px 8px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: height 0.15s, padding 0.15s;
  transition: height 0.15s, padding 0.15s;
  width: 100%; }
  [et401zk].main.__expanded {
    height: calc(100vh - 68px);
    padding: 0; }

footer[et401zk] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 68px;
  min-height: 68px;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--c-bg-dark);
  border-top: 1px solid var(--c-overlay-dark);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[et401zk].permalink {
  padding-left: 4px; }
  [et401zk].permalink span[et401zk] {
    display: inline-block;
    vertical-align: middle;
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  [et401zk].permalink msg-button[et401zk] {
    vertical-align: middle; }

[et401zk].icon {
  position: relative;
  height: 48px;
  width: 48px;
  float: left;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff; }

msg-call-avatar[et401zk] {
  overflow: hidden;
  padding: 20px; }

msg-chat-item-container[et401zk] {
  color: #8a8a95;
  cursor: pointer; }

[et401zk].grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%; }

msg-call-participant[et401zk]:not([in-dialog]) {
  cursor: pointer; }

[et401zk].grid msg-call-participant[et401zk] {
  min-width: 192px; }

msg-call-participant[et401zk].__locked {
  cursor: default; }

msg-call-add-participants[et401zk],
msg-call-share-link[et401zk] {
  position: absolute;
  width: 340px;
  height: 70%;
  background: var(--c-bg);
  border-radius: 4px;
  bottom: 80px;
  right: 40px;
  min-height: 300px;
  max-width: 590px;
  text-align: left;
  z-index: 3;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow); }

[et401zk].selected {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0; }

[et401zk].float {
  position: absolute;
  z-index: 2;
  bottom: 72px;
  right: 4px;
  cursor: default; }

[et401zk].wrap {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[et401zk].previews {
  white-space: nowrap;
  padding: 0 0 4px;
  overflow-x: auto;
  max-width: 100%;
  height: 160px;
  min-height: 160px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  scrollbar-face-color: #fff;
  scrollbar-arrow-color: #ccc;
  scrollbar-track-color: #ddd;
  scrollbar-shadow-color: #ddd;
  scrollbar-highlight-color: #ddd;
  scrollbar-3dlight-color: #ddd;
  scrollbar-darkshadow-Color: #ddd; }
  [et401zk].previews msg-call-participant[et401zk] {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 2px; }
  [et401zk].previews::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: var(--c-scrollbar); }
  [et401zk].previews::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  [et401zk].previews::-webkit-scrollbar-thumb {
    min-height: 40px;
    border-radius: 0;
    background-color: var(--c-scrollbar-thumb);
    border-radius: 1px;
    border: 0;
    background-clip: padding-box; }
  [et401zk].previews::-webkit-scrollbar-thumb:hover {
    background-color: var(--c-scrollbar-thumb-hover); }

[et401zk].collapse {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -16px;
  color: #fff; }

[et401zk].info {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  text-align: left;
  overflow: hidden;
  line-height: 20px;
  cursor: pointer; }

msg-name[et401zk] {
  line-height: 24px; }

msg-chat-image[et401zk] {
  float: left; }

[et401zk].title {
  margin-left: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
  height: 24px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

msg-chat-notification-bubble[et401zk] {
  display: block;
  margin-left: 4px; }

[et401zk].data {
  margin-left: 60px;
  color: #8a8a95;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[et401zk].participants {
  display: inline-block; }
  [et401zk].participants:before {
    content: '';
    height: 12px;
    border-left: 1px solid #5c5c69;
    margin: 0 8px;
    display: inline-block;
    vertical-align: -2px; }

msg-call-controls[et401zk] {
  padding: 0 16px; }

[et401zk].call-buttons {
  display: inline-block; }

[et401zk].call-controls {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  text-align: right; }
  [et401zk].call-controls msg-button[et401zk] {
    margin-left: 8px; }

[et401zk].call-menu {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  text-align: right;
  display: none; }

msg-menu[et401zk] {
  text-align: left; }

msg-menu-item[et401zk] {
  cursor: pointer; }

msg-button[et401zk].__unread:before {
  content: '';
  position: absolute;
  top: 8px;
  right: 8px;
  height: 6px;
  width: 6px;
  background: #33a909;
  border: 1px solid #223;
  border-radius: 50%;
  -webkit-transition: border-color 0.15s;
  transition: border-color 0.15s; }

msg-button[et401zk].__unread:hover:before {
  border-color: var(--c-btn-active); }

[et401zk].h4 {
  margin: 8px 4px 4px;
  cursor: default; }

[et401zk].delimiter {
  padding-top: 12px;
  border-top: 1px solid var(--c-delimiter); }
[et401zk-host] msg-call-participant .wrap {
  background-color: var(--c-bg-dark);
  background-clip: content-box;
  border: 2px solid transparent; }
[et401zk-host] .main.__expanded msg-call-participant .wrap {
  border-radius: 0; }
[et401zk-host] .collapse:hover ~ msg-call-participant .wrap.__video:before {
  opacity: .6; }
[et401zk-host] .collapse:hover ~ msg-call-participant .wrap.__video .info msg-name {
  opacity: 1; }
[et401zk-host] .collapse:hover ~ msg-call-participant .status.__video {
  background: transparent; }

@media (max-width: 620px) {
  [et401zk].call-menu {
    display: inline-block; }
  [et401zk].call-buttons {
    display: none; } }

@-webkit-keyframes hide-preview-et401zk {
  to {
    height: 0;
    min-height: 0;
    opacity: 0; } }

@keyframes hide-preview-et401zk {
  to {
    height: 0;
    min-height: 0;
    opacity: 0; } }

.is-mobile [et401zk-host] msg-call-controls[et401zk] {
  padding-right: 0; }

.is-mobile [et401zk-host] [et401zk].participants {
  display: inline; }

[e-y3lbyp-host] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

msg-toolbar[e-y3lbyp] {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    text-align: center;
}

msg-chat-add-participants[e-y3lbyp] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    position: relative;
    z-index: 1;
}
/*# sourceMappingURL=msg-call-add-participants.css.map *//* Main
-------------------------------------------------- */
[e-n4q5aj-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

/* /Main */
msg-chat-picker[e-n4q5aj] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  border-bottom: 1px solid var(--c-delimiter); }

/* Footer
-------------------------------------------------- */
footer[e-n4q5aj] {
  padding-bottom: 8px;
  text-align: center; }

[ref-comment-e-n4q5aj] {
  display: block;
  position: relative;
  padding: 12px;
  margin-bottom: 8px;
  max-height: 80px;
  overflow-y: auto;
  color: var(--c-text);
  line-height: 1.5;
  min-height: 1.5em;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid var(--c-delimiter);
  text-align: left; }

msg-button[e-n4q5aj] + msg-button[e-n4q5aj] {
  margin-left: 8px; }

[e-n4q5aj].counter {
  position: absolute;
  right: 8px;
  bottom: 33px;
  color: var(--c-text); }
  [e-n4q5aj].counter.__error {
    color: #ff5756; }

/* /Footer */
/* Links
-------------------------------------------------- */
a[eso054c] {
  color: var(--c-link); }
  a[eso054c]:hover {
    color: var(--c-link-hover); }

a[eso054c],
[eso054c].link {
  text-decoration: none;
  cursor: pointer; }
  a[eso054c]:hover,
  [eso054c].link:hover {
    text-decoration: underline; }

[eso054c].pl,
[eso054c].sl,
[eso054c].il {
  cursor: pointer; }

[eso054c].link.pl {
  color: #697cff; }
  [eso054c].link.pl:hover {
    color: #3d5afe; }

[eso054c].sl {
  color: #8a8a95; }
  [eso054c].sl:hover {
    color: #5c5c69; }

[eso054c].il {
  color: #8a8a95; }
  [eso054c].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[eso054c].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[eso054c].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[eso054c].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[eso054c].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[eso054c-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  padding: 28px 20px 20px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  color: #f5f5f5; }
  [eso054c-host][expanded] {
    height: 576px; }

[eso054c].header {
  display: block;
  font-weight: 600;
  line-height: 16px;
  padding: 20px 0;
  color: #f5f5f5;
  text-align: center; }
  [eso054c-host][expanded] [eso054c].header {
    padding: 24px 0; }

[eso054c].subheader {
  display: block;
  line-height: 20px;
  color: #f5f5f5; }

[eso054c].rating {
  padding: 20px 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }
  [eso054c-host][expanded] [eso054c].rating {
    padding-bottom: 12px; }

[eso054c].problems {
  text-align: left;
  overflow: hidden; }
  [eso054c].problems [eso054c].header {
    border-top: 1px solid #5c5c69;
    margin-top: 24px; }

[eso054c].problem {
  line-height: 20px;
  color: #ccc;
  padding: 2px 0; }

msg-icon[eso054c][icon=tt-logo] {
  height: 32px;
  width: 32px;
  margin: 0 8px;
  color: #8a8a95;
  cursor: pointer; }
  msg-icon[eso054c][icon=tt-logo]:hover,
  msg-icon[eso054c][icon=tt-logo]:hover ~ msg-icon[eso054c][icon=tt-logo], msg-icon[eso054c][icon=tt-logo].__checked,
  msg-icon[eso054c][icon=tt-logo].__checked ~ msg-icon[eso054c][icon=tt-logo] {
    color: #f5f5f5; }

[eso054c].buttons {
  margin-top: 20px; }
  [eso054c].buttons msg-button[eso054c] {
    margin: 0 4px; }
[e1446b5-host] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 68px 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  height: 320px; }

msg-user-card[e1446b5] {
  margin: 0 auto 24px; }

msg-l10n[e1446b5] {
  display: block;
  margin: 4px 0 16px;
  line-height: 20px;
  color: #8a8a95;
  font-size: 14px;
  text-align: center; }

msg-call-controls[e1446b5] {
  margin-top: auto; }

[e1446b5].header {
  display: block;
  font-weight: 600;
  line-height: 16px;
  padding: 8px 0 0;
  color: #ff5756;
  text-align: center; }
  [e1446b5-host][expanded] [e1446b5].header {
    padding: 24px 0; }

[e1446b5].type {
  padding: 0 24px; }
[eafbn8a-host] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  min-height: 256px;
  height: auto; }

[eafbn8a].preset-controls {
  position: absolute;
  z-index: 3;
  margin: 0;
  top: 8px;
  right: 8px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }
  [eafbn8a].preset-controls msg-button[eafbn8a] {
    cursor: pointer;
    color: #ddd; }
  [eafbn8a].preset-controls:hover msg-button[eafbn8a] {
    color: #f5f5f5; }
  [eafbn8a].preset-controls msg-button[eafbn8a].settings {
    background-color: var(--c-bg-dark); }
    [eafbn8a].preset-controls msg-button[eafbn8a].settings:hover {
      background-color: var(--c-bg-dark); }
    [eafbn8a].preset-controls msg-button[eafbn8a].settings.__active {
      background-color: var(--c-btn-dark-active); }

msg-name[eafbn8a] {
  padding: 40px 16px 0;
  color: #fff;
  font-weight: 600;
  line-height: 20px; }

[eafbn8a].call-meta {
  color: var(--c-text-sub);
  line-height: 20px; }

[eafbn8a].scroller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 32px 4px 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  scrollbar-face-color: #fff;
  scrollbar-arrow-color: #ccc;
  scrollbar-track-color: #ddd;
  scrollbar-shadow-color: #ddd;
  scrollbar-highlight-color: #ddd;
  scrollbar-3dlight-color: #ddd;
  scrollbar-darkshadow-Color: #ddd; }
  [eafbn8a].scroller::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: var(--c-scrollbar); }
  [eafbn8a].scroller::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  [eafbn8a].scroller::-webkit-scrollbar-thumb {
    min-height: 40px;
    border-radius: 0;
    background-color: var(--c-scrollbar-thumb);
    border-radius: 1px;
    border: 0;
    background-clip: padding-box; }
  [eafbn8a].scroller::-webkit-scrollbar-thumb:hover {
    background-color: var(--c-scrollbar-thumb-hover); }
  [eafbn8a].scroller.__center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [eafbn8a].scroller [eafbn8a].name {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f5f5f5; }

msg-user-card[eafbn8a]:not(:last-child) {
  margin: 0 6px; }

msg-tooltip[eafbn8a] {
  margin: 0 6px 8px; }

msg-progress[eafbn8a] {
  margin: 23px 0; }

msg-user-card-full[eafbn8a],
msg-chat-image[eafbn8a] {
  padding: 0 16px;
  margin: 0;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  color: var(--c-text-sub);
  text-align: center; }

msg-call-animation[eafbn8a] {
  z-index: -1;
  width: 48px;
  height: 48px;
  position: absolute; }

msg-device-settings[eafbn8a] {
  background-color: #272738;
  margin-top: 12px;
  width: 100%;
  overflow-y: scroll;
  max-height: 240px;
  scrollbar-face-color: #fff;
  scrollbar-arrow-color: #ccc;
  scrollbar-track-color: #ddd;
  scrollbar-shadow-color: #ddd;
  scrollbar-highlight-color: #ddd;
  scrollbar-3dlight-color: #ddd;
  scrollbar-darkshadow-Color: #ddd; }
  msg-device-settings[eafbn8a]::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: var(--c-scrollbar); }
  msg-device-settings[eafbn8a]::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  msg-device-settings[eafbn8a]::-webkit-scrollbar-thumb {
    min-height: 40px;
    border-radius: 0;
    background-color: var(--c-scrollbar-thumb);
    border-radius: 1px;
    border: 0;
    background-clip: padding-box; }
  msg-device-settings[eafbn8a]::-webkit-scrollbar-thumb:hover {
    background-color: var(--c-scrollbar-thumb-hover); }

[eafbn8a].footer {
  width: 100%;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center; }

[eafbn8a].controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  [eafbn8a].controls msg-checkbox[eafbn8a] {
    display: block;
    margin: 0 16px;
    text-align: left; }

[eafbn8a].submit[role=primary] {
  display: inline-block;
  margin-top: 16px; }

[eafbn8a].decline[role=secondary] {
  color: #fff;
  margin-left: 8px;
  background: #ff2423; }
  [eafbn8a].decline[role=secondary]:hover {
    color: #fff;
    background: #ff5756; }

[eafbn8a].message {
  border-top: 1px solid #5c5c69;
  margin: 8px 0;
  text-align: center; }
  [eafbn8a].message [eafbn8a].title {
    margin: 8px 0;
    color: #5c5c69; }
  [eafbn8a].message [eafbn8a].answer {
    display: inline-block;
    background: #5c5c69;
    padding: 8px 12px;
    margin: 0 4px 8px;
    border-radius: 16px;
    color: #f5f5f5;
    cursor: pointer; }
    [eafbn8a].message [eafbn8a].answer:hover {
      background: #75757c; }

[eafbn8a-host] msg-user-card-full msg-user-card {
  margin-bottom: 16px;
  margin-right: 0; }

[eafbn8a-host] msg-user-card-full slot[name=name] {
  font-weight: 600;
  color: #fff; }

[eafbn8a-host] msg-user-card-full slot[name=meta] {
  text-align: center; }

[eafbn8a-host] msg-menu-item {
  color: #fff; }

[eafbn8a-host] msg-menu-item:hover {
  color: #fff; }

[eafbn8a-host] msg-menu-item msg-radio slot {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 264px; }

[eafbn8a-host] msg-menu-item:first-of-type msg-radio slot {
  width: 190px; }

@-webkit-keyframes expand-eafbn8a {
  0% {
    max-height: 0; }
  100% {
    max-height: 240px; } }

@keyframes expand-eafbn8a {
  0% {
    max-height: 0; }
  100% {
    max-height: 240px; } }

@-webkit-keyframes collapse-eafbn8a {
  0% {
    max-height: 240px; }
  100% {
    max-height: 0; } }

@keyframes collapse-eafbn8a {
  0% {
    max-height: 240px; }
  100% {
    max-height: 0; } }
/* Links
-------------------------------------------------- */
a[e-jg3oc9] {
  color: var(--c-link); }
  a[e-jg3oc9]:hover {
    color: var(--c-link-hover); }

a[e-jg3oc9],
[e-jg3oc9].link {
  text-decoration: none;
  cursor: pointer; }
  a[e-jg3oc9]:hover,
  [e-jg3oc9].link:hover {
    text-decoration: underline; }

[e-jg3oc9].pl,
[e-jg3oc9].sl,
[e-jg3oc9].il {
  cursor: pointer; }

[e-jg3oc9].link.pl {
  color: #697cff; }
  [e-jg3oc9].link.pl:hover {
    color: #3d5afe; }

[e-jg3oc9].sl {
  color: #8a8a95; }
  [e-jg3oc9].sl:hover {
    color: #5c5c69; }

[e-jg3oc9].il {
  color: #8a8a95; }
  [e-jg3oc9].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[e-jg3oc9].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-jg3oc9].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-jg3oc9].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[e-jg3oc9].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[e-jg3oc9-host] {
  position: relative; }

msg-webcam-view[e-jg3oc9] {
  display: block;
  max-height: 290px;
  overflow: hidden; }
  msg-webcam-view[e-jg3oc9].__compact {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 64px; }

msg-menu[e-jg3oc9] {
  padding: 4px 16px 16px; }

msg-menu-item[e-jg3oc9] {
  padding: 4px 0; }

msg-radio[e-jg3oc9] {
  display: inline-block;
  cursor: pointer; }

[e-jg3oc9].h4 {
  display: block;
  margin: 16px 0 8px;
  cursor: default; }

[e-jg3oc9].peak {
  width: 2em;
  height: 1em;
  background: repeating-linear-gradient(0deg, black, black 0.1em, blue 0.2em, blue 1em); }

[e-jg3oc9].level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  [e-jg3oc9].level [e-jg3oc9].h4 {
    margin: 8px 0; }

[e-jg3oc9].level {
  margin: 16px 0 0;
  height: 32px; }

[e-jg3oc9].test {
  margin-right: 4px; }

[e-jg3oc9].bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[e-jg3oc9].bar i[e-jg3oc9] {
  display: inline-block;
  vertical-align: bottom;
  height: 16px;
  width: 16px;
  border-radius: 4px;
  margin-left: 2px;
  background: var(--c-msg); }
  [e-jg3oc9].bar i[e-jg3oc9].__active {
    background: #697cff; }

[e-jg3oc9].progressbar {
  width: 64px;
  height: 6px;
  position: relative;
  border-radius: 10px;
  background: #3E3E4E; }

[e-jg3oc9].progressbar > span[e-jg3oc9] {
  display: block;
  height: 100%;
  background: #ddd;
  border-radius: 10px;
  position: relative;
  overflow: hidden; }
video[e9tmo28] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }
  video[e9tmo28].__hide {
    display: none; }
  video[e9tmo28].__mirror {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }

msg-l10n[e9tmo28].error {
  display: block;
  padding: 20px;
  color: #ff5756; }
msg-dialog[e8tkran] {
  --content-overflow: visible;
  width: 432px; }

[e8tkran].user {
  text-align: center; }

msg-avatar[e8tkran] {
  display: inline-block; }

msg-form-error[e8tkran][slot=footer] {
  position: absolute;
  top: 8px;
  padding: 0; }
  msg-form-error[e8tkran][slot=footer] msg-icon[e8tkran] {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle; }
[e-6fsxeh-host] {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

form[e-6fsxeh] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  max-width: 360px; }
  body.__landing [e-6fsxeh-host] form[e-6fsxeh] {
    max-width: 100%; }

slot[slotted][e-6fsxeh] > fieldset {
  border: 0;
  padding: 0;
  width: 100%; }

slot[e-6fsxeh]:not([name]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px; }

slot[e-6fsxeh][name="actions"],
slot[e-6fsxeh][name="footer"] {
  display: block; }

slot[e-6fsxeh][name="actions"] {
  margin-top: 20px;
  margin-bottom: 0; }

slot[e-6fsxeh][name="footer"] {
  line-height: 20px; }

input[e-6fsxeh][type="submit"] {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

[e-6fsxeh-host] .form-title {
  font-weight: 600;
  margin: 20px 0 16px; }

@media (max-width: 740px) {
  slot[slotted][e-6fsxeh] > fieldset {
    max-width: 100%; } }
[e-a3ood9-host] {
  display: block;
  font-size: 14px; }

msg-auth-provider[e-a3ood9] {
  height: inherit; }
  msg-auth-provider[e-a3ood9]:not([data-step="phone"]) [e-a3ood9].step-phone,
  msg-auth-provider[e-a3ood9]:not([data-step="verify"]) [e-a3ood9].step-verify {
    display: none; }

[e-a3ood9].step-phone {
  color: #334; }

msg-form-error[e-a3ood9] {
  width: 380px;
  margin: 12px 0 0;
  padding: 0;
  font-size: 14px;
  height: 20px; }

msg-phone[e-a3ood9] {
  display: block; }

[e-a3ood9].phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  width: 380px;
  font-size: 14px;
  border-bottom: 1px solid var(--c-delimiter); }
  .is-mobile [e-a3ood9-host] [e-a3ood9].phone {
    width: 100%; }

[e-a3ood9].sub,
[e-a3ood9].header {
  color: var(--c-text); }

slot[e-a3ood9][name=footer] {
  display: block;
  position: relative; }

[e-a3ood9-host] msg-auth-provider[data-step=verify] slot[name=actions] {
  margin-top: 28px; }

[e-a3ood9-host] slot:not([name]) {
  margin-bottom: 0; }
/* Links
-------------------------------------------------- */
a[ekncfrv] {
  color: var(--c-link); }
  a[ekncfrv]:hover {
    color: var(--c-link-hover); }

a[ekncfrv],
[ekncfrv].link {
  text-decoration: none;
  cursor: pointer; }
  a[ekncfrv]:hover,
  [ekncfrv].link:hover {
    text-decoration: underline; }

[ekncfrv].pl,
[ekncfrv].sl,
[ekncfrv].il {
  cursor: pointer; }

[ekncfrv].link.pl {
  color: #697cff; }
  [ekncfrv].link.pl:hover {
    color: #3d5afe; }

[ekncfrv].sl {
  color: #8a8a95; }
  [ekncfrv].sl:hover {
    color: #5c5c69; }

[ekncfrv].il {
  color: #8a8a95; }
  [ekncfrv].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[ekncfrv].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[ekncfrv].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[ekncfrv].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[ekncfrv].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[ekncfrv-host] {
  display: block;
  margin: 0 auto;
  text-align: center; }

msg-form-field[ekncfrv] {
  display: block;
  margin-left: auto;
  margin-right: auto; }

[ekncfrv].form-text-block {
  color: #5c5c69;
  font-size: 14px;
  line-height: 1.6;
  width: 300px;
  margin-left: auto;
  margin-right: auto; }
  [ekncfrv].form-text-block.__small {
    margin-bottom: 3vh;
    color: #8a8a95;
    line-height: 1; }

msg-button[ekncfrv] {
  margin: 16px 4px; }

msg-input[ekncfrv].__secondary {
  margin: 0;
  padding: 16px 0;
  border: 0 none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px; }

input[ekncfrv][type="text"] {
  border: 0 none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

msg-form-error[ekncfrv] {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: 0; }

[ekncfrv].link {
  color: #5c5c69; }
  [ekncfrv].link:hover {
    color: #334;
    text-decoration: none; }

msg-button[ekncfrv].back {
  position: absolute;
  top: 8px;
  left: 0;
  margin: 0; }

[ekncfrv-host] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0; }

[ekncfrv].form-text-block {
  margin: 12px 0 28px;
  width: auto;
  height: 20px;
  text-align: left; }
  [ekncfrv].form-text-block.__small {
    height: 20px;
    margin-bottom: 0;
    line-height: 16px; }

msg-l10n[ekncfrv] {
  display: inline-block;
  color: var(--c-text-sub); }
  msg-l10n[ekncfrv]:hover {
    color: var(--c-text); }
[ekncfrv-host] msg-form-field > .field-w .base-input {
  font-size: 14px;
  border-bottom: 1px solid var(--c-delimiter);
  padding: 16px 0;
  font-size: 14px;
  line-height: 16px; }
[ekncfrv-host] msg-form-field.__error > .field-w .base-input {
  border-color: var(--c-error); }
/* Links
-------------------------------------------------- */
a[eknb17h] {
  color: var(--c-link); }
  a[eknb17h]:hover {
    color: var(--c-link-hover); }

a[eknb17h],
[eknb17h].link {
  text-decoration: none;
  cursor: pointer; }
  a[eknb17h]:hover,
  [eknb17h].link:hover {
    text-decoration: underline; }

[eknb17h].pl,
[eknb17h].sl,
[eknb17h].il {
  cursor: pointer; }

[eknb17h].link.pl {
  color: #697cff; }
  [eknb17h].link.pl:hover {
    color: #3d5afe; }

[eknb17h].sl {
  color: #8a8a95; }
  [eknb17h].sl:hover {
    color: #5c5c69; }

[eknb17h].il {
  color: #8a8a95; }
  [eknb17h].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[eknb17h].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[eknb17h].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[eknb17h].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[eknb17h].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[eknb17h-host] {
  display: block;
  margin: 0 auto;
  text-align: center; }

msg-form-field[eknb17h] {
  display: block;
  margin-left: auto;
  margin-right: auto; }

[eknb17h].form-text-block {
  color: #5c5c69;
  font-size: 14px;
  line-height: 1.6;
  width: 300px;
  margin-left: auto;
  margin-right: auto; }
  [eknb17h].form-text-block.__small {
    margin-bottom: 3vh;
    color: #8a8a95;
    line-height: 1; }

msg-button[eknb17h] {
  margin: 16px 4px; }

msg-input[eknb17h].__secondary {
  margin: 0;
  padding: 16px 0;
  border: 0 none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px; }

input[eknb17h][type="text"] {
  border: 0 none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

msg-form-error[eknb17h] {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: 0; }

[eknb17h].link {
  color: #5c5c69; }
  [eknb17h].link:hover {
    color: #334;
    text-decoration: none; }

msg-button[eknb17h].back {
  position: absolute;
  top: 8px;
  left: 0;
  margin: 0; }

[eknb17h-host] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0; }

[eknb17h].form-text-block {
  margin-top: 12px;
  margin-bottom: 28px; }
  [eknb17h].form-text-block.__small {
    line-height: 1.4; }

msg-tico[eknb17h] {
  color: var(--c-text-sub); }
  msg-tico[eknb17h]:hover {
    color: var(--c-text); }

[eknb17h].base-input {
  font-size: 14px;
  border-bottom: 1px solid var(--c-delimiter);
  padding: 16px 0;
  font-size: 18px; }
[e-krl5iy-host] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%; }

[e-krl5iy].player {
  position: absolute;
  bottom: 16px;
  left: 16px;
  background-color: var(--c-bg-dark);
  -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
          box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
  pointer-events: auto;
  border-radius: 8px;
  height: 220px;
  width: 220px;
  overflow: hidden; }

[e-krl5iy].wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 220px;
  width: 220px;
  contain: layout;
  color: #fff; }

[e-krl5iy].bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 220px;
  opacity: .6;
  background-size: cover; }
  [e-krl5iy].bg::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); }

footer[e-krl5iy] {
  position: absolute;
  z-index: 1;
  left: 16px;
  right: 16px;
  bottom: 8px; }

msg-duration[e-krl5iy] {
  display: inline-block;
  min-width: 32px;
  text-align: center; }

[e-krl5iy].player-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  [e-krl5iy].player-controls msg-button[e-krl5iy] {
    color: #fff; }
  [e-krl5iy].player-controls [e-krl5iy].previous.__disabled, [e-krl5iy].player-controls [e-krl5iy].next.__disabled {
    -webkit-filter: opacity(0.5);
            filter: opacity(0.5);
    cursor: default; }
  [e-krl5iy].player-controls [e-krl5iy].previous, [e-krl5iy].player-controls [e-krl5iy].next, [e-krl5iy].player-controls [e-krl5iy].album-preview {
    display: inline-block; }
  [e-krl5iy].player-controls msg-progress[e-krl5iy] {
    margin: -12px;
    color: #fff; }

header[e-krl5iy] {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px;
  z-index: 1; }
  header[e-krl5iy] msg-button[e-krl5iy] {
    color: #fff;
    height: 24px;
    width: 24px;
    min-width: 24px;
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle; }

[e-krl5iy].info {
  position: absolute;
  top: 50%;
  left: 16px;
  right: 16px;
  margin-top: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  text-align: center;
  color: #fff; }
  [e-krl5iy].info [e-krl5iy].title, [e-krl5iy].info [e-krl5iy].subtitle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  [e-krl5iy].info [e-krl5iy].title {
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  [e-krl5iy].info [e-krl5iy].subtitle {
    line-height: 20px; }

[e-krl5iy].offset {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 6;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  padding: 8px 0;
  cursor: pointer; }

[e-krl5iy].audio-progress {
  height: 3px;
  border-radius: 1em;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.5); }

[e-krl5iy].audio-progress [e-krl5iy].bar {
  height: 100%;
  background-color: #fff; }

[e-krl5iy].draggable-point {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: -4px 0 0 -8px;
  z-index: 1;
  cursor: pointer; }
  [e-krl5iy].draggable-point [e-krl5iy].point {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12px;
    height: 12px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 100%; }

[e-krl5iy].tooltip {
  position: -webkit-sticky;
  position: sticky;
  font-size: 11px;
  width: 82px;
  height: 16px;
  background: #5c5c69;
  border-radius: 8px;
  margin-top: -24px;
  margin-bottom: 8px;
  color: #fff;
  line-height: 16px;
  text-align: center; }
  [e-krl5iy].tooltip [e-krl5iy].total {
    color: rgba(255, 255, 255, 0.5); }

msg-icon[e-krl5iy], [e-krl5iy].album-preview {
  cursor: pointer; }

[e-krl5iy].previous, [e-krl5iy].next {
  max-width: 0;
  -webkit-animation: slide-in-e-krl5iy .2s ease forwards;
          animation: slide-in-e-krl5iy .2s ease forwards;
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
  overflow: hidden;
  min-width: 32px; }

[e-krl5iy].fake {
  position: absolute;
  top: 8px;
  bottom: 28px;
  width: 30%; }
  [e-krl5iy].fake.__prev {
    left: 0; }
  [e-krl5iy].fake.__play {
    width: 40%;
    left: 30%; }
  [e-krl5iy].fake.__next {
    right: 0; }

@-webkit-keyframes slide-out-e-krl5iy {
  from {
    opacity: 1;
    max-width: 16px; }
  to {
    max-width: 0;
    opacity: 0; } }

@keyframes slide-out-e-krl5iy {
  from {
    opacity: 1;
    max-width: 16px; }
  to {
    max-width: 0;
    opacity: 0; } }

@-webkit-keyframes slide-in-e-krl5iy {
  from {
    max-width: 0;
    opacity: 0; }
  to {
    max-width: 16px;
    opacity: 1; } }

@keyframes slide-in-e-krl5iy {
  from {
    max-width: 0;
    opacity: 0; }
  to {
    max-width: 16px;
    opacity: 1; } }
[e-lhkob0-host] {
  display: block;
  width: 100%;
  height: 100%; }

[e-lhkob0-host].newAnimateIn [e-lhkob0].bg {
  -webkit-animation: msg-fade-in 0.35s ease-out forwards;
          animation: msg-fade-in 0.35s ease-out forwards; }

[e-lhkob0-host].newAnimateOut [e-lhkob0].bg {
  -webkit-animation: msg-fade-out 0.35s ease-out forwards;
          animation: msg-fade-out 0.35s ease-out forwards; }

[e-lhkob0].container, [e-lhkob0].bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

[e-lhkob0].bg {
  z-index: -1;
  background-color: var(--c-overlay-dark); }
[e-vev6o9-host] {
  display: block;
  width: 100%;
  height: 100%; }

msg-media-layer-content[e-vev6o9] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

[e-vev6o9-host] msg-parsed-text msg-emoji {
  --emoji-size: 16px !important;
  --emoji-align: -0.1em; }
[e-b2kfl0-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -webkit-transition: -webkit-clip-path 0.15s;
  transition: -webkit-clip-path 0.15s;
  transition: clip-path 0.15s;
  transition: clip-path 0.15s, -webkit-clip-path 0.15s; }

[e-b2kfl0].video-stub {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 20em;
  margin: 0 -10em;
  text-align: center;
  color: #ffffff; }

msg-video-player[e-b2kfl0] {
  margin: 0 64px; }

msg-photo-zoom[e-b2kfl0] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  will-change: transform; }

[e-b2kfl0].censored {
  opacity: 0; }

msg-img-censor[e-b2kfl0] {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%; }
[emg9stf-host] {
  display: block;
  overflow: hidden;
  position: relative; }
  [emg9stf-host].hidden_controls [emg9stf].controls {
    visibility: hidden; }

[emg9stf].hidden {
  visibility: hidden; }

[emg9stf].draggable {
  cursor: -webkit-grab;
  cursor: grab; }

[ref-image-emg9stf] {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  will-change: transform;
  -webkit-transition: border-radius var(--img-transition-time);
  transition: border-radius var(--img-transition-time);
  border-radius: var(--img-border-radius); }
  [ref-image-emg9stf].animated {
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }

footer[emg9stf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 2;
  bottom: 28px;
  left: 0; }

msg-progress[emg9stf] {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  margin: -24px;
  color: #fff; }

[emg9stf].controls {
  background: var(--c-bg-dark);
  border-radius: 30px;
  opacity: 0.5;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  color: #dddddd;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s; }
  [emg9stf].controls.invisible {
    opacity: 0; }
  [emg9stf].controls:hover {
    opacity: 1; }
  [emg9stf].controls msg-button[emg9stf] {
    width: 28px;
    height: 28px;
    margin: 2px;
    border-radius: 100%;
    text-align: center;
    line-height: 28px;
    padding: 0;
    color: inherit;
    text-indent: -100px;
    overflow: hidden; }
    [emg9stf].controls msg-button[emg9stf]:hover {
      background: var(--c-btn-dark-active); }
    [emg9stf].controls msg-button[emg9stf]::before {
      content: '';
      width: 12px;
      height: 2px;
      border-radius: 1px;
      background: currentColor;
      position: absolute;
      left: 8px;
      top: 13px; }
    [emg9stf].controls msg-button[emg9stf].zoom-in::after {
      content: '';
      width: 2px;
      height: 12px;
      border-radius: 1px;
      background: currentColor;
      position: absolute;
      top: 8px;
      left: 13px; }
  [emg9stf].controls [emg9stf].label {
    display: inline-block;
    min-width: 3.5em;
    text-align: center;
    cursor: pointer;
    border-radius: 28px;
    line-height: 28px; }
    [emg9stf].controls [emg9stf].label:hover {
      background: var(--c-btn-dark-active); }
[e-bi4wpj-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%; }

msg-media-layer.newAnimateIn [e-bi4wpj-host] footer[e-bi4wpj],msg-media-layer.newAnimateIn [e-bi4wpj-host] msg-button[e-bi4wpj] {
  -webkit-animation: msg-fade-in 0.3s ease-out forwards;
          animation: msg-fade-in 0.3s ease-out forwards; }

msg-media-layer.newAnimateOut [e-bi4wpj-host] footer[e-bi4wpj],msg-media-layer.newAnimateOut [e-bi4wpj-host] msg-button[e-bi4wpj] {
  -webkit-animation: msg-fade-out 0.3s ease-out forwards;
          animation: msg-fade-out 0.3s ease-out forwards; }

main[e-bi4wpj] {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative; }

footer[e-bi4wpj] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 977px;
  border-top: 1px solid #5c5c69;
  margin: 0 auto;
  padding: 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #a8a8a8; }
  footer[e-bi4wpj] [e-bi4wpj].description {
    font-size: 14px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  footer[e-bi4wpj] section[e-bi4wpj] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 60%; }
  footer[e-bi4wpj] aside[e-bi4wpj] {
    margin-left: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    white-space: nowrap; }

slot[e-bi4wpj][name="image"]:not(:empty) + [e-bi4wpj].description {
  margin-left: 8px; }

slot[e-bi4wpj][name="comment"]:not(:empty) {
  margin-top: 4px;
  display: block; }

h4[e-bi4wpj] {
  color: #ffffff;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  --c-link: #ffffff;
  --c-link-hover: #ffffff; }

msg-photo-zoom[e-bi4wpj] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

msg-button[e-bi4wpj].close {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  cursor: pointer;
  height: 64px;
  width: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }
  msg-button[e-bi4wpj].close:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.25); }
  msg-button[e-bi4wpj].close msg-icon[e-bi4wpj] {
    color: inherit; }

msg-button[e-bi4wpj][view-type="arrow"] {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  color: #fff;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  top: 64px;
  bottom: 0;
  width: 64px;
  height: auto;
  z-index: 2; }
  msg-button[e-bi4wpj][view-type="arrow"].prev {
    left: 0; }
  msg-button[e-bi4wpj][view-type="arrow"].next {
    right: 0; }
  msg-button[e-bi4wpj][view-type="arrow"]:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.25); }
  msg-button[e-bi4wpj][view-type="arrow"] msg-icon[e-bi4wpj] {
    color: inherit;
    width: 19px;
    height: 54px; }

[e-bi4wpj-host] slot[name=controls] msg-button {
  margin-left: 4px; }
msg-button[e-7bv5l], msg-save-image-button[e-7bv5l], msg-download-hook[e-7bv5l] {
  display: inline-block;
  vertical-align: top; }

msg-button[e-7bv5l] {
  margin-left: 4px;
  padding-left: 8px;
  padding-right: 8px; }
  msg-button[e-7bv5l] msg-icon[e-7bv5l] {
    padding: 8px; }
  msg-button[e-7bv5l] msg-l10n[e-7bv5l] {
    margin-right: 8px; }

msg-progress[e-7bv5l] {
  color: #fff; }

@media (max-width: 750px) {
  msg-button[e-7bv5l] {
    width: 32px;
    height: 32px;
    padding-left: 0;
    padding-right: 0; }
    msg-button[e-7bv5l] msg-l10n[e-7bv5l] {
      display: none; } }

    [eu41yqo-host] {
        display: block;
        width: 100%;
        height: 100%;
    }
/*# sourceMappingURL=msg-chat-icon.css.map */[e-auq3xp-host] {
  display: block;
  width: 100%;
  height: 100%; }

    [e8vyfya-host] {
        display: block;
        width: 100%;
        height: 100%;
    }
/*# sourceMappingURL=msg-contact-avatar.css.map */[e-b4r3wg-host] {
  display: block;
  width: 100%;
  height: 100%; }

[ref-layer-e-b4r3wg] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

msg-media-layer-content[e-b4r3wg] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
[e-vu0b2-host] {
  background: var(--c-overlay-dark); }

main[e-vu0b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  main[e-vu0b2].is-mine {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }

[e-vu0b2-host][promode] msg-button[e-vu0b2][shape=circle] {
  height: 28px;
  width: 28px;
  min-width: 28px; }

main.__bg [e-vu0b2-host] msg-button[e-vu0b2] {
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4); }

msg-button[e-vu0b2] {
  margin: 0 1px; }

msg-button[e-vu0b2][role=secondary] {
  display: inline-block;
  vertical-align: top; }

msg-menu[e-vu0b2] {
  display: block;
  padding: 4px 0;
  min-width: 180px;
  font-size: 14px;
  color: var(--c-link);
  white-space: nowrap;
  background-color: var(--c-bg);
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  text-align: left;
  will-change: transform; }

msg-menu-item[e-vu0b2] {
  cursor: pointer;
  padding: 12px 16px; }
  msg-menu-item[e-vu0b2].delimiter {
    border-top: 1px solid var(--c-delimiter); }
  msg-menu-item[e-vu0b2]:hover {
    background-color: var(--c-active); }

@-webkit-keyframes slide-in-e-vu0b2 {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0; } }

@keyframes slide-in-e-vu0b2 {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0; } }

@-webkit-keyframes slide-out-e-vu0b2 {
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0; } }

@keyframes slide-out-e-vu0b2 {
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0; } }
[e-mc1o8r].alert {
  margin-bottom: 16px;
  padding: 0 40px;
  color: var(--c-text-sub); }

div[e-mc1o8r][slot=header] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  div[e-mc1o8r][slot=header] msg-button[e-mc1o8r] {
    position: absolute;
    top: 8px;
    right: 0; }
  div[e-mc1o8r][slot=header] msg-tico[e-mc1o8r] {
    margin: 0 8px 0 auto;
    padding-left: 4px;
    font-weight: normal;
    color: var(--c-btn-text); }
    div[e-mc1o8r][slot=header] msg-tico[e-mc1o8r]:hover {
      color: var(--c-text); }

[e-mc1o8r].title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 16px;
  height: 48px; }

[e-mc1o8r].name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 18px; }

[e-mc1o8r].meta {
  color: var(--c-text-sub);
  line-height: 16px;
  font-weight: normal; }
[e-l72sdx-host] {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 8px; }

[e-l72sdx][slot="body"] {
  margin-top: -24px; }

section[e-l72sdx] {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  width: 452px;
  margin: 0 auto; }
  section[e-l72sdx].__dragging {
    overflow: hidden; }
    section[e-l72sdx].__dragging [e-l72sdx].item {
      pointer-events: none; }
  .is-mobile [e-l72sdx-host] section[e-l72sdx] {
    width: 100%; }

[e-l72sdx].buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  [e-l72sdx].buttons msg-button[e-l72sdx] {
    margin: 0 4px; }

msg-assets-panel-tooltip[e-l72sdx]:before {
  right: auto;
  left: 50%;
  width: 80px;
  margin-left: -40px; }

msg-assets-sticker[e-l72sdx] {
  margin: 4px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

msg-sticker[e-l72sdx],
msg-assets-gif[e-l72sdx] {
  cursor: pointer; }

msg-assets-controls[e-l72sdx] {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  [e-l72sdx].sticker:hover msg-assets-controls[e-l72sdx] {
    opacity: 1; }

[e-l72sdx].title {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 4px 0 16px 4px;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--c-text-sub);
  font-weight: 500; }

[e-l72sdx].sticker {
  text-align: center; }

[e-l72sdx].list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 112px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [e-l72sdx].list msg-assets-sticker[e-l72sdx] {
    padding: 0;
    margin: 8px; }
  .is-mobile [e-l72sdx-host] [e-l72sdx].list {
    grid-template-columns: repeat(auto-fill, 33%); }

[e-l72sdx].item {
  display: inline-block;
  vertical-align: top;
  width: 96px;
  height: 96px;
  position: relative;
  margin: 8px; }
  [e-l72sdx].item.__animation {
    z-index: 2;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s; }
  [e-l72sdx].item.__dragging {
    position: absolute;
    z-index: 5;
    pointer-events: none;
    -webkit-animation: drag-in-e-l72sdx 0.3s;
            animation: drag-in-e-l72sdx 0.3s; }
  [e-l72sdx].item.__dropping {
    -webkit-transition: left .1s linear, top .1s linear;
    transition: left .1s linear, top .1s linear; }
  [e-l72sdx].item.__stub {
    visibility: hidden; }
  [e-l72sdx].item [e-l72sdx].remove {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: unset;
    width: 28px;
    height: 28px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s; }
  [e-l72sdx].item:hover [e-l72sdx].remove {
    opacity: 1; }
  [e-l72sdx].item msg-assets-sticker[e-l72sdx] {
    margin: 0; }
  [e-l72sdx].item [e-l72sdx].type {
    position: absolute;
    bottom: 2px;
    right: 2px;
    padding: 4px;
    border-radius: 50%;
    background-color: var(--c-btn);
    color: var(--c-btn-text); }

div[e-l72sdx][slot=header] {
  position: relative; }
  div[e-l72sdx][slot=header] msg-button[e-l72sdx] {
    position: absolute;
    top: -8px;
    right: 0; }

[e-l72sdx].empty {
  display: block;
  margin: 8px 0;
  color: var(--c-text-sub);
  text-align: center; }

[e-l72sdx].preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 8px 0 12px;
  margin: 0 12px;
  width: auto;
  border-bottom: 1px solid var(--c-delimiter);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  [e-l72sdx].preview msg-sticker[e-l72sdx] {
    margin-bottom: 12px; }
  [e-l72sdx].preview + section[e-l72sdx]:not(:empty) {
    padding-top: 12px; }

[e-l72sdx].not-found {
  margin: 20px 0 4px;
  font-size: 14px;
  text-align: center;
  color: var(--c-text-sub);
  width: 100%; }
  [e-l72sdx].not-found msg-l10n[e-l72sdx] {
    display: block; }
  [e-l72sdx].not-found msg-icon[e-l72sdx] {
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    color: var(--c-text-sub);
    opacity: .3; }

@-webkit-keyframes drag-in-e-l72sdx {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  20% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes drag-in-e-l72sdx {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  20% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }
[e-uqegkh-host] {
  position: absolute;
  z-index: 7;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  background: var(--c-bg);
  border-top: 1px solid var(--c-delimiter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

msg-button[e-uqegkh].__active msg-icon[e-uqegkh] {
  color: var(--c-highlight); }
main[e-etc681] {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden; }
  main[e-etc681] section {
    padding: 8px 12px; }
  main[e-etc681] section:not(:first-of-type) {
    border-top: 8px solid var(--c-delimiter-fat); }
  main[e-etc681] .h3 {
    margin: 4px 12px; }
  main[e-etc681] .list-item {
    padding: 8px 12px;
    border-radius: 8px;
    background-color: var(--c-bg); }
    main[e-etc681] .list-item:hover, main[e-etc681] .list-item.selected {
      background-color: var(--c-active); }

msg-dialog[e-etc681] {
  width: 450px;
  --content-overflow: visible; }
  msg-dialog[e-etc681] header[e-etc681] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 16px; }
    msg-dialog[e-etc681] header msg-button[e-etc681] {
      vertical-align: top;
      height: 16px;
      padding: 8px;
      margin: -8px 0;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      position: relative;
      z-index: 10; }
  msg-dialog[e-etc681] [e-etc681].back-link {
    cursor: pointer; }
  msg-dialog[e-etc681] msg-icon[e-etc681][icon="back"] {
    vertical-align: -3px; }
  msg-dialog[e-etc681] > .custom-scrollbar {
    padding: 0; }
  msg-dialog[e-etc681] > slot[name="buttons"] {
    border-top: 1px solid var(--c-delimiter); }

[e-etc681].content {
  display: block;
  width: 100%;
  height: 64vh; }
  [e-etc681].content main.custom-scrollbar {
    height: 100%;
    overflow: auto; }

[e-etc681].panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--c-bg);
  z-index: 2;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow); }

msg-chat-picker[e-etc681].panel {
  z-index: 3; }

@-webkit-keyframes appear-e-etc681 {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes appear-e-etc681 {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
[evkj8lt].add-folder-control {
  color: var(--c-highlight); }
  [evkj8lt].add-folder-control msg-folder-icon {
    background: none !important; }

[evkj8lt].field {
  padding: 12px 24px; }

msg-folder-item[evkj8lt].list-item {
  height: 64px;
  padding-top: 0;
  padding-bottom: 0; }

[evkj8lt].reorder msg-folder-item[evkj8lt] {
  -webkit-transition: opacity 0.15s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.15s ease-out;
  transition: opacity 0.15s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.15s ease-out;
  transition: transform 0.3s ease-out, opacity 0.15s ease-out, box-shadow 0.15s ease-out;
  transition: transform 0.3s ease-out, opacity 0.15s ease-out, box-shadow 0.15s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.15s ease-out; }

msg-folder-item[evkj8lt].reorder {
  cursor: -webkit-grab;
  cursor: grab;
  position: relative;
  z-index: 3; }

msg-folder-item[evkj8lt].reorder-move {
  opacity: 0.9;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow); }

msg-folder-item[evkj8lt].reorder-up {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }

msg-folder-item[evkj8lt].reorder-down {
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }

msg-folder-item[evkj8lt] [evkj8lt].label {
  font-weight: 500; }

msg-folder-item[evkj8lt] [evkj8lt].action {
  padding: 8px;
  margin: -8px 0;
  cursor: pointer; }

msg-folder-item[evkj8lt] span[evkj8lt][slot="control"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1; }
  msg-folder-item[evkj8lt] span[slot="control"] msg-icon[evkj8lt] {
    width: 16px;
    height: 16px;
    vertical-align: top; }

msg-folder-item[evkj8lt] msg-icon[evkj8lt][icon="reorder"] {
  cursor: -webkit-grab;
  cursor: grab; }

msg-folder-item[evkj8lt] [evkj8lt].secondary-control {
  opacity: 0; }

msg-folder-item[evkj8lt]:hover [evkj8lt].secondary-control {
  opacity: 1; }

[evkj8lt].container {
  position: relative; }

[evkj8lt].comment {
  color: var(--c-text-sub);
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis; }
  [evkj8lt].comment msg-emoji {
    width: 13px;
    height: 13px;
    vertical-align: -2px; }

msg-icon[evkj8lt][icon="plus-accent"] {
  color: var(--c-highlight); }
[evk2dsi-host] {
  display: block;
  position: relative;
  overflow: hidden; }

header[evk2dsi] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  padding: 0 12px; }

main[evk2dsi] {
  overflow: scroll;
  overflow-x: hidden;
  height: 100%; }

[evk2dsi].field {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  padding-right: 12px;
  margin-right: -24px; }
  [evk2dsi].field:not(._edit) {
    cursor: pointer; }
  [evk2dsi].field msg-input[evk2dsi] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    overflow: hidden; }
  [evk2dsi].field:hover [evk2dsi].title-controls, [evk2dsi].field._edit [evk2dsi].title-controls {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  [evk2dsi].field._edit [evk2dsi].title-controls-state._default,
  [evk2dsi].field:not(._edit) [evk2dsi].title-controls-state._edit {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  [evk2dsi].field [evk2dsi].title-controls {
    position: relative;
    white-space: nowrap;
    -webkit-transition: opacity 0.15s linear, -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 0.15s linear, -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 0.15s linear, transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 0.15s linear, transform 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px); }
  [evk2dsi].field [evk2dsi].title-controls-state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: opacity 0.15s linear, -webkit-transform 0.15s ease-out;
    transition: opacity 0.15s linear, -webkit-transform 0.15s ease-out;
    transition: opacity 0.15s linear, transform 0.15s ease-out;
    transition: opacity 0.15s linear, transform 0.15s ease-out, -webkit-transform 0.15s ease-out; }
    [evk2dsi].field [evk2dsi].title-controls-state._default {
      position: absolute;
      top: 0;
      right: 0; }

[evk2dsi].subsection + [evk2dsi].subsection {
  border-top: 1px solid var(--c-delimiter);
  padding-top: 8px;
  margin-top: 8px; }

[evk2dsi].error {
  margin-left: 60px;
  color: var(--c-error);
  font-size: 0.85em; }

[evk2dsi].control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: var(--c-text);
  cursor: pointer; }
  [evk2dsi].control msg-icon[evk2dsi] {
    padding: 11px;
    border-radius: 50%;
    border: 1px solid var(--c-link);
    color: var(--c-text);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px; }
  [evk2dsi].control [evk2dsi].control-label {
    padding-left: 12px; }
  [evk2dsi].control [evk2dsi].comment {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

[evk2dsi].comment {
  margin: 8px 0;
  color: var(--c-text-sub);
  font-size: 14px; }

[evk2dsi].picker-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--c-bg); }

msg-toolbar[evk2dsi] {
  --controls-order: -1; }

[evk2dsi].toolbar-title {
  text-align: center; }

msg-chat-picker-list-item[evk2dsi] {
  padding-left: 0;
  padding-right: 0; }

msg-folder-filters[evk2dsi] {
  display: block;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  padding: 0 12px; }

msg-folder-icon[evk2dsi] {
  cursor: pointer; }

msg-assets-panel-emoji[evk2dsi] {
  position: absolute;
  width: 410px;
  height: 300px;
  top: 60px;
  left: 24px;
  z-index: 3;
  background: var(--c-bg);
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  border-radius: 4px; }

[evk2dsi].toggle-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  padding: 8px 12px;
  margin: -8px -12px;
  background: var(--c-bg);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1; }
  [evk2dsi].toggle-filters msg-icon[evk2dsi] {
    position: relative;
    left: 2px;
    top: 6px;
    -webkit-transition: -webkit-transform 0.15s;
    transition: -webkit-transform 0.15s;
    transition: transform 0.15s;
    transition: transform 0.15s, -webkit-transform 0.15s; }
  [evk2dsi].toggle-filters._expanded msg-icon[evk2dsi] {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  [evk2dsi].toggle-filters [evk2dsi].filter-stats {
    text-transform: none; }

[evk2dsi].overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2; }

[evk2dsi].icon {
  position: relative; }
  [evk2dsi].icon:hover [evk2dsi].clear-emoji {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }

[evk2dsi].clear-emoji {
  position: absolute;
  left: 32px;
  top: -2px;
  min-width: 20px;
  width: 20px;
  height: 20px;
  -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
  transition: opacity 0.15s, -webkit-transform 0.15s;
  transition: opacity 0.15s, transform 0.15s;
  transition: opacity 0.15s, transform 0.15s, -webkit-transform 0.15s;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0); }
  [evk2dsi].clear-emoji msg-icon[evk2dsi] {
    width: 10px;
    height: 10px; }

[evk2dsi].random-emoji {
  position: absolute;
  left: 32px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  min-width: 20px; }
  [evk2dsi].random-emoji msg-icon[evk2dsi] {
    width: 10px;
    height: 10px;
    position: relative;
    left: 1px; }

[evk2dsi].chat {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px; }
  [evk2dsi].chat._active {
    z-index: 2; }
  [evk2dsi].chat msg-chat-picker-list-item[evk2dsi] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    overflow: hidden; }
  [evk2dsi].chat [evk2dsi].chat-control {
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
    cursor: pointer;
    opacity: 0; }
  [evk2dsi].chat._active [evk2dsi].chat-control {
    opacity: 0.8; }
    [evk2dsi].chat._active [evk2dsi].chat-control:hover {
      opacity: 1; }
[e-5cquwo].columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding-top: 8px; }

[e-5cquwo].column {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s; }
  [e-5cquwo].column.invisible {
    opacity: 0; }

[e-5cquwo].h3 {
  margin-left: 0 !important; }

[e-5cquwo].item {
  padding: 8px 0; }

[e-5cquwo].subsection {
  padding-left: 16px; }
[elz3qw5-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

main[elz3qw5] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  overflow: auto; }

msg-checkbox[elz3qw5] {
  margin-left: 12px; }

p[elz3qw5] {
  margin: 0 16px; }

msg-toolbar[elz3qw5] {
  --controls-order: -1; }

msg-folder-stub[elz3qw5] {
  height: 300px; }

msg-folder-item[elz3qw5] {
  cursor: default; }

[elz3qw5-host] msg-folder-item .title {
  white-space: normal; }

[elz3qw5].label {
  font-weight: 700; }

[elz3qw5].comment {
  font-size: 11px;
  color: var(--c-text-sub); }

[elz3qw5].title {
  padding: 8px 12px; }
  [elz3qw5].title msg-folder-icon {
    background: var(--c-active) !important; }
[e-nrv4kh-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

msg-scrollable-panel[e-nrv4kh] {
  max-height: 48px;
  position: relative;
  -webkit-app-region: no-drag; }
  msg-scrollable-panel[e-nrv4kh][data-has-scroll] {
    padding-left: 9px;
    padding-right: 9px; }
    msg-scrollable-panel[e-nrv4kh][data-has-scroll]::before, msg-scrollable-panel[e-nrv4kh][data-has-scroll]::after {
      content: '';
      width: 1px;
      height: 16px;
      position: absolute;
      top: 50%;
      margin: -8px 8px 0 0;
      background: var(--c-btn); }
    msg-scrollable-panel[e-nrv4kh][data-has-scroll]::before {
      left: 0; }
    msg-scrollable-panel[e-nrv4kh][data-has-scroll]::after {
      right: 0; }
    .is-mobile [e-nrv4kh-host] msg-scrollable-panel[e-nrv4kh][data-has-scroll] {
      padding-left: 0; }
      .is-mobile [e-nrv4kh-host] msg-scrollable-panel[e-nrv4kh][data-has-scroll]::before {
        content: none; }

main[e-nrv4kh] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 2px; }
  .is-mobile [e-nrv4kh-host] main[e-nrv4kh] {
    padding: 0 0 16px;
    height: 49px;
    margin: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  main[e-nrv4kh] [e-nrv4kh].folder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px;
    padding-left: 0;
    position: relative; }
    main[e-nrv4kh] [e-nrv4kh].folder.anim-expand, main[e-nrv4kh] [e-nrv4kh].folder.anim-collapse {
      overflow: hidden; }
    [e-nrv4kh].reorder main [e-nrv4kh].folder {
      -webkit-transition: opacity 0.15s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.15s ease-out;
      transition: opacity 0.15s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.15s ease-out;
      transition: transform 0.3s ease-out, opacity 0.15s ease-out, box-shadow 0.15s ease-out;
      transition: transform 0.3s ease-out, opacity 0.15s ease-out, box-shadow 0.15s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.15s ease-out; }
    main[e-nrv4kh] [e-nrv4kh].folder.reorder {
      cursor: -webkit-grab;
      cursor: grab;
      position: relative;
      z-index: 3; }
    main[e-nrv4kh] [e-nrv4kh].folder.reorder-move {
      opacity: 0.9; }

aside[e-nrv4kh] {
  padding: 0 8px;
  padding-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  aside[e-nrv4kh].settings {
    padding-left: 0; }
  .is-mobile [e-nrv4kh-host] aside[e-nrv4kh].__top {
    overflow: hidden;
    width: 100%; }

[e-nrv4kh].btn {
  background-color: var(--c-btn);
  color: var(--c-btn-text);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s; }
  [e-nrv4kh].btn:hover {
    background-color: var(--c-btn-active); }

msg-folder-title[e-nrv4kh] {
  cursor: pointer;
  padding: 4px 12px;
  border-radius: 50px;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
  height: 24px;
  line-height: 24px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-width: 50px; }
  msg-folder-title[e-nrv4kh][compact] {
    padding: 4px 8px;
    min-width: 16px; }
  msg-folder-title[e-nrv4kh].btn {
    -webkit-box-shadow: 0 0 0 0 var(--c-btn);
            box-shadow: 0 0 0 0 var(--c-btn);
    -webkit-transition: outline 0.15s, -webkit-box-shadow 0.15s;
    transition: outline 0.15s, -webkit-box-shadow 0.15s;
    transition: box-shadow 0.15s, outline 0.15s;
    transition: box-shadow 0.15s, outline 0.15s, -webkit-box-shadow 0.15s; }
  msg-folder-title[e-nrv4kh].btn.selected {
    background-color: var(--c-highlight);
    color: #fff; }
    msg-folder-title[e-nrv4kh].btn.selected:hover {
      background-color: var(--c-highlight-active); }
  msg-folder-title[e-nrv4kh].btn.disabled {
    opacity: 0.3; }
  msg-folder-title[e-nrv4kh].btn.droppable {
    -webkit-box-shadow: 0 0 0 2px #697CFF;
            box-shadow: 0 0 0 2px #697CFF; }
  msg-folder-title[e-nrv4kh].btn.reorder {
    -webkit-box-shadow: var(--ui-shadow);
            box-shadow: var(--ui-shadow);
    cursor: -webkit-grab;
    cursor: grab; }

msg-button[e-nrv4kh] {
  background-color: var(--c-btn); }

msg-avatar[e-nrv4kh] {
  cursor: pointer;
  margin-right: 8px; }

msg-search-input[e-nrv4kh] {
  cursor: pointer;
  border-radius: 16px;
  margin-right: 8px;
  --icon-opacity: 1; }
  msg-search-input[e-nrv4kh] .input {
    width: 200px;
    -webkit-transition: width 0.3s;
    transition: width 0.3s; }
  msg-search-input[e-nrv4kh] msg-input {
    -webkit-transition: margin-right 0.3s;
    transition: margin-right 0.3s; }
  msg-search-input[e-nrv4kh].btn:not(.collapsed) {
    background-color: var(--c-btn); }
  msg-search-input[e-nrv4kh].collapsed .input {
    width: 60px; }
  msg-search-input[e-nrv4kh].collapsed msg-input {
    margin-right: 0; }
  .is-mobile [e-nrv4kh-host] msg-search-input[e-nrv4kh] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }

msg-folder-popup[e-nrv4kh] {
  position: absolute;
  max-height: 240px;
  width: 270px;
  top: 100%;
  right: 8px;
  margin-top: 6px;
  z-index: 3;
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0; }
  .is-mobile [e-nrv4kh-host] msg-folder-popup[e-nrv4kh] {
    position: fixed;
    top: auto;
    left: 0;
    right: auto;
    bottom: 49px;
    width: 100%;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%; }

[e-nrv4kh].tooltip {
  position: absolute;
  z-index: 5;
  top: 44px;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  font-size: 11px; }
[e-nlcjpr-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  white-space: nowrap;
  gap: 8px; }

msg-parsed-text[e-nlcjpr] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }
  @supports ((-webkit-mask-image: none) or (mask-image: none)) {
    msg-parsed-text[e-nlcjpr] {
      text-overflow: clip; }
      msg-parsed-text[e-nlcjpr].has-overflow {
        -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 30px), transparent);
                mask-image: linear-gradient(to right, #000 calc(100% - 30px), transparent); } }

msg-notification-bubble[e-nlcjpr] {
  position: absolute;
  right: -1px;
  top: -6px; }

msg-icon[e-nlcjpr] {
  padding: 2px 0; }

msg-folder-icon[e-nlcjpr] {
  width: 16px;
  height: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0;
  background: transparent;
  --emoji-size: 16px; }

[e-nlcjpr-host] msg-emoji {
  --emoji-size: 16px !important;
  --emoji-align: -.12em; }

[e-nlcjpr].placeholder {
  color: var(--c-text-sub); }
[e-nh0mnx-host] {
  overflow: auto;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  border-radius: 4px;
  background: var(--c-bg);
  color: var(--c-text); }

msg-folder-item[e-nh0mnx] {
  cursor: pointer;
  padding: 8px 12px; }
  .is-mobile [e-nh0mnx-host] msg-folder-item[e-nh0mnx] {
    padding: 12px 16px; }
  msg-folder-item[e-nh0mnx]:hover {
    background: var(--c-active); }
  msg-folder-item[e-nh0mnx].selected {
    background: var(--c-active);
    font-weight: 700; }
  msg-folder-item[e-nh0mnx][data-item-id="all"] {
    border-top: 1px solid var(--c-delimiter); }
  msg-folder-item[e-nh0mnx]:hover msg-button[e-nh0mnx] {
    visibility: visible; }
  msg-folder-item[e-nh0mnx]:hover [e-nh0mnx].shortcut {
    visibility: hidden; }

msg-button[e-nh0mnx] {
  vertical-align: top;
  height: 16px;
  padding: 4px;
  margin: -4px;
  margin-left: 0;
  visibility: hidden;
  position: absolute;
  right: 8px; }

[e-nh0mnx].shortcut {
  font-size: 0.85em;
  font-weight: normal;
  color: var(--c-text-sub); }

.is-mobile [e-nh0mnx-host] {
  -webkit-box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
  .is-mobile [e-nh0mnx-host] msg-folder-item[e-nh0mnx] {
    padding: 12px 16px; }
[e-ml3l2y-host] {
  display: block; }

msg-dialog[e-ml3l2y] {
  width: auto;
  --content-overflow: visible; }

msg-date-time-picker[e-ml3l2y] {
  margin: 8px 0 16px;
  font-size: 18px; }

msg-checkbox[e-ml3l2y] {
  display: block;
  margin-top: 12px; }

[e-ml3l2y].controls {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 24px; }
[ehbsk7t-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 340px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

msg-date-input[ehbsk7t] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

[ehbsk7t].delimiter {
  padding: 0 8px; }

[ehbsk7t].time-delimiter {
  padding: 0 2px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0; }

[ehbsk7t].time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px; }
[ets9r8v-host] {
  display: block;
  position: relative; }
  [ets9r8v-host]:hover [ets9r8v].control:not([disabled]) {
    opacity: 1; }
  [ets9r8v-host]:hover [ets9r8v].control[disabled] {
    opacity: 0.25; }

[ref-input-ets9r8v] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  display: block;
  font-size: inherit;
  line-height: inherit;
  border: 1px solid var(--c-input-border);
  border-radius: 4px;
  background: var(--c-bg);
  padding: 4px 8px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit; }

[ets9r8v].control {
  position: absolute;
  width: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear; }
  [ets9r8v].control:not([disabled]) {
    cursor: pointer; }
    [ets9r8v].control:not([disabled]):hover {
      background-color: var(--c-favorite); }
  [ets9r8v].control msg-icon[ets9r8v] {
    display: block; }
  [ets9r8v].control.increment {
    border-radius: 4px 4px 0 0;
    bottom: 100%; }
  [ets9r8v].control.decrement {
    border-radius: 0 0 4px 4px;
    top: 100%; }

[ets9r8v].calendar {
  position: absolute;
  right: 8px;
  top: 9px;
  color: var(--c-text); }

msg-calendar[ets9r8v] {
  position: absolute;
  z-index: 2;
  top: 40px;
  left: 0;
  font-size: 14px;
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0; }
[e-1gjvvb-host] {
  display: block;
  position: relative; }
  [e-1gjvvb-host]:hover [e-1gjvvb].control {
    opacity: 1; }

[ref-input-e-1gjvvb] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  font-size: inherit;
  line-height: inherit;
  border: 1px solid var(--c-input-border);
  border-radius: 4px;
  background: var(--c-bg);
  padding: 4px;
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit; }
  [ref-input-e-1gjvvb].__error {
    border-color: var(--c-error); }

[e-1gjvvb].control {
  position: absolute;
  width: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear; }
  [e-1gjvvb].control msg-icon[e-1gjvvb] {
    display: block; }
  [e-1gjvvb].control:hover {
    background-color: var(--c-favorite); }
  [e-1gjvvb].control.increment {
    border-radius: 4px 4px 0 0;
    bottom: 100%; }
  [e-1gjvvb].control.decrement {
    border-radius: 0 0 4px 4px;
    top: 100%; }
[e-yo70yp-host] {
  display: block;
  position: relative; }

[e-yo70yp].container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  overflow: hidden; }

[e-yo70yp].overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 6;
  background: var(--c-overlay); }

[e-yo70yp].panel,[ref-activeModal-e-yo70yp] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 4;
  background: var(--c-bg);
  contain: strict; }

msg-tico[e-yo70yp].copy-link {
  display: none; }

@-webkit-keyframes show-panel-e-yo70yp {
  from {
    -webkit-transform: translateX(-30%);
            transform: translateX(-30%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@keyframes show-panel-e-yo70yp {
  from {
    -webkit-transform: translateX(-30%);
            transform: translateX(-30%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes show-panel-mob-e-yo70yp {
  from {
    -webkit-transform: translateY(30%);
            transform: translateY(30%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@keyframes show-panel-mob-e-yo70yp {
  from {
    -webkit-transform: translateY(30%);
            transform: translateY(30%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes show-overlay-e-yo70yp {
  from {
    opacity: 0; } }

@keyframes show-overlay-e-yo70yp {
  from {
    opacity: 0; } }

@media (min-width: 1024px) {
  msg-icon[e-yo70yp].copy-link {
    display: none; }
  msg-tico[e-yo70yp].copy-link {
    display: inline-block; } }
[e-ekaafr-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--c-bg);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.is-mobile [e-ekaafr-host] {
  padding-bottom: 49px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

msg-info-sheet[e-ekaafr] {
  --toolbar-padding: var(--ui-titlebar-padding);
  --toolbar-height: var(--ui-titlebar-height);
  --toolbar-bg: var(--ui-titlebar-bg); }

msg-contact-picker[e-ekaafr] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }
[e-h02sbr-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }

msg-toolbar[e-h02sbr] {
  text-align: center;
  padding-top: var(--ui-titlebar-padding);
  height: var(--ui-titlebar-height);
  background-color: var(--ui-titlebar-bg);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--ui-titlebar-height);
          flex: 0 0 var(--ui-titlebar-height);
  --controls-order: -1; }

msg-user-picker[e-h02sbr] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

msg-chat-settings[e-h02sbr] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  overflow: auto; }

msg-button[e-h02sbr],
msg-user-card[e-h02sbr] {
  display: inline-block;
  vertical-align: middle; }

header[e-h02sbr] {
  padding: 24px 0 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-bottom: 8px solid var(--c-delimiter-fat); }
  header[e-h02sbr] [e-h02sbr].stub {
    position: relative;
    display: block;
    height: 92px;
    width: 92px;
    margin-right: 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    background: var(--c-active);
    cursor: pointer;
    color: var(--c-btn-text); }
    @media (max-width: 500px) {
      header[e-h02sbr] [e-h02sbr].stub {
        width: 70px;
        height: 70px;
        margin-right: 11px;
        margin-top: 11px;
        margin-left: -11px; } }
    header[e-h02sbr] .stub msg-icon[e-h02sbr] {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -13px 0 0 -12px; }
  header[e-h02sbr] [e-h02sbr].input-group {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    overflow: hidden; }
  header[e-h02sbr] section[e-h02sbr] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    position: relative;
    padding: 4px 0;
    color: var(--c-text);
    border-top: 1px solid var(--c-delimiter); }
  header[e-h02sbr] .input-group > section[e-h02sbr]:first-of-type {
    border-top: 0; }
  header[e-h02sbr] msg-counter[e-h02sbr] {
    line-height: 1.6;
    display: block;
    text-align: right;
    padding: 0 12px; }
  header[e-h02sbr] msg-input[e-h02sbr] {
    display: block;
    padding-left: 0; }
    header[e-h02sbr] msg-input[e-h02sbr][name="description"] {
      max-height: 140px; }
  header[e-h02sbr] msg-checkbox[e-h02sbr][name="ok"] {
    margin-top: 8px; }
    header[e-h02sbr] msg-checkbox[name="ok"] msg-l10n[e-h02sbr][key="new-chat.ok-chat-comment"] {
      display: inline-block;
      margin-top: 4px;
      color: var(--c-text-sub); }

footer[e-h02sbr] {
  display: block;
  padding: 8px 0;
  text-align: center;
  border-top: 1px solid var(--c-delimiter); }
  footer[e-h02sbr] msg-button[e-h02sbr] {
    margin: 0 4px; }

input[e-h02sbr][type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  opacity: 0;
  overflow: hidden; }
[ea0yqtr-host] {
  position: relative;
  text-align: center;
  font-size: 0; }
  [ea0yqtr-host]:before {
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle; }
  [ea0yqtr-host]:hover msg-button[ea0yqtr] {
    opacity: 1; }

img[ea0yqtr] {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  border-radius: inherit; }

msg-button[ea0yqtr] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  opacity: 0;
  background-color: rgba(51, 51, 68, 0.5);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none; }
[e-dtr48j-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--c-bg);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.is-mobile [e-dtr48j-host] {
  padding-bottom: 49px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

msg-info-sheet[e-dtr48j] {
  --toolbar-padding: var(--ui-titlebar-padding);
  --toolbar-height: var(--ui-titlebar-height);
  --toolbar-bg: var(--ui-titlebar-bg); }

section[e-dtr48j] {
  display: block;
  padding: 12px 24px; }
  section[e-dtr48j]:not(:first-child) {
    border-top: 8px solid var(--c-delimiter-fat); }

hr[e-dtr48j] {
  border: 0;
  height: 1px;
  background: var(--c-delimiter);
  margin: 12px 0; }

dl[e-dtr48j] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding: 0;
  margin: 0; }
  dl[e-dtr48j]:not(:nth-of-type(1)) {
    margin-top: 12px; }
  dl[e-dtr48j] [e-dtr48j].link {
    color: var(--c-highlight); }
  @media (max-width: 1000px) {
    dl[e-dtr48j] {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

dt[e-dtr48j] {
  font-size: 14px;
  line-height: 1em;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub);
  width: 130px;
  margin: 6px 8px 8px 0; }
  @media (max-width: 1000px) {
    dt[e-dtr48j] {
      width: auto; } }

dd[e-dtr48j] {
  padding: 0;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  font-size: 14px;
  line-height: 1.4;
  color: var(--c-link); }
  dl[e-dtr48j]:not(:last-of-type) dd[e-dtr48j] {
    border-bottom: 1px solid var(--c-delimiter);
    padding-bottom: 12px; }
    @media (max-width: 1000px) {
      dl[e-dtr48j]:not(:last-of-type) dd[e-dtr48j] {
        border: none;
        padding-bottom: 0; } }
  dd[e-dtr48j] msg-checkbox[e-dtr48j],
  dd[e-dtr48j] msg-radio[e-dtr48j],
  dd[e-dtr48j] msg-collapsable msg-tico[e-dtr48j],
  dd[e-dtr48j] > msg-tico[e-dtr48j],
  dd[e-dtr48j] > msg-collapsable[e-dtr48j] {
    display: block;
    margin: 16px 0 8px; }
    dd[e-dtr48j] msg-checkbox[e-dtr48j][disabled],
    dd[e-dtr48j] msg-radio[e-dtr48j][disabled],
    dd[e-dtr48j] msg-collapsable msg-tico[e-dtr48j][disabled],
    dd[e-dtr48j] > msg-tico[e-dtr48j][disabled],
    dd[e-dtr48j] > msg-collapsable[e-dtr48j][disabled] {
      opacity: .7; }
    dd[e-dtr48j] msg-checkbox[e-dtr48j]:first-child,
    dd[e-dtr48j] msg-radio[e-dtr48j]:first-child,
    dd[e-dtr48j] msg-collapsable msg-tico[e-dtr48j]:first-child,
    dd[e-dtr48j] > msg-tico[e-dtr48j]:first-child,
    dd[e-dtr48j] > msg-collapsable[e-dtr48j]:first-child {
      margin-top: 5px; }
  dd[e-dtr48j] :host-context(.is-mobile) msg-checkbox[e-dtr48j],
  dd[e-dtr48j] :host-context(.is-mobile) msg-radio[e-dtr48j],
  dd[e-dtr48j] :host-context(.is-mobile) msg-collapsable msg-tico[e-dtr48j],
  dd[e-dtr48j] :host-context(.is-mobile) > msg-tico[e-dtr48j] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  dd[e-dtr48j] msg-form-error msg-tico[e-dtr48j] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  dd[e-dtr48j] msg-checkbox[e-dtr48j][name="app.ask-download-folder"] {
    margin-left: 28px;
    margin-top: 8px; }
  dd[e-dtr48j] [e-dtr48j].warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

msg-black-list[e-dtr48j] {
  margin: 0 12px;
  max-height: 600px; }
  @media (max-width: 1000px) {
    msg-black-list[e-dtr48j] {
      margin-left: 0;
      margin-right: 0; } }

msg-sessions[e-dtr48j] {
  margin-left: 24px; }

msg-collapsable[e-dtr48j] msg-progress[e-dtr48j] {
  margin: 8px 0 0 20px;
  -webkit-animation: fade-in-e-dtr48j 0.15s linear 0.15s both;
          animation: fade-in-e-dtr48j 0.15s linear 0.15s both; }

msg-tico[e-dtr48j] {
  cursor: default; }

[e-dtr48j].collapse-link {
  cursor: pointer;
  color: var(--c-link); }
  [e-dtr48j].collapse-link:hover {
    color: var(--c-link-hover); }

@media (max-width: 1000px) {
  [e-dtr48j].user-info dl[e-dtr48j] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; } }

[e-dtr48j].user-info dd[e-dtr48j] {
  -ms-flex-item-align: center;
      align-self: center; }

[e-dtr48j].user-info fieldset[e-dtr48j] {
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  border-bottom: 1px solid var(--c-delimiter);
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s; }
  [e-dtr48j].user-info fieldset[e-dtr48j][disabled] {
    border-color: transparent; }
  [e-dtr48j].user-info fieldset msg-input[e-dtr48j] {
    display: block;
    padding-left: 0;
    padding-right: 0;
    word-break: break-word;
    -webkit-transition-property: padding;
    transition-property: padding; }
    [e-dtr48j].user-info fieldset msg-input[e-dtr48j][disabled] {
      display: inline;
      padding-top: 0;
      padding-bottom: 0; }
  [e-dtr48j].user-info fieldset[e-dtr48j].profile-name {
    margin-bottom: 8px; }
  [e-dtr48j].user-info fieldset[e-dtr48j].profile-description {
    margin-bottom: 8px; }

[e-dtr48j].user-info msg-counter[e-dtr48j] {
  display: block;
  text-align: right;
  margin-left: 8px;
  -ms-flex-item-align: end;
      align-self: flex-end; }

[e-dtr48j].user-info msg-input[e-dtr48j] {
  cursor: text;
  padding: 0; }
  [e-dtr48j].user-info msg-input[e-dtr48j][name="profile-name"] {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    vertical-align: middle;
    padding-bottom: 4px; }
    [e-dtr48j].user-info msg-input[e-dtr48j][name="profile-name"][data-placeholder]:before {
      max-height: 28px; }
  [e-dtr48j].user-info msg-input[e-dtr48j][name="profile-description"] {
    display: block; }
    [e-dtr48j].user-info msg-input[e-dtr48j][name="profile-description"]:not([disabled]) {
      padding-bottom: 8px; }
  [e-dtr48j].user-info msg-input[e-dtr48j][name="profile-link"] {
    display: inline-block;
    min-width: 100px;
    padding: 0; }

[e-dtr48j].user-info label[e-dtr48j][for="profile-link"] {
  display: block;
  line-height: 1.4;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s; }
  [e-dtr48j].user-info label[for="profile-link"] msg-icon[e-dtr48j],
  [e-dtr48j].user-info label[for="profile-link"] msg-progress[e-dtr48j] {
    vertical-align: -2px;
    margin-right: 8px;
    cursor: pointer; }
  [e-dtr48j].user-info label[for="profile-link"] msg-progress[e-dtr48j] {
    height: 16px; }

[e-dtr48j].user-info .edit-mode label[e-dtr48j][for="profile-link"] {
  position: relative;
  padding-bottom: 8px; }
  [e-dtr48j].user-info .edit-mode label[e-dtr48j][for="profile-link"]:before {
    content: '';
    position: absolute;
    left: 28px;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid var(--c-delimiter); }

[e-dtr48j].user-info msg-form-error[e-dtr48j] {
  padding: 4px 0 0 28px; }

[e-dtr48j].user-info .edit-profile msg-tico[e-dtr48j] {
  white-space: nowrap;
  cursor: pointer; }

[e-dtr48j].user-info dd > msg-collapsable[e-dtr48j] {
  margin: 0; }

[e-dtr48j].user-info msg-input[e-dtr48j], [e-dtr48j].user-info msg-collapsable[e-dtr48j] {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s; }

[e-dtr48j].user-info msg-collapsable[e-dtr48j].profile-link {
  margin-top: 8px; }

[e-dtr48j].user-info msg-collapsable[e-dtr48j].link-error {
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s; }

[e-dtr48j].user-info [e-dtr48j].profile-link-comment {
  color: var(--c-text-sub);
  font-size: 14px;
  margin-top: 4px;
  margin-left: 24px;
  display: block; }

[e-dtr48j].user-info [e-dtr48j].actions {
  padding-top: 12px; }
  [e-dtr48j].user-info .actions msg-button[e-dtr48j] {
    margin-right: 8px; }
  [e-dtr48j].user-info .actions input[e-dtr48j][type="submit"] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0; }

[e-dtr48j].input {
  width: 100%; }

msg-official-icon[e-dtr48j] {
  margin-left: 2px; }

[e-dtr48j].profile-name_cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  [e-dtr48j].profile-name_cnt msg-input[e-dtr48j] {
    width: 100%; }

[e-dtr48j].avatar {
  position: relative;
  font-size: 20px; }
  [e-dtr48j].avatar msg-avatar[e-dtr48j] {
    border: 2px solid var(--c-bg);
    -webkit-box-sizing: content-box;
            box-sizing: content-box; }
  [e-dtr48j].avatar [e-dtr48j].pick-photo {
    position: absolute;
    z-index: 1;
    width: 96px;
    height: 96px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    top: 2px;
    left: 2px; }
    [e-dtr48j].avatar [e-dtr48j].pick-photo:hover {
      background: rgba(0, 0, 0, 0.5); }
    [e-dtr48j].avatar .pick-photo msg-icon[e-dtr48j] {
      color: #fff;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -12px 0 0 -12px; }
    [e-dtr48j].avatar .pick-photo input[e-dtr48j][type="file"] {
      position: absolute;
      width: 0;
      height: 0;
      left: 100%;
      overflow: hidden;
      display: block; }
  [e-dtr48j].avatar msg-avatar[e-dtr48j], [e-dtr48j].avatar [e-dtr48j].pick-photo {
    cursor: pointer;
    line-height: inherit;
    font-size: inherit; }
  [e-dtr48j].avatar [e-dtr48j].remove {
    position: absolute;
    top: -4px;
    right: 8px;
    z-index: 2; }
    @media (max-width: 1000px) {
      [e-dtr48j].avatar [e-dtr48j].remove {
        width: 26px;
        height: 26px;
        min-width: 26px; } }
  [e-dtr48j].avatar [e-dtr48j].pick-photo, [e-dtr48j].avatar [e-dtr48j].remove {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s; }
  [e-dtr48j].avatar.edit-mode [e-dtr48j].pick-photo, [e-dtr48j].avatar.edit-mode [e-dtr48j].remove {
    pointer-events: all;
    opacity: 1; }

[e-dtr48j].subsection {
  margin-left: 24px;
  margin-top: 8px; }

[e-dtr48j].field-block {
  padding-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  [e-dtr48j].field-block:not(:first-of-type) {
    border-top: 1px solid var(--c-delimiter);
    padding-top: 12px;
    margin-top: 12px; }
  [e-dtr48j].field-block-label {
    -webkit-box-flex: 1;
        -ms-flex: 1 60%;
            flex: 1 60%; }
    dd[e-dtr48j] .field-block-label msg-tico[e-dtr48j] {
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  [e-dtr48j].field-block-value {
    color: var(--c-text);
    text-align: right;
    -webkit-box-flex: 1;
        -ms-flex: 1 40%;
            flex: 1 40%; }
  [e-dtr48j].field-block-comment {
    color: var(--c-text-sub);
    font-size: 14px;
    margin-top: 4px; }
  [e-dtr48j].field-block-addon {
    text-align: right;
    margin-top: 4px;
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%; }
  [e-dtr48j].field-block [e-dtr48j].link:not(:first-child) {
    margin-top: 4px;
    display: inline-block; }
  [e-dtr48j].field-block [e-dtr48j].msg-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

[e-dtr48j].msg-profile-block msg-icon[e-dtr48j][icon="msg-logo"] {
  color: var(--c-text-sub);
  vertical-align: -3px;
  margin-right: 4px; }

[e-dtr48j].autoremove-block msg-bubble[e-dtr48j] {
  border-bottom: 1px var(--c-link) dotted;
  cursor: default; }

[e-dtr48j].autoremove-block msg-menu-item[e-dtr48j] {
  cursor: pointer; }

[e-dtr48j].audio msg-bubble[e-dtr48j], [e-dtr48j].privacy msg-bubble[e-dtr48j] {
  border-bottom: 1px var(--c-link) dotted;
  cursor: pointer; }

[e-dtr48j].autoremove-popup {
  --bubble-min-width: 0; }

msg-tico[e-dtr48j].special {
  color: #697cff;
  cursor: pointer; }

msg-tico[e-dtr48j].warn {
  color: #ff5756; }

[e-dtr48j].download-folder {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap; }
  [e-dtr48j].download-folder.disabled {
    opacity: 0.7; }
  [e-dtr48j].download-folder msg-icon[e-dtr48j] {
    vertical-align: middle;
    margin-right: 8px;
    color: inherit;
    min-width: 16px; }

[e-dtr48j].path {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: .25em; }

[e-dtr48j].md-example {
  font-size: 0.8em;
  color: var(--c-text-sub);
  margin-top: 2px; }

@-webkit-keyframes fade-in-e-dtr48j {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in-e-dtr48j {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
[e-dnwf1j-host] {
  display: block;
  overflow-y: auto;
  position: relative;
  contain: layout;
  overflow-anchor: none; }

[e-dnwf1j].session {
  margin-bottom: 8px; }

msg-tico[e-dnwf1j] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  color: var(--c-text-sub);
  cursor: default; }
  msg-tico[e-dnwf1j].current {
    color: #697cff; }

[e-dnwf1j].title {
  font-size: 14px;
  margin-top: 4px;
  color: var(--c-text); }

[e-dnwf1j].text {
  font-size: 14px;
  color: var(--c-text-sub); }

[e-dnwf1j].close {
  color: #ff5756;
  display: inline-block;
  margin: 8px 0 0;
  cursor: pointer; }
  [e-dnwf1j].close:hover {
    color: #ef0100; }
/* Links
-------------------------------------------------- */
a[ev1j6ml] {
  color: var(--c-link); }
  a[ev1j6ml]:hover {
    color: var(--c-link-hover); }

a[ev1j6ml],
[ev1j6ml].link {
  text-decoration: none;
  cursor: pointer; }
  a[ev1j6ml]:hover,
  [ev1j6ml].link:hover {
    text-decoration: underline; }

[ev1j6ml].pl,
[ev1j6ml].sl,
[ev1j6ml].il {
  cursor: pointer; }

[ev1j6ml].link.pl {
  color: #697cff; }
  [ev1j6ml].link.pl:hover {
    color: #3d5afe; }

[ev1j6ml].sl {
  color: #8a8a95; }
  [ev1j6ml].sl:hover {
    color: #5c5c69; }

[ev1j6ml].il {
  color: #8a8a95; }
  [ev1j6ml].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[ev1j6ml].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[ev1j6ml].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[ev1j6ml].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[ev1j6ml].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[ev1j6ml].preview {
  position: relative;
  padding: 20px 0 12px;
  background: var(--c-chat-bg) center repeat;
  border-bottom: 1px solid var(--c-delimiter);
  min-height: 148px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [ev1j6ml].preview.__ptrn1 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn1_b51ae061.png); }
  [ev1j6ml].preview.__ptrn2 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn2_87420cd7.png); }
  [ev1j6ml].preview.__ptrn3 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn3_1e19ca27.png); }
  [ev1j6ml].preview.__ptrn4 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn4_efc33c85.png); }
  [ev1j6ml].preview.__ptrn5 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn5_224c9098.png); }
  [ev1j6ml].preview.__ptrn6 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn6_ee3a610e.png); }
  [ev1j6ml].preview.__ptrn7 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn7_37dd3e89.png); }
  [ev1j6ml].preview.__ptrn1 {
    background-size: 390px 390px; }
  [ev1j6ml].preview.__ptrn2, [ev1j6ml].preview.__ptrn3 {
    background-size: 200px 200px; }
  [ev1j6ml].preview.__ptrn4 {
    background-size: 100% 100%; }
  [ev1j6ml].preview.__ptrn5 {
    background-size: 100% 100%; }
  [ev1j6ml].preview.__ptrn6 {
    background-size: 100% 100%; }
  [ev1j6ml].preview.__ptrn7 {
    background-size: 100% 100%; }
  [ev1j6ml].preview:after {
    content: '';
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

[ev1j6ml].delimiter {
  display: block;
  text-align: center;
  color: var(--c-text-sub);
  pointer-events: none;
  font-size: 14px; }

[ev1j6ml].date {
  display: inline-block;
  max-width: 100%;
  padding: 4px 12px;
  background-color: var(--c-msg-ctrl);
  border-radius: 12px;
  line-height: 16px;
  color: #fff; }

[ev1j6ml].settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 12px;
  padding-right: 12px; }

[ev1j6ml].backgrounds {
  width: 288px;
  padding-bottom: 8px; }
  @media (max-width: 680px) {
    [ev1j6ml].backgrounds {
      width: 216px; } }

[ev1j6ml].themes {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  margin-right: 16px;
  padding-left: 8px;
  overflow: hidden; }

msg-menu[ev1j6ml] {
  padding: 0; }

msg-menu-item[ev1j6ml] {
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  msg-menu-item[ev1j6ml]:hover {
    color: var(--c-link); }
  msg-menu-item[ev1j6ml] msg-parsed-text[ev1j6ml]:hover {
    color: var(--c-link-hover); }

msg-message[ev1j6ml] {
  padding-left: 0; }

[ev1j6ml].theme-list {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  [ev1j6ml].theme-list.__disabled {
    opacity: .4;
    pointer-events: none; }

[ev1j6ml].bg {
  --background-color: var(--c-chat-bg);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 64px;
  width: 64px;
  margin: 8px 8px 0 0;
  border-radius: 8px;
  background: center no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: border-radius 0.15s;
  transition: border-radius 0.15s;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  border: 1px solid var(--c-delimiter); }
  [ev1j6ml].bg:not(.__active):hover {
    opacity: .75; }
  [ev1j6ml].bg msg-button[ev1j6ml] {
    background-color: rgba(51, 51, 68, 0.5);
    opacity: 0; }
  [ev1j6ml].bg.__active msg-button[ev1j6ml] {
    opacity: 1; }
  [ev1j6ml].backgrounds.__disabled [ev1j6ml].bg:not(.__default) {
    opacity: .2;
    pointer-events: none; }
  [ev1j6ml].bg.__ptrn1 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn1_b51ae061.png); }
  [ev1j6ml].bg.__ptrn2 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn2_87420cd7.png); }
  [ev1j6ml].bg.__ptrn3 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn3_1e19ca27.png); }
  [ev1j6ml].bg.__ptrn4 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn4_efc33c85.png); }
  [ev1j6ml].bg.__ptrn5 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn5_224c9098.png); }
  [ev1j6ml].bg.__ptrn6 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn6_ee3a610e.png); }
  [ev1j6ml].bg.__ptrn7 {
    background-image: url(//web.tamtam.chat/-/images/bg/ptrn7_37dd3e89.png); }
  [ev1j6ml].bg.__ptrn1 {
    background-size: 100px; }
  [ev1j6ml].bg.__ptrn2 {
    background-size: 100px; }
  [ev1j6ml].bg.__ptrn3 {
    background-size: 100px; }

[ev1j6ml].h3 {
  margin: 24px 0 8px; }

[ev1j6ml].name {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-right: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[ev1j6ml].delete {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  opacity: .5;
  height: 16px;
  width: 16px;
  min-width: 16px; }
  [ev1j6ml].delete:hover {
    opacity: 1; }
[ev1j6ml-host] msg-message-pro .wrap {
  padding-left: 0;
  padding-right: 20px; }

.is-mobile [ev1j6ml-host] [ev1j6ml].settings {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.is-mobile [ev1j6ml-host] [ev1j6ml].backgrounds {
  width: 100%; }

.is-mobile [ev1j6ml-host] [ev1j6ml].bg {
  width: 23%;
  margin: 1%; }
/* Links
-------------------------------------------------- */
a[e-s9pnnd] {
  color: var(--c-link); }
  a[e-s9pnnd]:hover {
    color: var(--c-link-hover); }

a[e-s9pnnd],
[e-s9pnnd].link {
  text-decoration: none;
  cursor: pointer; }
  a[e-s9pnnd]:hover,
  [e-s9pnnd].link:hover {
    text-decoration: underline; }

[e-s9pnnd].pl,
[e-s9pnnd].sl,
[e-s9pnnd].il {
  cursor: pointer; }

[e-s9pnnd].link.pl {
  color: #697cff; }
  [e-s9pnnd].link.pl:hover {
    color: #3d5afe; }

[e-s9pnnd].sl {
  color: #8a8a95; }
  [e-s9pnnd].sl:hover {
    color: #5c5c69; }

[e-s9pnnd].il {
  color: #8a8a95; }
  [e-s9pnnd].il:hover {
    color: #fff; }

/* /Links */
/* Headers
-------------------------------------------------- */
[e-s9pnnd].h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-s9pnnd].h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  color: #5c5c69; }

[e-s9pnnd].h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  color: #8a8a95;
  text-transform: uppercase; }

[e-s9pnnd].h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--c-text-sub); }

/* /Headers */
[e-s9pnnd-host] {
  z-index: 19; }

msg-button[e-s9pnnd] {
  margin-left: 4px;
  margin-right: 4px; }

[e-s9pnnd].content {
  display: block;
  position: relative;
  display: block;
  padding: 0;
  border-bottom: 1px solid var(--c-delimiter);
  min-height: 148px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
@charset "UTF-8";
[e3le1qa-host] {
  display: block;
  overflow-y: auto;
  position: relative;
  contain: layout;
  overflow-anchor: none; }

[e3le1qa].empty-list {
  margin: 16px 0;
  font-size: 14px;
  text-align: center;
  color: var(--c-text); }
  [e3le1qa].empty-list:after {
    content: '(◕‿◕✿)';
    display: block;
    margin-top: 12px;
    font-size: 18px; }
[e-jx6xnm-host] {
  display: block;
  position: relative; }

msg-chat-item-container[e-jx6xnm] {
  padding: 8px 12px 8px 12px; }
  @media (max-width: 1000px) {
    msg-chat-item-container[e-jx6xnm] {
      padding-left: 20px; } }
  msg-chat-item-container[e-jx6xnm]:hover {
    background-color: var(--c-active); }
    msg-chat-item-container[e-jx6xnm]:hover msg-button[e-jx6xnm] {
      opacity: 1;
      visibility: visible; }

msg-button[e-jx6xnm] {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s, visibility 0.15s;
  transition: opacity 0.15s, visibility 0.15s;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -16px; }

[e-jx6xnm].title {
  font-size: 14px;
  line-height: 1.2;
  color: var(--c-text);
  padding-right: 24px; }
[ebmo8sh-host] {
  display: block;
  background: var(--c-bg);
  color: var(--c-text);
  font-size: 14px;
  padding: 35px;
  text-align: center;
  line-height: 1.5;
  border-radius: 16px;
  -webkit-box-shadow: var(--ui-shadow);
          box-shadow: var(--ui-shadow);
  width: 450px;
  z-index: 3; }

h4[ebmo8sh] {
  font-weight: 500;
  margin: 0; }

p[ebmo8sh] {
  font-size: 14px;
  line-height: 1.7;
  margin: 1em 0; }

msg-button[ebmo8sh] {
  margin-top: 20px;
  margin-bottom: 10px; }
  msg-button[ebmo8sh].submit {
    background: #FC5B4F; }
    msg-button[ebmo8sh].submit:hover {
      background: #fd8a81 !important; }

[ebmo8sh].tamtam-logo {
  width: 72px;
  height: 72px;
  background: url(//web.tamtam.chat/-/images/unbind-ok_d24b9d0b.svg) no-repeat;
  position: relative;
  margin: 0 auto 8px; }

[ebmo8sh].pages {
  position: relative;
  overflow: hidden;
  -webkit-transition: height 0.35s ease-in-out;
  transition: height 0.35s ease-in-out; }

[ebmo8sh].page {
  width: 100%;
  position: absolute;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  top: 0;
  overflow: hidden; }

[ebmo8sh].page.default {
  position: relative; }

[ebmo8sh].page.active,
[ebmo8sh].page.prev {
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; }

[ebmo8sh].page.active {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

[ebmo8sh].page.prev {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }
[e34c6xp-host] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  text-align: center; }

[theme=dark] [e34c6xp-host] {
  background: var(--c-bg); }

header[e34c6xp] {
  display: block;
  padding: 24px 0 0;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 2;
  -webkit-app-region: drag;
  -webkit-user-select: none; }
  header[e34c6xp]::after {
    display: block;
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ff9900;
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }
  header[e34c6xp].__ok::after {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }

main[e34c6xp] {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

[e34c6xp].language {
  position: absolute;
  right: 16px;
  top: 16px; }

[e34c6xp].switch-lang {
  cursor: pointer; }

[e34c6xp].logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[e34c6xp].tamtam-logo {
  display: block;
  height: 60px;
  width: 60px;
  fill: #697cff; }
  [theme=dark] [e34c6xp-host] [e34c6xp].tamtam-logo {
    fill: #fff; }

[e34c6xp].tamtam-logo_tx {
  display: block;
  height: 20px;
  width: 96px;
  margin: 4px 0 32px;
  fill: #697cff; }
  [theme=dark] [e34c6xp-host] [e34c6xp].tamtam-logo_tx {
    fill: #fff; }

msg-auth[e34c6xp] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[e34c6xp-host] msg-auth msg-auth-provider-main,
  [e34c6xp-host] msg-auth msg-auth-provider-ok {
  min-height: 260px; }

[e34c6xp].slogan {
  display: block;
  margin: 0;
  font-size: 14px; }

[e34c6xp].smile-1 {
  position: absolute;
  top: 36px;
  left: 0;
  fill: #B4BEFF;
  opacity: .5; }
  [theme=dark] [e34c6xp-host] [e34c6xp].smile-1 {
    fill: #fff; }

[e34c6xp].smile-2 {
  position: absolute;
  top: 0px;
  left: 75px;
  fill: #FFB968; }

[e34c6xp].smile-3 {
  position: absolute;
  top: 74px;
  left: 170px;
  fill: #B4BEFF;
  opacity: .5; }
  [theme=dark] [e34c6xp-host] [e34c6xp].smile-3 {
    opacity: 1;
    fill: #FF5551; }

[e34c6xp].smile-4 {
  position: absolute;
  top: 34px;
  right: 206px;
  opacity: .5;
  fill: #B4BEFF; }
  [theme=dark] [e34c6xp-host] [e34c6xp].smile-4 {
    opacity: 1;
    fill: #5C5C69; }

[e34c6xp].smile-5 {
  position: absolute;
  top: 0;
  right: 117px;
  fill: #324BF9; }
  [theme=dark] [e34c6xp-host] [e34c6xp].smile-5 {
    fill: #fff; }

[e34c6xp].smile-6 {
  position: absolute;
  top: 50px;
  right: 80px;
  fill: #7BD7B1; }
  [theme=dark] [e34c6xp-host] [e34c6xp].smile-6 {
    fill: #7BC1D7; }

[e34c6xp].smile-7 {
  position: absolute;
  top: 0;
  right: 0;
  fill: #E751FF; }
  [theme=dark] [e34c6xp-host] [e34c6xp].smile-7 {
    fill: #FF5551; }

[e34c6xp].smile-8 {
  position: absolute;
  top: 92px;
  right: 18px;
  opacity: .5;
  fill: #B4BEFF; }
  [theme=dark] [e34c6xp-host] [e34c6xp].smile-8 {
    opacity: 1;
    fill: #5C5C69; }
[e-dn9ynl-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

[e-dn9ynl].provider {
  margin-top: 46px;
  margin-bottom: 13px; }

msg-auth-provider-main[e-dn9ynl],
msg-auth-provider-ok[e-dn9ynl] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  color: var(--c-text);
  min-height: 260px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

ul[e-dn9ynl].tabs {
  display: block;
  list-style-type: none;
  text-align: center;
  font-size: 14px;
  margin-bottom: 40px; }
  ul[e-dn9ynl].tabs li[e-dn9ynl] {
    position: relative;
    display: inline-block;
    padding: 12px 20px;
    border-bottom: 2px solid #ddd;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: top;
    line-height: 1.6;
    color: var(--c-text-sub); }
    [theme=dark] [e-dn9ynl-host] ul.tabs li[e-dn9ynl] {
      border-color: #5c5c69; }
    ul[e-dn9ynl].tabs li[e-dn9ynl]:hover {
      color: #334; }
      [theme=dark] [e-dn9ynl-host] ul.tabs li[e-dn9ynl]:hover {
        color: #ddd; }
    ul[e-dn9ynl].tabs li[e-dn9ynl].__active {
      color: #697cff;
      border-color: #697cff; }
      [theme=dark] [e-dn9ynl-host] ul.tabs li[e-dn9ynl].__active {
        color: #ddd;
        border-color: #ddd; }

msg-tico[e-dn9ynl] {
  display: inline-block;
  font-size: 14px;
  color: var(--c-link); }
  msg-tico[e-dn9ynl]:hover {
    color: var(--c-link-hover); }
    msg-tico[e-dn9ynl]:hover [e-dn9ynl].tico_tx {
      text-decoration: underline; }

[e-dn9ynl].agreement {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--c-text-sub); }
[e-uir58n-host] {
  display: block; }

msg-phone-verify[e-uir58n] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%; }

libverify-main[e-uir58n] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }

[e-uir58n].social-title {
  margin-bottom: 24px;
  margin-top: 50px; }
  .is-mobile [e-uir58n-host] [e-uir58n].social-title {
    margin-top: 32px; }

[e-uir58n].providers {
  display: block;
  list-style-type: none;
  font-size: 14px; }
  [e-uir58n].providers > msg-button[e-uir58n] {
    border: 1px solid var(--c-delimiter);
    margin-right: 20px; }
  [e-uir58n].providers > li[e-uir58n] {
    margin: 0 12px;
    color: var(--c-link);
    display: inline-block; }
    [e-uir58n].providers > li[e-uir58n]:not(:first-child)::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 6px;
      width: 6px;
      border-radius: 50%;
      background: #b3b3b3;
      margin-right: -6px;
      position: relative;
      left: -15px; }

msg-tico[e-uir58n] {
  cursor: pointer;
  display: inline-block;
  margin: 0 8px;
  color: var(--c-link); }
  msg-tico[e-uir58n]:hover {
    color: var(--c-link-hover); }

[e-uir58n].two-factor {
  z-index: 2;
  width: 630px;
  height: 400px;
  border-radius: 4px;
  background: var(--c-bg);
  -webkit-box-shadow: 0 2px 15px var(--c-tint);
          box-shadow: 0 2px 15px var(--c-tint); }
[e-m56idv-host] {
  max-width: 440px;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .new-macos-app [e-m56idv-host] [e-m56idv-host] {
    margin-top: 70px; }

[e-m56idv].loader {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      align-self: center; }

msg-form-error[e-m56idv] {
  padding-left: 0; }
  msg-form-error[e-m56idv] msg-tico[e-m56idv] {
    padding-top: 16px;
    padding-bottom: 16px; }
[eff1j50-host] {
  --layout-align: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px; }

.new-macos-app [eff1j50-host] {
  --layout-align: center;
  gap: 20px; }

header[eff1j50] {
  font-weight: bold; }
  .new-macos-app [eff1j50-host] header[eff1j50] {
    font-size: 17px; }

footer[eff1j50] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px; }

[e-h9k3mw-host] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: var(--layout-align);
        -ms-flex-pack: var(--layout-align);
            justify-content: var(--layout-align);
}

[e-h9k3mw].prefix {
    white-space: nowrap;
}

input[e-h9k3mw] {
    border: 0;
    border-bottom: 1px solid var(--c-highlight);
    margin: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 8px 0;
    outline: none;
    font-family: inherit;
    font-size: inherit;
}
/*# sourceMappingURL=libverify-callin-input.css.map */
[e-3siqit-host] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
}

[e-3siqit].phone-wrap {
    display: inline-block;
    position: relative;
}

[e-3siqit].phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

[e-3siqit].phone a[e-3siqit] {
    color: var(--c-highlight);
    text-decoration: none;
    font-size: 24px;
    font-weight: 700;
    vertical-align: middle;
}

msg-pie-progress[e-3siqit] {
    vertical-align: -2px;
    margin-left: 8px;
    color: var(--c-highlight);
}

[e-3siqit].line-progress {
    position: absolute;
    width: 100%;
    top: 100%;
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

[e-3siqit].line-progress-value {
    height: 4px;
    background: var(--c-highlight);
    border-radius: 2px;
}

msg-tico[e-3siqit] {
    display: inline-block;
    color: var(--c-link);
}

msg-tico[e-3siqit]:hover {
    color: var(--c-link-hover);
}
/*# sourceMappingURL=libverify-callin.css.map */
[e-a9dr9x-host] {
    display: inline-block;
    width: 16px;
    height: 16px;
    color: inherit;
}

svg[e-a9dr9x] {
    vertical-align: top;
    width: 100%;
    height: 100%;
    color: inherit;
}

svg[e-a9dr9x]:not(.cw) {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
}
/*# sourceMappingURL=msg-pie-progress.css.map */[e-lb94aa-host] {
  display: block; }

[e-lb94aa].photo {
  position: relative;
  z-index: 1;
  height: 100px;
  width: 100px;
  display: block;
  margin: 20px auto 23px;
  border-radius: 50%;
  cursor: pointer; }
  [e-lb94aa].photo [e-lb94aa].stub {
    width: 100%;
    height: 100%;
    display: block;
    background: #fff url(//web.tamtam.chat/-/images/photo_stub_640b24aa.svg) center no-repeat;
    background-size: 32px;
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
            box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
    border: 1px solid var(--c-delimiter);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 50%; }

msg-preview-image[e-lb94aa] {
  display: block;
  border-radius: 50%; }

msg-progress[e-lb94aa] {
  position: relative;
  left: 12px;
  margin-right: -16px; }

msg-form-field[e-lb94aa], msg-form-error[e-lb94aa] {
  margin-bottom: 12px; }

[e-lb94aa].base-input {
  font-size: 14px;
  margin-top: -12px;
  border-bottom: 1px solid #ddd;
  padding: 16px 0; }

input[e-lb94aa][type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  width: 0;
  opacity: 0; }
[e-b3dy0o-host] {
  display: block; }

msg-avatar[e-b3dy0o] {
  position: relative;
  margin: 0 16px 0 0;
  border-radius: 50%;
  width: 96px;
  height: 96px; }

[e-b3dy0o].user-name {
  margin: 12px 0 0;
  text-align: center;
  font-weight: 500; }

[e-b3dy0o].user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 22px;
  margin-bottom: 12px; }

msg-button[e-b3dy0o] {
  margin: 0 4px 0 0;
  max-width: 300px;
  white-space: nowrap; }

[e-b3dy0o].btn-txt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

msg-progress[e-b3dy0o] {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
  color: #fff; }

msg-form-field[e-b3dy0o],
msg-form-error[e-b3dy0o] {
  margin-bottom: 12px; }
[elbm50u-host] {
  display: block;
  font-size: 14px; }

[elbm50u].about {
  max-width: 350px;
  margin: 0 auto 32px;
  line-height: 1.6;
  color: var(--c-text);
  text-align: center; }

[elbm50u].step-autologin,
[elbm50u].login {
  display: none; }

msg-auth-provider[elbm50u].__login [elbm50u].step-login {
  display: block; }

msg-auth-provider[elbm50u].__autologin [elbm50u].step-autologin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 22px;
  margin-bottom: 12px; }

msg-avatar[elbm50u] {
  position: relative;
  margin: 0 16px 0 0;
  border-radius: 50%;
  width: 96px;
  height: 96px; }

fieldset[elbm50u] {
  text-align: center; }

[elbm50u].user-name {
  margin: 12px 0 0;
  text-align: center;
  font-weight: 500; }

msg-l10n[elbm50u][key="got-you-at-okru"] {
  font-size: 14px;
  color: #8a8a95;
  display: block; }

msg-button[elbm50u] {
  margin: 0 4px 0 0;
  max-width: 300px;
  white-space: nowrap; }

msg-button[elbm50u][role="primary"] {
  background: #ff9900; }
  msg-button[elbm50u][role="primary"]:not([disabled]):hover {
    background: #ea8233; }

[elbm50u].btn-txt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

msg-progress[elbm50u] {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
  color: #fff; }

fieldset[elbm50u] {
  position: relative; }

[elbm50u].forgot {
  display: inline-block;
  margin-top: 12px;
  font-size: 14px;
  line-height: 16px;
  height: 20px; }

msg-form-error[elbm50u] {
  width: 380px;
  margin: 12px 0 0;
  padding: 0;
  font-size: 14px;
  height: 20px;
  text-align: left; }
  msg-form-error[elbm50u] msg-tico[elbm50u] {
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal; }

[elbm50u].two-factor {
  position: relative;
  z-index: 2;
  width: 630px;
  height: 400px;
  border-radius: 4px;
  background: var(--c-bg);
  -webkit-box-shadow: 0 2px 15px var(--c-tint);
          box-shadow: 0 2px 15px var(--c-tint); }

[elbm50u].back {
  margin-bottom: 10px; }

[elbm50u-host] msg-auth-provider.__autologin slot:not([name]) {
  margin-bottom: 20px; }

[elbm50u-host] msg-button msg-l10n {
  max-width: 100%;
  line-height: 1.4;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

[elbm50u-host] .step-login > msg-form-field .base-input {
  font-size: 14px;
  line-height: 16px;
  border-bottom: 1px solid var(--c-delimiter);
  padding: 16px 0; }

[elbm50u-host] .step-login > msg-form-field .base-input.__error {
  border-color: var(--c-error); }

[elbm50u-host] .step-login > msg-form-field .base-input::-webkit-credentials-auto-fill-button {
  background-color: var(--c-text-sub); }

[elbm50u-host] .step-login > msg-form-field .base-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px var(--c-bg) inset;
  box-shadow: 0 0 0 30px var(--c-bg) inset;
  -webkit-text-fill-color: var(--c-text);
  caret-color: var(--c-text); }

msg-tico[elbm50u]:not([icon=error]) {
  color: var(--c-link); }
  msg-tico[elbm50u]:not([icon=error]):hover {
    color: var(--c-link-hover); }

msg-l10n[elbm50u].__hidden {
  visibility: hidden; }
[e-fmn2pv-host] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none; }

[e-fmn2pv-host][enabled] {
  display: block; }

msg-auth[e-fmn2pv] {
  width: 408px; }

.messenger.__landing {
  --c-bg: #fff;
  --c-overlay: rgba(255, 255, 255, .75);
  --c-overlay-dark: rgba(34, 34, 51, .9);
  --c-delimiter: #e9e9e9;
  --c-delimiter-fat: #f5f5f5;
  --c-error: #ff5756;
  --c-text: #334;
  --c-text-sub: #5B5B69;
  --c-link: #5c5c69;
  --c-btn: #ebebeb;
  --c-btn-active: #ccc;
  --c-btn-text: #5c5c69;
  --c-msg: #ebebeb;
  --c-msg-mine: #e1e5ff;
  --c-msg-ctrl: rgba(51, 51, 68, .35);
  --c-msg-text: #334;
  --c-msg-mine-sub: #808090;
  --c-input: #ebebeb;
  --c-input-border: #ebebeb;
  --c-tint: rgba(0, 0, 0, .4); }

.messenger.__landing msg-app > main {
  width: 0;
  min-width: 0; }

.messenger.__landing msg-auth {
  background: #fff;
  padding: 40px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 15px var(--c-tint);
  box-shadow: 0 2px 15px var(--c-tint);
  z-index: 2; }

.messenger.__landing msg-button.close {
  position: fixed;
  z-index: 3200;
  top: 0;
  right: 0;
  padding: 24px;
  cursor: pointer;
  height: 64px;
  width: 64px;
  border-radius: 0; }

.messenger.__landing msg-button.close msg-icon {
  color: #b3b3b3; }

.messenger.__landing msg-button.close:hover {
  background: rgba(0, 0, 0, 0.25); }

.messenger.__landing msg-button.close:hover msg-icon {
  color: #fff; }
[e-hjmiv0-host] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  color: var(--c-text); }

h1[e-hjmiv0] {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--c-text);
  margin: 0 0 20px; }

main[e-hjmiv0] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background: var(--c-bg);
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 800px; }

[e-hjmiv0].content {
  padding-top: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[e-hjmiv0].login {
  width: 520px;
  margin: 0 48px 0 0;
  max-width: 100%;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s; }

[e-hjmiv0].descr {
  line-height: 20px;
  margin: 16px 0; }

[e-hjmiv0].image {
  position: relative;
  z-index: 1;
  height: 534px;
  width: 296px;
  background: url(//web.tamtam.chat/-/images/auth/phone_b95d05ca@2x.png) center no-repeat;
  background-size: contain;
  -webkit-transition: opacity 0.3s, width 0.3s;
  transition: opacity 0.3s, width 0.3s; }
  [e-hjmiv0].image.__en {
    background-image: url(//web.tamtam.chat/-/images/auth/phone_en_19fed89a@2x.png); }

[e-hjmiv0].shape-1 {
  position: absolute;
  top: -40px;
  right: 50%;
  margin-right: -648px;
  -webkit-transition: top 0.3s, margin-right 0.3s;
  transition: top 0.3s, margin-right 0.3s; }

[e-hjmiv0].shape-2 {
  position: absolute;
  right: 50%;
  top: 384px;
  margin-right: -212px;
  -webkit-transition: margin-right 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: margin-right 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: margin-right 0.3s, transform 0.3s, opacity 0.3s;
  transition: margin-right 0.3s, transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; }

[e-hjmiv0].shape-2-2 {
  position: absolute;
  bottom: -72px;
  left: 0;
  margin-left: -116px;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; }

[e-hjmiv0].shape-3 {
  position: absolute;
  right: 50%;
  top: 48px;
  margin-right: -88px;
  -webkit-transition: margin-right 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: margin-right 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: margin-right 0.3s, transform 0.3s, opacity 0.3s;
  transition: margin-right 0.3s, transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; }

[e-hjmiv0].shape-4 {
  position: absolute;
  z-index: 2;
  right: 50%;
  top: 365px;
  margin-right: -484px;
  -webkit-transition: margin-right 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: margin-right 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: margin-right 0.3s, transform 0.3s, opacity 0.3s;
  transition: margin-right 0.3s, transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; }

[e-hjmiv0].shape-5 {
  position: absolute;
  right: 50%;
  top: 600px;
  margin-right: -510px;
  -webkit-transition: opacity 0.3s transform 0.3s;
  transition: opacity 0.3s transform 0.3s; }

[e-hjmiv0].primary-download {
  display: inline-block;
  margin: 16px 0 32px; }

[e-hjmiv0].secondary-download a[e-hjmiv0] {
  color: #697cff; }

[e-hjmiv0].menu-ico {
  -webkit-transition: -webkit-transform .3s .3s;
  transition: -webkit-transform .3s .3s;
  transition: transform .3s .3s;
  transition: transform .3s .3s, -webkit-transform .3s .3s;
  -webkit-transform-origin: 50%;
          transform-origin: 50%; }
  [e-hjmiv0].menu.__vis [e-hjmiv0].menu-ico {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }

@media (max-width: 980px) {
  [e-hjmiv0].login {
    padding: 0 24px; }
  [e-hjmiv0].image {
    width: 0;
    opacity: 0; }
  [e-hjmiv0].shape-2 {
    margin-right: -346px; }
  [e-hjmiv0].shape-3 {
    margin-right: -228px; }
  [e-hjmiv0].shape-4 {
    margin-right: -370px; }
  [e-hjmiv0].shape-5 {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }

@media (max-width: 740px) {
  h1[e-hjmiv0] {
    font-size: 32px;
    padding-right: 10vw; }
  [e-hjmiv0].content {
    height: 100%;
    padding-bottom: 10vh;
    padding-top: 30px; }
  [e-hjmiv0].login {
    margin: 0; }
  [e-hjmiv0].shape-1 {
    top: -96px;
    margin-right: -496px; }
  [e-hjmiv0].shape-2,
  [e-hjmiv0].shape-4 {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  [e-hjmiv0].shape-2-2 {
    opacity: 0; }
  [e-hjmiv0].shape-3 {
    top: -40px;
    margin-right: -118px; } }

@media (max-width: 400px) {
  [e-hjmiv0].shape-3 {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }

.is-mobile [e-hjmiv0-host] h1[e-hjmiv0] {
  padding-right: 15vw; }

.is-mobile [e-hjmiv0-host] [e-hjmiv0].login {
  width: 100%;
  padding: 0 16px; }
msg-checkbox[e9wzgwt] {
  display: inline-block;
  position: relative;
  top: 16px; }
msg-checkbox[e-kg473e] {
  display: inline-block;
  position: relative;
  top: 16px; }
msg-checkbox[eua7x2y] {
  position: relative;
  top: 16px; }
msg-bubble[eyaien3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 8px;
  position: relative;
  top: 8px;
  z-index: 6; }

div[eyaien3][slot="element"] msg-l10n[eyaien3][key="remove-participant-messages"] {
  border-bottom: 1px var(--c-link) dotted; }

[eyaien3].bubble-container {
  width: 250px; }

msg-l10n[eyaien3][key="remove-participant-messages"] {
  color: var(--c-text);
  cursor: pointer; }

    [e-azsp8w].bubble-container {
        cursor: pointer;
        font-weight: bold;
        border-bottom: 1px var(--c-link) dotted;
    }

    msg-menu-item[e-azsp8w] {
        cursor: pointer;
    }
/*# sourceMappingURL=msg-chat-actions-report.css.map */
    [e-bmqn82].checkbox {
        padding: 20px 0 0;
    }
/*# sourceMappingURL=msg-call-revoke-link-body.css.map */