@charset "UTF-8";
@font-face {
  font-family: 'Inter';
  src: url("../fonts/inter-v3.10/Inter-BoldItalic.woff2");
  font-weight: bolder;
  font-style: italic; }

@font-face {
  font-family: 'Inter';
  src: url("../fonts/inter-v3.10/Inter-Bold.woff2");
  font-weight: bolder; }

@font-face {
  font-family: 'Inter';
  src: url("../fonts/inter-v3.10/Inter-SemiBoldItalic.woff2");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Inter';
  src: url("../fonts/inter-v3.10/Inter-Italic.woff2");
  font-style: italic; }

@font-face {
  font-family: 'Inter';
  src: url("../fonts/inter-v3.10/Inter-SemiBold.woff2");
  font-weight: bold; }

@font-face {
  font-family: 'Inter';
  src: url("../fonts/inter-v3.10/Inter-Regular.woff2"); }

html {
  height: 100%;
  cursor: inherit; }

body {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
  color: #1b1b1b;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  --title-bar-drag-area-height: 0px;
  --draggable-app-region: initial; }
  body.os-macos:not(.full-screen) {
    --title-bar-drag-area-height: 28px;
    --draggable-app-region: drag; }

body.light-theme {
  background-color: #ffffff;
  color: #1b1b1b; }

body.dark-theme {
  background-color: #121212;
  color: #e9e9e9; }

::-webkit-scrollbar {
  width: 9px;
  height: 9px; }

::-webkit-scrollbar-track {
  background: transparent; }

::-webkit-scrollbar-thumb {
  background: #b9b9b9;
  border: 2px solid #ffffff; }
  .dark-theme ::-webkit-scrollbar-thumb {
    background: #848484;
    border: 2px solid #1b1b1b; }
  ::-webkit-scrollbar-thumb:hover {
    background: #848484; }
    .dark-theme ::-webkit-scrollbar-thumb:hover {
      background: #b9b9b9; }

::-webkit-scrollbar-corner {
  background: #ffffff; }
  .dark-theme ::-webkit-scrollbar-corner {
    background: #000000; }

audio {
  max-width: 100%; }

.dark-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.25;
  z-index: 200;
  background-color: #000000; }
  .dark-theme .dark-overlay {
    background-color: #121212; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: ' '; }

.clearfix:after {
  clear: both; }

.hide {
  display: none; }

button {
  cursor: pointer;
  font-size: inherit; }

button.grey {
  border-radius: 5px;
  border: solid 1px #b9b9b9;
  cursor: pointer;
  margin: 1em auto;
  padding: 1em;
  font-family: inherit;
  color: #5e5e5e;
  background: #f6f6f6;
  box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.4); }
  .dark-theme button.grey {
    border: solid 1px #b9b9b9;
    color: #5e5e5e;
    background: #f6f6f6;
    box-shadow: 0 0 10px -5px rgba(255, 255, 255, 0.6); }
  button.grey:hover {
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.6); }
    .dark-theme button.grey:hover {
      box-shadow: 0 0 10px -3px rgba(255, 255, 255, 0.8); }
  button.grey[disabled='disabled'], button.grey[disabled='disabled']:hover {
    opacity: 0.5;
    box-shadow: none;
    cursor: default; }

a {
  color: #2c6bed; }

.file-input {
  position: relative; }
  .file-input .choose-file {
    cursor: pointer; }
  .file-input .paperclip {
    width: 32px;
    height: 32px;
    padding: 0;
    opacity: 0.5;
    border: none;
    background: transparent;
    outline: none; }
    .file-input .paperclip:focus, .file-input .paperclip:hover {
      opacity: 1; }
    .file-input .paperclip:before {
      content: '';
      display: inline-block;
      width: 24px;
      height: 24px;
      -webkit-mask: url("../images/icons/v2/plus-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #3b3b3b; }
      .dark-theme .file-input .paperclip:before {
        -webkit-mask: url("../images/icons/v2/plus-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #dedede; }
  .file-input input[type='file'] {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 1; }

.group-member-list .container {
  outline: none; }

.banner {
  z-index: 100;
  background-color: #b0c8f9;
  color: #000000;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 25px;
  right: 30px;
  left: 30px;
  padding: 5px 25px 5px 10px;
  text-align: center;
  border-radius: 10px;
  cursor: pointer; }
  .banner .warning {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: text-bottom;
    -webkit-mask: url("../images/icons/v2/error-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: black; }
  .banner .dismiss {
    position: absolute;
    right: 3px;
    top: 3px;
    height: 23px;
    width: 23px;
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: black; }

.loading {
  position: relative; }
  .loading::before {
    display: block;
    margin: 0px auto;
    content: ' ';
    height: 16px;
    width: 16px;
    border-radius: 32px;
    animation: rotate 1s linear infinite;
    border: solid 3px;
    border-color: #b0c8f9 #b0c8f9 #f6f6f6 #f6f6f6 !important; }

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

.x {
  display: inline-block;
  float: right;
  cursor: pointer;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  padding: 3px;
  background: #5e5e5e; }
  .x:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff; }

@keyframes loading {
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    opacity: 0; } }

.app-migration-screen {
  display: flex;
  flex-direction: column; }

.app-loading-screen {
  z-index: 99;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #3a76f0;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  user-select: none; }
  .app-loading-screen .content {
    text-align: center; }
  .app-loading-screen .container {
    margin-left: auto;
    margin-right: auto;
    width: 78px;
    height: 22px; }
  .app-loading-screen .message {
    -webkit-user-select: text;
    max-width: 35em;
    margin-left: auto;
    margin-right: auto; }
  .app-loading-screen .dot {
    width: 14px;
    height: 14px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    float: left;
    margin: 0 6px;
    transform: scale(0);
    animation: loading 1500ms ease infinite 0ms; }
    .app-loading-screen .dot:nth-child(2) {
      animation: loading 1500ms ease infinite 333ms; }
    .app-loading-screen .dot:nth-child(3) {
      animation: loading 1500ms ease infinite 666ms; }

.full-screen-flow {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #000000;
  background: linear-gradient(to bottom, #eeeeee 0%, #f3f3f3 12%, white 27%, white 60%, #f9f9f9 85%, #d5d5d5 100%);
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 10pt; }
  .full-screen-flow.overlay {
    z-index: 200; }
  .full-screen-flow a {
    color: #2c6bed; }
  .full-screen-flow input {
    margin-top: 1em;
    font-size: 12pt;
    border: 2px solid #2c6bed;
    padding: 0.5em;
    text-align: center;
    width: 20em; }
  @media (min-height: 750px) and (min-width: 700px) {
    .full-screen-flow {
      font-size: 14pt; }
      .full-screen-flow input {
        font-size: 16pt; } }
  .full-screen-flow #qr {
    display: inline-block; }
    .full-screen-flow #qr.ready {
      border: 5px solid #2c6bed;
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }
    .full-screen-flow #qr img {
      height: 20em;
      border: 5px solid #ffffff; }
    @media (max-height: 475px) {
      .full-screen-flow #qr img {
        width: 8em;
        height: 8em; } }
    .full-screen-flow #qr .dot {
      width: 14px;
      height: 14px;
      border: 3px solid #2c6bed;
      border-radius: 50%;
      float: left;
      margin: 0 6px;
      transform: scale(0);
      animation: loading 1500ms ease infinite 0ms; }
      .full-screen-flow #qr .dot:nth-child(2) {
        animation: loading 1500ms ease infinite 333ms; }
      .full-screen-flow #qr .dot:nth-child(3) {
        animation: loading 1500ms ease infinite 666ms; }
    .full-screen-flow #qr canvas {
      display: none; }
  .full-screen-flow .os-icon {
    height: 3em;
    width: 3em;
    vertical-align: text-bottom;
    display: inline-block;
    margin: 0.5em; }
    .full-screen-flow .os-icon.apple {
      -webkit-mask: url("../images/full-screen-flow/apple.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: black; }
    .full-screen-flow .os-icon.android {
      -webkit-mask: url("../images/full-screen-flow/android.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: black; }
  .full-screen-flow .header {
    font-weight: normal;
    margin-bottom: 1.5em;
    font-size: 20pt; }
    @media (min-height: 750px) and (min-width: 700px) {
      .full-screen-flow .header {
        font-size: 28pt; } }
  .full-screen-flow .body-text {
    max-width: 22em;
    text-align: left;
    margin-left: auto;
    margin-right: auto; }
  .full-screen-flow .body-text-wide {
    max-width: 30em;
    text-align: left;
    margin-left: auto;
    margin-right: auto; }
  .full-screen-flow form {
    height: 100%;
    width: 100%; }
  .full-screen-flow .step {
    height: 100%;
    width: 100%;
    padding: 70px 0 50px; }
  .full-screen-flow .step-body {
    margin-left: auto;
    margin-right: auto;
    max-width: 35em; }
  .full-screen-flow .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%; }
  .full-screen-flow .banner-image {
    margin: 1em;
    display: none; }
    @media (min-height: 550px) {
      .full-screen-flow .banner-image {
        display: inline-block;
        height: 10em;
        width: 10em; } }
  .full-screen-flow .banner-icon {
    display: none;
    margin: 1em; }
    @media (min-height: 550px) {
      .full-screen-flow .banner-icon {
        display: inline-block;
        height: 10em;
        width: 10em; } }
    .full-screen-flow .banner-icon.check-circle-outline {
      -webkit-mask: url("../images/full-screen-flow/check-circle-outline.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede; }
    .full-screen-flow .banner-icon.alert-outline {
      -webkit-mask: url("../images/full-screen-flow/alert-outline.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede; }
    .full-screen-flow .banner-icon.folder-outline {
      -webkit-mask: url("../images/full-screen-flow/folder-outline.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede; }
    .full-screen-flow .banner-icon.import {
      -webkit-mask: url("../images/full-screen-flow/import.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede; }
    .full-screen-flow .banner-icon.lead-pencil {
      -webkit-mask: url("../images/full-screen-flow/lead-pencil.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede; }
    .full-screen-flow .banner-icon.sync {
      -webkit-mask: url("../images/full-screen-flow/sync.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede; }
    .full-screen-flow .banner-icon.alert-outline-red {
      -webkit-mask: url("../images/full-screen-flow/alert-outline.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #f44336; }
    .full-screen-flow .banner-icon.delete {
      -webkit-mask: url("../images/full-screen-flow/delete.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede; }
  .full-screen-flow .button {
    cursor: pointer;
    display: inline-block;
    border: none;
    min-width: 300px;
    padding: 0.75em;
    margin-top: 1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    color: #ffffff;
    background: #2c6bed;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    font-size: 12pt; }
    .full-screen-flow .button.neutral {
      color: #000000;
      background: #dedede; }
    .full-screen-flow .button.destructive {
      background: #f44336; }
    @media (min-height: 750px) and (min-width: 700px) {
      .full-screen-flow .button {
        font-size: 20pt; } }
  .full-screen-flow a.link {
    display: block;
    cursor: pointer;
    text-decoration: underline;
    margin: 0.5em;
    color: #2c6bed; }
  .full-screen-flow .progress {
    text-align: center;
    padding: 1em;
    width: 80%;
    margin: auto; }
    .full-screen-flow .progress .bar-container {
      height: 1em;
      margin: 1em;
      background-color: #f6f6f6; }
    .full-screen-flow .progress .bar {
      width: 100%;
      height: 100%;
      background-color: #b0c8f9;
      transition: width 0.25s;
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }
  .full-screen-flow .nav {
    width: 100%;
    bottom: 50px;
    margin-top: auto;
    padding-bottom: 2em;
    padding-left: 20px;
    padding-right: 20px; }
    .full-screen-flow .nav .instructions {
      text-align: left;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 2em;
      margin-top: 2em;
      max-width: 30em; }
    .full-screen-flow .nav .instructions:after {
      clear: both; }
    .full-screen-flow .nav .android {
      float: left; }
    .full-screen-flow .nav .apple {
      float: right; }
    .full-screen-flow .nav .label {
      float: left; }
    .full-screen-flow .nav .body {
      float: left; }

.inbox:focus {
  outline: none; }

.inbox {
  position: relative; }

.overflow-hidden {
  overflow: hidden; }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px; }

.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent); }

.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.bar-container {
  background: #b0c8f9; }
  .bar-container .progress-bar {
    height: 100%; }

.modal {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0 20px;
  z-index: 100;
  overflow-y: auto; }
  .modal .content {
    position: relative;
    max-width: 350px;
    margin: 100px auto;
    padding: 1em;
    border-radius: 5px;
    overflow: auto;
    background-color: #ffffff;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); }
    .dark-theme .modal .content {
      background-color: #121212;
      box-shadow: 0px 3px 5px 0px rgba(255, 255, 255, 0.2); }

.debug-log.modal {
  padding: 50px; }
  .debug-log.modal .content {
    margin: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
    .debug-log.modal .content textarea {
      flex-grow: 1;
      width: 100%;
      resize: none;
      min-height: 100px;
      font-family: Monaco, Consolas, 'Courier New', Courier, monospace;
      font-size: 12px; }
      .dark-theme .debug-log.modal .content textarea {
        background-color: #1b1b1b;
        border: 1px solid #848484;
        color: #f6f6f6; }

.debug-log .result {
  text-align: center; }
  .debug-log .result .input-group {
    display: inline-flex; }
  .debug-log .result .copy {
    height: 36px;
    text-align: center;
    line-height: 36px;
    padding: 0 30px;
    color: unset;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
    border: solid 1px #b9b9b9;
    background: #f6f6f6; }
    .debug-log .result .copy:active {
      background: #b9b9b9; }
    .dark-theme .debug-log .result .copy {
      border: solid 1px #848484;
      background-color: #1b1b1b;
      color: #f6f6f6; }
      .dark-theme .debug-log .result .copy:active {
        background: #b9b9b9; }
  .debug-log .result .link {
    border-radius: 5px 0 0 5px;
    flex-grow: 1;
    min-width: 400px;
    height: 36px;
    padding: 0 10px;
    outline-offset: -4px;
    border: solid 1px #b9b9b9;
    border-right: none; }
    .dark-theme .debug-log .result .link {
      color: #f6f6f6;
      border: solid 1px #848484;
      border-right: none;
      background-color: #1b1b1b; }

.lightbox-container {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100; }

.iconButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  background: transparent;
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 50%;
  padding: 3px; }
  .iconButton:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%; }
  .iconButton:hover, .iconButton:focus {
    background: #5e5e5e; }
  .iconButton.save:before {
    -webkit-mask: url("../images/icons/v2/save-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff; }
  .iconButton.close:before {
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff; }
  .iconButton.previous:before {
    -webkit-mask: url("../images/icons/v2/chevron-left-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff; }
  .iconButton.next:before {
    -webkit-mask: url("../images/icons/v2/chevron-right-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff; }

.capture-audio {
  text-align: center; }
  .capture-audio .microphone {
    height: 32px;
    width: 32px;
    text-align: center;
    opacity: 0.5;
    background: transparent;
    padding: 0;
    border: none;
    outline: none; }
    .capture-audio .microphone:focus, .capture-audio .microphone:hover {
      opacity: 1; }
    .capture-audio .microphone:before {
      content: '';
      display: inline-block;
      height: 24px;
      width: 24px;
      -webkit-mask: url("../images/icons/v2/mic-outline-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #3b3b3b; }
      .dark-theme .capture-audio .microphone:before {
        -webkit-mask: url("../images/icons/v2/mic-solid-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #dedede; }

.recorder button {
  float: right;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  margin-left: 5px;
  opacity: 0.3;
  text-align: center;
  padding: 0;
  outline: none; }
  .recorder button:focus, .recorder button:hover {
    opacity: 1; }
  .recorder button .icon {
    display: inline-block;
    width: 24px;
    height: 24px; }

.recorder .finish {
  background: #92cf94;
  border: 1px solid #4caf50; }
  .recorder .finish .icon {
    -webkit-mask: url("../images/icons/v2/check-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #4caf50; }

.recorder .close {
  background: #f99d97;
  border: 1px solid #f44336; }
  .recorder .close .icon {
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #f44336; }

.recorder .time {
  color: #5e5e5e;
  float: right;
  line-height: 36px;
  padding: 0 10px;
  transform: translateY(-2px); }

@keyframes pulse {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .recorder .time::before {
    content: '';
    display: inline-block;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    background: #f44336;
    margin-right: 10px;
    opacity: 0;
    animation: pulse 2s infinite; }

span.emoji {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 1em;
  height: 1em;
  background-size: 1em;
  background-repeat: no-repeat;
  text-indent: -9999px;
  background-position: 50%, 50%;
  background-size: contain; }

span.emoji-sizer {
  line-height: 0.81em;
  font-size: 1em;
  margin: -2px 0; }

span.emoji-outer {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  height: 1em;
  width: 1em; }

span.emoji-inner {
  display: -moz-inline-box;
  display: inline-block;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1; }

img.emoji {
  width: 1.4em;
  height: 1.4em;
  margin-bottom: -5px;
  vertical-align: baseline; }

img.emoji.small {
  width: 1.8em;
  height: 1.8em; }

img.emoji.medium {
  width: 2em;
  height: 2em; }

img.emoji.large {
  width: 2.5em;
  height: 2.5em; }

img.emoji.jumbo {
  width: 3.5em;
  height: 3.5em; }

.conversations img.emoji.small {
  width: 1em;
  height: 1em; }

.conversations img.emoji.medium {
  width: 1em;
  height: 1em; }

.conversations img.emoji.large {
  width: 1em;
  height: 1em; }

.conversations img.emoji.jumbo {
  width: 1em;
  height: 1em; }

.settings {
  user-select: none; }
  .settings.modal {
    padding: 0;
    background-color: transparent; }
    .settings.modal .content {
      margin: 0;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      max-width: 450px;
      border-radius: 0;
      box-shadow: 0px 0px 0px 0px; }
  .settings hr {
    margin: 10px 0; }
    .dark-theme .settings hr {
      border-color: #848484; }
  .settings .device-name-settings {
    text-align: center;
    margin-bottom: 1em; }
  .settings .syncSettings button {
    float: right;
    line-height: 36px;
    padding: 0 20px;
    margin: 0 0 20px 20px; }
  .settings .syncSettings .synced_at {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.03px;
    color: #5e5e5e; }
  .settings .syncSettings .sync_failed {
    display: none;
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.03px;
    color: #f44336; }
  .settings .restart-needed {
    margin-top: 1em; }
  .settings .clear-data-settings button {
    float: right;
    line-height: 36px;
    padding: 0 20px;
    margin: 0 0 20px 20px; }
  .settings .clear-data-settings .destructive {
    background-color: #f44336;
    color: #ffffff; }
  .settings .send-link-previews-setting {
    margin-top: 0.75em; }
  .settings .description {
    margin-top: 0.3em;
    margin-left: 1.5em; }
  .settings .detail {
    margin-top: 0.3em;
    margin-left: 1.5em;
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.03px;
    color: #5e5e5e; }

.conversation-stack,
.new-conversation,
.inbox,
.inbox-container,
.gutter {
  height: 100%;
  overflow: hidden;
  position: relative; }

.inbox {
  display: flex;
  flex-direction: column; }

.scrollable {
  height: 100%;
  overflow: auto; }

.gutter {
  background-color: #f6f6f6;
  float: left;
  width: 320px;
  user-select: none; }
  .gutter ::-webkit-scrollbar-track {
    background: #f6f6f6; }
  .gutter ::-webkit-scrollbar-thumb {
    border: 2px solid #f6f6f6; }
  .dark-theme .gutter {
    background-color: #2e2e2e; }
    .dark-theme .gutter ::-webkit-scrollbar-track {
      background: #2e2e2e; }
    .dark-theme .gutter ::-webkit-scrollbar-thumb {
      border: 2px solid #2e2e2e; }
  .gutter .content {
    overflow-y: scroll;
    max-height: calc(100% - 88px); }

.left-pane-placeholder {
  height: 100%; }

.left-pane-wrapper {
  height: 100%; }

.conversation.placeholder {
  text-align: center;
  user-select: none; }
  .conversation.placeholder .container {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  .conversation.placeholder .content {
    display: inline-block; }
  .conversation.placeholder h3 {
    font-size: large; }

.call-manager-wrapper {
  position: relative; }

@keyframes panel--in {
  from {
    transform: translateX(500px);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }

.conversation {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #ffffff; }
  .dark-theme .conversation {
    background-color: #121212; }
  .conversation .panel {
    height: calc(100% - 52px - var(--title-bar-drag-area-height));
    overflow-y: scroll;
    z-index: 1;
    position: absolute;
    left: 0;
    top: calc(52px + var(--title-bar-drag-area-height));
    width: 100%;
    background-color: #ffffff; }
    .dark-theme .conversation .panel {
      background-color: #121212; }
  .conversation .panel:not(.main) {
    animation: panel--in 250ms ease-out; }
  .conversation .panel--static {
    animation: none; }
  .conversation .panel--remove {
    transform: translateX(500px);
    opacity: 0;
    transition: all 250ms ease-out; }
  .conversation .panel .container {
    padding-top: 20px;
    max-width: 750px;
    margin: 0 auto;
    padding: 20px; }
  .conversation .main.panel {
    display: flex;
    flex-direction: column;
    overflow: initial; }
  .conversation .main.panel .timeline-placeholder {
    flex-grow: 1;
    position: relative;
    max-width: 100%;
    margin: 0; }
    .conversation .main.panel .timeline-placeholder .timeline-wrapper {
      -webkit-padding-start: 0px;
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
      overflow-y: auto;
      overflow-x: hidden; }

.panel + .main.panel {
  display: none; }

.message-detail-wrapper {
  height: calc(100% - 48px);
  width: 100%;
  overflow-y: auto; }

.discussion-container {
  background-color: #ffffff; }
  .dark-theme .discussion-container {
    background-color: #121212; }

.typing-bubble-wrapper {
  margin-bottom: 20px; }

.contact-detail-pane {
  overflow-y: scroll;
  padding-top: 40px;
  padding-bottom: 40px; }

.bottom-bar .module-quote {
  margin: 0;
  border-left-style: none; }
  .dark-theme.ios-theme .bottom-bar .module-quote {
    background-color: #1851b4;
    border-left-color: #b0c8f9; }
  .ios-theme .bottom-bar .module-quote {
    background-color: #b0c8f9;
    border-left-color: #ffffff; }

.dark-theme.ios-theme .bottom-bar .module-quote__primary__author {
  color: #e9e9e9; }

.dark-theme.ios-theme .bottom-bar .module-quote__primary__type-label {
  color: #e9e9e9; }

.dark-theme.ios-theme .bottom-bar .module-quote__generic-file__text {
  color: #e9e9e9; }

.dark-theme.ios-theme .bottom-bar .module-quote__primary__text {
  color: #e9e9e9; }
  .dark-theme.ios-theme .bottom-bar .module-quote__primary__text a {
    color: #e9e9e9; }

.bottom-bar .quote-wrapper {
  margin-left: 18px;
  margin-right: 18px;
  margin-top: 3px; }

.bottom-bar .preview-wrapper {
  margin-top: 3px;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 2px; }

.bottom-bar {
  box-sizing: content-box; }
  .bottom-bar form.active textarea {
    border: solid 1px #2c6bed; }
  .bottom-bar form.send {
    margin-bottom: 0px;
    background: #ffffff; }
    .dark-theme .bottom-bar form.send {
      background-color: #121212; }
  .bottom-bar .flex {
    display: flex;
    flex-direction: row; }
    .bottom-bar .flex .send-message {
      flex-grow: 1; }
  .bottom-bar .choose-file {
    float: left;
    height: 36px; }
  .bottom-bar .send-message {
    display: block;
    max-height: 100px;
    padding: 10px;
    margin-top: 3px;
    margin-bottom: 6px;
    border-radius: 20px;
    resize: none;
    font-size: 1em;
    font-family: inherit;
    background-color: #f6f6f6;
    color: #121212;
    border: 1px solid rgba(0, 0, 0, 0.2);
    outline: 0; }
    .dark-theme .bottom-bar .send-message {
      background-color: #1b1b1b;
      color: #f6f6f6;
      border: 1px solid #5e5e5e;
      outline: 0; }
    .bottom-bar .send-message[disabled='disabled'] {
      background: transparent; }
  .bottom-bar .capture-audio {
    float: right;
    height: 36px; }
  .bottom-bar .android-length-warning {
    padding: 10px;
    max-width: 150px; }

.toast {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 62px;
  text-align: center;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 4px;
  z-index: 100;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0;
  background-color: #3b3b3b;
  color: #ffffff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2), 0 0 0 0.5px rgba(0, 0, 0, 0.05); }
  .dark-theme .toast {
    background-color: #848484;
    color: #ffffff;
    box-shadow: 0 4px 16px 0 rgba(255, 255, 255, 0.2); }

.toast-clickable {
  cursor: pointer; }

.permissions-popup .modal,
.debug-log-window .modal {
  background-color: transparent;
  padding: 0; }

.module-title-bar-drag-area {
  -webkit-app-region: drag;
  height: var(--title-bar-drag-area-height);
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999; }

.module-splash-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.module-splash-screen__logo {
  -webkit-mask: url("../images/signal-logo.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  margin: 24px auto; }
  .module-splash-screen__logo.module-img--256 {
    height: 256px;
    width: 256px; }
  .module-splash-screen__logo.module-img--200 {
    height: 200px;
    width: 200px; }
  .module-splash-screen__logo.module-img--150 {
    height: 150px;
    width: 150px; }
  .module-splash-screen__logo.module-img--128 {
    height: 128px;
    width: 128px; }
  .module-splash-screen__logo.module-logo-blue {
    background-color: #3a76f0; }

.module-message-container {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  cursor: inherit;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px; }
  .module-message-container::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0; }

.module-message {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: stretch;
  outline: none; }

.module-message--expired {
  animation: module-message__shake 0.2s linear infinite; }

@keyframes module-message__shake {
  0% {
    transform: translateX(0px); }
  25% {
    transform: translateX(-5px); }
  50% {
    transform: translateX(0px); }
  75% {
    transform: translateX(5px); }
  100% {
    transform: translateX(0px); } }

.module-message--incoming {
  margin-left: 16px;
  margin-right: 32px; }

.module-message--outgoing {
  float: right;
  margin-right: 16px;
  margin-left: 32px; }

.module-message__buttons {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  opacity: 0; }

.module-message:hover .module-message__buttons {
  opacity: 1; }

.module-message__buttons--incoming {
  left: 100%;
  padding-left: 8px; }

.module-message__buttons--outgoing {
  right: 100%;
  padding-right: 8px;
  flex-direction: row-reverse; }

.module-message__buttons__download {
  height: 24px;
  width: 24px;
  display: inline-block;
  cursor: pointer;
  -webkit-mask: url("../images/icons/v2/save-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484; }
  .module-message__buttons__download:hover {
    -webkit-mask: url("../images/icons/v2/save-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #1b1b1b; }
  .dark-theme .module-message__buttons__download {
    -webkit-mask: url("../images/icons/v2/save-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #848484; }
    .dark-theme .module-message__buttons__download:hover {
      -webkit-mask: url("../images/icons/v2/save-solid-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #f6f6f6; }

.module-message__buttons__react {
  height: 24px;
  width: 24px;
  display: inline-block;
  cursor: pointer;
  -webkit-mask: url("../images/icons/v2/add-emoji-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484; }
  .module-message__buttons__react:hover {
    -webkit-mask: url("../images/icons/v2/add-emoji-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #1b1b1b; }
  .dark-theme .module-message__buttons__react {
    -webkit-mask: url("../images/icons/v2/add-emoji-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #848484; }
    .dark-theme .module-message__buttons__react:hover {
      -webkit-mask: url("../images/icons/v2/add-emoji-outline-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #f6f6f6; }

.module-message__buttons__download--incoming {
  margin-left: 12px; }

.module-message__buttons__download--outgoing {
  margin-right: 12px; }

.module-message__buttons__reply {
  height: 24px;
  width: 24px;
  display: inline-block;
  cursor: pointer;
  -webkit-mask: url("../images/icons/v2/reply-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484; }
  .module-message__buttons__reply:hover {
    -webkit-mask: url("../images/icons/v2/reply-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #1b1b1b; }
  .dark-theme .module-message__buttons__reply {
    -webkit-mask: url("../images/icons/v2/reply-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #848484; }
    .dark-theme .module-message__buttons__reply:hover {
      -webkit-mask: url("../images/icons/v2/reply-solid-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #f6f6f6; }

.module-message__buttons__reply--incoming {
  margin-left: 12px; }

.module-message__buttons__reply--outgoing {
  margin-right: 12px; }

.module-message__buttons__menu {
  height: 24px;
  width: 24px;
  display: inline-block;
  cursor: pointer;
  -webkit-mask: url("../images/icons/v2/more-horiz-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484; }
  .module-message__buttons__menu:hover {
    -webkit-mask: url("../images/icons/v2/more-horiz-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #1b1b1b; }
  .dark-theme .module-message__buttons__menu:hover {
    -webkit-mask: url("../images/icons/v2/more-horiz-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #f6f6f6; }

.module-message__buttons__menu--incoming {
  margin-left: 12px; }

.module_message__buttons__menu--outgoing {
  margin-right: 12px; }

.module-message__error-container {
  min-width: 28px;
  position: relative; }

.module-message__error {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  bottom: 4px;
  -webkit-mask: url("../images/icons/v2/error-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336; }
  .dark-theme .module-message__error {
    -webkit-mask: url("../images/icons/v2/error-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #f44336; }

.module-message__error--outgoing {
  left: 8px; }

.module-message__error--incoming {
  right: 8px; }

.module-message__container-outer {
  line-height: 0;
  display: flex;
  flex-direction: column; }

.module-message__container {
  position: relative;
  display: inline-block;
  border-radius: 16px;
  padding-right: 12px;
  padding-left: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-width: 0px;
  overflow: hidden;
  border: 1px solid #ffffff; }
  .dark-theme .module-message__container {
    border: 1px solid #121212; }

.mouse-mode .module-message--selected .module-message__container {
  animation: message--mouse-selected 1s cubic-bezier(0.19, 1, 0.22, 1); }

.keyboard-mode .module-message:focus .module-message__container {
  box-shadow: 0 0 0 3px #2c6bed; }

@keyframes message--mouse-selected {
  0% {
    box-shadow: 0 0 0 5px transparent; }
  10% {
    box-shadow: 0 0 0 5px #2c6bed; }
  70% {
    box-shadow: 0 0 0 5px #2c6bed; }
  100% {
    box-shadow: 0 0 0 5px transparent; } }

.mouse-mode .module-message--selected .module-message__container--with-sticker {
  animation: none; }

.keyboard-mode .module-message:focus .module-message__container--with-sticker {
  box-shadow: none; }

.module-message__container--with-sticker {
  border: none;
  padding-bottom: 0px; }
  .dark-theme .module-message__container--with-sticker {
    border: none; }

.module-message__container--outgoing {
  background-color: #e9e9e9; }
  .dark-theme .module-message__container--outgoing {
    background-color: #3b3b3b; }
  .ios-theme .module-message__container--outgoing {
    background-color: #2c6bed;
    color: #ffffff; }
  .dark-theme.ios-theme .module-message__container--outgoing {
    background-color: #2c6bed;
    color: #e9e9e9; }

.module-message__container--incoming {
  background-color: #6b6b78; }
  .ios-theme .module-message__container--incoming {
    background-color: #e9e9e9;
    color: #1b1b1b; }
  .dark-theme.ios-theme .module-message__container--incoming {
    background-color: #3b3b3b;
    color: #e9e9e9; }

.module-message__container--incoming-red {
  background-color: #cc163d; }

.module-message__container--incoming-deep_orange {
  background-color: #c73800; }

.module-message__container--incoming-brown {
  background-color: #746c53; }

.module-message__container--incoming-pink {
  background-color: #a23474; }

.module-message__container--incoming-purple {
  background-color: #862caf; }

.module-message__container--incoming-indigo {
  background-color: #5951c8; }

.module-message__container--incoming-blue {
  background-color: #336ba3; }

.module-message__container--incoming-teal {
  background-color: #067589; }

.module-message__container--incoming-green {
  background-color: #3b7845; }

.module-message__container--incoming-light_green {
  background-color: #1c8260; }

.module-message__container--incoming-blue_grey {
  background-color: #895d66; }

.module-message__container--incoming-ultramarine {
  background-color: #2c6bed; }

.module-message__container--with-tap-to-view {
  min-width: 148px;
  cursor: pointer; }

.ios-theme .module-message__container--with-tap-to-view-pending {
  background-color: #dedede; }

.module-message__container--incoming--tap-to-view-pending {
  background-color: #5a5a63; }

.module-message__container--incoming-red-tap-to-view-pending {
  background-color: #8a0f29; }

.module-message__container--incoming-deep_orange-tap-to-view-pending {
  background-color: #872600; }

.module-message__container--incoming-brown-tap-to-view-pending {
  background-color: #58513c; }

.module-message__container--incoming-pink-tap-to-view-pending {
  background-color: #881b5b; }

.module-message__container--incoming-purple-tap-to-view-pending {
  background-color: #6b248a; }

.module-message__container--incoming-indigo-tap-to-view-pending {
  background-color: #4840a0; }

.module-message__container--incoming-blue-tap-to-view-pending {
  background-color: #285480; }

.module-message__container--incoming-teal-tap-to-view-pending {
  background-color: #055968; }

.module-message__container--incoming-green-tap-to-view-pending {
  background-color: #2b5934; }

.module-message__container--incoming-light_green-tap-to-view-pending {
  background-color: #36544a; }

.module-message__container--incoming-blue_grey-tap-to-view-pending {
  background-color: #6a4e54; }

.module-message__container--incoming-ultramarine-tap-to-view-pending {
  background-color: #1851b4; }

.module-message__container--with-tap-to-view-pending {
  cursor: default; }

.module-message__container--with-tap-to-view-expired {
  border: 1px solid #dedede;
  background-color: #ffffff; }
  .dark-theme .module-message__container--with-tap-to-view-expired {
    border: 1px solid #5e5e5e;
    background-color: #121212; }
  .ios-theme .module-message__container--with-tap-to-view-expired {
    border: 1px solid #dedede;
    background-color: #ffffff; }
  .dark-theme.ios-theme .module-message__container--with-tap-to-view-expired {
    border: 1px solid #5e5e5e;
    background-color: #121212; }

.module-message__container--with-tap-to-view-error {
  width: auto;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #f44336; }
  .dark-theme .module-message__container--with-tap-to-view-error {
    background-color: #121212;
    border: 1px solid #ff261f; }
  .ios-theme .module-message__container--with-tap-to-view-error {
    background-color: #ffffff;
    border: 1px solid #ff261f; }
  .dark-theme.ios-theme .module-message__container--with-tap-to-view-error {
    background-color: #000000;
    border: 1px solid #ff261f; }

.module-message__tap-to-view {
  margin-top: 2px;
  display: flex;
  flex-direction: row;
  align-items: center; }

.module-message__tap-to-view--with-content-above {
  margin-top: 8px; }

.module-message__tap-to-view--with-content-below {
  margin-bottom: 8px; }

.module-message__tap-to-view__spinner-container {
  margin-right: 6px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px; }

.module-message__tap-to-view__icon {
  margin-right: 6px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v2/view-once-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff; }
  .dark-theme .module-message__tap-to-view__icon {
    -webkit-mask: url("../images/icons/v2/view-once-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }
  .ios-theme .module-message__tap-to-view__icon {
    -webkit-mask: url("../images/icons/v2/view-once-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #1b1b1b; }
  .dark-theme.ios-theme .module-message__tap-to-view__icon {
    -webkit-mask: url("../images/icons/v2/view-once-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

.module-message__tap-to-view__icon--outgoing {
  background-color: #3b3b3b; }
  .dark-theme .module-message__tap-to-view__icon--outgoing {
    background-color: #e9e9e9; }
  .ios-theme .module-message__tap-to-view__icon--outgoing {
    background-color: #ffffff; }

.module-message__tap-to-view__icon--expired {
  -webkit-mask: url("../images/icons/v2/viewed-once-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b; }
  .dark-theme .module-message__tap-to-view__icon--expired {
    -webkit-mask: url("../images/icons/v2/viewed-once-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }
  .ios-theme .module-message__tap-to-view__icon--expired {
    -webkit-mask: url("../images/icons/v2/viewed-once-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #3b3b3b; }
  .dark-theme.ios-theme .module-message__tap-to-view__icon--expired {
    -webkit-mask: url("../images/icons/v2/viewed-once-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

.module-message__tap-to-view__text {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  color: #1b1b1b; }
  .dark-theme .module-message__tap-to-view__text {
    color: #e9e9e9; }
  .ios-theme .module-message__tap-to-view__text {
    color: #1b1b1b; }

.module-message__tap-to-view__text--incoming {
  color: #ffffff; }
  .dark-theme .module-message__tap-to-view__text--incoming {
    color: #e9e9e9; }
  .ios-theme .module-message__tap-to-view__text--incoming {
    color: #1b1b1b; }
  .dark-theme.ios-theme .module-message__tap-to-view__text--incoming {
    color: #e9e9e9; }

.module-message__tap-to-view__text--incoming-expired {
  color: #1b1b1b; }
  .dark-theme .module-message__tap-to-view__text--incoming-expired {
    color: #e9e9e9; }
  .ios-theme .module-message__tap-to-view__text--incoming-expired {
    color: #1b1b1b; }
  .dark-theme.ios-theme .module-message__tap-to-view__text--incoming-expired {
    color: #e9e9e9; }

.module-message__tap-to-view__text--incoming-error {
  color: #5e5e5e; }
  .dark-theme .module-message__tap-to-view__text--incoming-error {
    color: #b9b9b9; }
  .ios-theme .module-message__tap-to-view__text--incoming-error {
    color: #5e5e5e; }

.ios-theme .module-message__tap-to-view__text--outgoing {
  color: #ffffff; }

.ios-theme .module-message__tap-to-view__text--outgoing-expired {
  color: #1b1b1b; }

.dark-theme.ios-theme .module-message__tap-to-view__text--outgoing-expired {
  color: #e9e9e9; }

.module-message__attachment-container {
  text-align: center;
  position: relative;
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -10px;
  margin-bottom: -10px;
  border-radius: 16px;
  line-height: 0;
  overflow: hidden;
  background-color: #ffffff; }
  .dark-theme .module-message__attachment-container {
    background-color: #121212; }
  .module-message__attachment-container--with-content-below {
    margin-bottom: 7px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }
  .module-message__attachment-container--with-content-above {
    margin-top: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; }

.module-message__sticker-container {
  text-align: center;
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -9px;
  margin-bottom: -5px; }
  .module-message__sticker-container--with-content-below {
    margin-bottom: 5px; }
  .module-message__sticker-container--with-content-above {
    margin-top: 4px; }

.module-message__img-attachment {
  margin-bottom: -3px;
  cursor: pointer; }

.module-message__generic-attachment {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center; }
  .keyboard-mode .module-message__generic-attachment:focus {
    box-shadow: 0px 0px 0px 2px #2c6bed; }

.module-message__generic-attachment--with-content-below {
  padding-bottom: 6px; }

.module-message__generic-attachment--with-content-above {
  padding-top: 4px; }

.module-message__generic-attachment--not-active {
  cursor: default;
  pointer-events: none; }

.module-message__generic-attachment__icon-container {
  position: relative; }

.module-message__generic-attachment__spinner-container {
  padding-left: 4px;
  padding-right: 4px; }

.module-message__generic-attachment__icon {
  background: url("../images/file-gradient.svg") no-repeat center;
  height: 44px;
  width: 56px;
  margin-left: -13px;
  margin-right: -14px;
  margin-bottom: -4px;
  display: flex;
  flex-direction: row;
  align-items: center; }

.module-message__generic-attachment__icon-dangerous-container {
  position: absolute;
  top: -1px;
  right: -4px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #ffffff; }

.module-message__generic-attachment__icon-dangerous {
  height: 16px;
  width: 16px;
  -webkit-mask: url("../images/icons/v2/error-solid-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336; }

.module-message__generic-attachment__icon__extension {
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  text-align: center;
  width: 25px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: clip;
  color: #1b1b1b; }

.module-message__generic-attachment__text {
  flex-grow: 1;
  margin-left: 8px;
  max-width: calc(100% - 37px); }

.module-message__generic-attachment__file-name {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  margin-top: 2px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1b1b1b; }
  .dark-theme .module-message__generic-attachment__file-name {
    color: #f6f6f6; }
  .ios-theme .module-message__generic-attachment__file-name {
    color: #ffffff; }

.module-message__generic-attachment__file-name--incoming {
  color: #ffffff; }
  .ios-theme .module-message__generic-attachment__file-name--incoming {
    color: #1b1b1b; }
  .dark-theme.ios-theme .module-message__generic-attachment__file-name--incoming {
    color: #b9b9b9; }

.module-message__generic-attachment__file-size {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  margin-top: 3px;
  color: #1b1b1b; }
  .dark-theme .module-message__generic-attachment__file-size {
    color: #f6f6f6; }
  .ios-theme .module-message__generic-attachment__file-size {
    color: #ffffff; }

.module-message__generic-attachment__file-size--incoming {
  color: #ffffff; }
  .ios-theme .module-message__generic-attachment__file-size--incoming {
    color: #1b1b1b; }
  .dark-theme.ios-theme .module-message__generic-attachment__file-size--incoming {
    color: #b9b9b9; }

.module-message__link-preview {
  cursor: pointer;
  display: block;
  margin-left: -12px;
  margin-right: -12px;
  width: calc(100% + 24px);
  margin-top: -10px;
  margin-bottom: 5px;
  overflow: hidden; }
  .module-message__link-preview--nonclickable {
    cursor: inherit; }
    .module-message__link-preview--nonclickable .module-image__image {
      cursor: inherit; }
  .keyboard-mode .module-message__link-preview:focus {
    box-shadow: 0px 0px 0px 2px #2c6bed; }

.module-message__link-preview--with-content-above {
  margin-top: 4px; }

.module-message__link-preview__content {
  padding: 8px 12px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background-color: #f6f6f6; }
  .dark-theme .module-message__link-preview__content {
    background-color: #2e2e2e; }

.module-message__link-preview__icon_container {
  margin: -2px;
  margin-right: 8px;
  display: inline-block; }

.module-message__link-preview__text--with-icon {
  margin-top: 5px; }

.module-message__link-preview__title {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #1b1b1b; }
  .dark-theme .module-message__link-preview__title {
    color: #e9e9e9; }

.module-message__link-preview__description {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  color: #1b1b1b; }
  .dark-theme .module-message__link-preview__description {
    color: #e9e9e9; }

.module-message__link-preview__footer {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-top: 2px;
  color: #5e5e5e; }
  .dark-theme .module-message__link-preview__footer {
    color: #b9b9b9; }
  .module-message__link-preview__footer > *:not(:first-child) {
    display: flex; }
    .module-message__link-preview__footer > *:not(:first-child):before {
      content: '•';
      font-size: 50%;
      margin-left: 0.2rem;
      margin-right: 0.2rem; }

.module-message__link-preview__location {
  text-transform: lowercase; }

.module-message__author {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  height: 18px;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.9); }
  .ios-theme .module-message__author {
    color: #1b1b1b; }
  .dark-theme.ios-theme .module-message__author {
    color: #e9e9e9; }
  .module-message__author__profile-name {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.06px;
    font-weight: 600;
    font-style: italic; }

.module-message__author--with-tap-to-view-expired {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  height: 18px;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #3b3b3b; }
  .dark-theme .module-message__author--with-tap-to-view-expired {
    color: #ffffff; }
  .module-message__author--with-tap-to-view-expired__profile-name {
    font-style: italic; }

.module-message__author_with_sticker {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  height: 18px;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 300px;
  color: #1b1b1b; }
  .dark-theme .module-message__author_with_sticker {
    color: #e9e9e9; }
  .module-message__author_with_sticker__profile-name {
    font-style: italic; }

.module-message__text {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  text-align: start;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  color: #1b1b1b; }
  .dark-theme .module-message__text {
    color: #e9e9e9; }
  .ios-theme .module-message__text {
    color: rgba(255, 255, 255, 0.9); }
  .dark-theme.ios-theme .module-message__text {
    color: rgba(255, 255, 255, 0.9); }
  .module-message__text a {
    text-decoration: underline;
    outline: none;
    color: #1b1b1b; }
    .keyboard-mode .module-message__text a:focus {
      outline: 1px solid #1b1b1b; }
    .dark-theme .module-message__text a {
      color: #e9e9e9; }
    .dark-theme.keyboard-mode .module-message__text a:focus {
      outline: 1px solid #e9e9e9; }
    .ios-theme .module-message__text a {
      color: rgba(255, 255, 255, 0.9); }
    .dark-theme.ios-theme .module-message__text a {
      color: rgba(255, 255, 255, 0.9); }
    .ios-theme.keyboard-mode .module-message__text a:focus {
      outline: 1px solid rgba(255, 255, 255, 0.9); }

.module-message__text--incoming {
  color: #ffffff; }
  .ios-theme .module-message__text--incoming {
    color: #1b1b1b; }
  .dark-theme .module-message__text--incoming {
    color: rgba(255, 255, 255, 0.9); }
  .dark-theme.ios-theme .module-message__text--incoming {
    color: #e9e9e9; }
  .module-message__text--incoming a {
    text-decoration: underline;
    outline: none;
    color: #ffffff; }
    .keyboard-mode .module-message__text--incoming a:focus {
      outline: 1px solid #ffffff; }
    .dark-theme .module-message__text--incoming a {
      color: rgba(255, 255, 255, 0.9); }
    .dark-theme.keyboard-mode .module-message__text--incoming a:focus {
      outline: 1px solid rgba(255, 255, 255, 0.9); }
    .ios-theme .module-message__text--incoming a {
      color: #1b1b1b; }
    .ios-theme.keyboard-mode .module-message__text--incoming a:focus {
      outline: 1px solid #1b1b1b; }
    .dark-theme.ios-theme .module-message__text--incoming a {
      color: #e9e9e9; }
    .dark-theme.ios-theme.keyboard-mode .module-message__text--incoming a:focus {
      outline: 1px solid #e9e9e9; }

.module-message__text--error {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-style: italic; }

.module-message__metadata {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 3px;
  margin-bottom: -3px; }
  .module-message__metadata--outgoing {
    justify-content: flex-end; }
  .module-message__metadata--with-reactions {
    margin-bottom: -2px; }

.module-message__metadata--with-image-no-caption {
  position: absolute;
  bottom: 9px;
  z-index: 2;
  width: 100%;
  padding-right: 24px;
  pointer-events: none; }

.module-message__metadata__date {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  color: #5e5e5e; }
  .dark-theme .module-message__metadata__date {
    color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-message__metadata__date {
    color: rgba(255, 255, 255, 0.8); }
  .dark-theme.ios-theme .module-message__metadata__date {
    color: rgba(255, 255, 255, 0.8); }

.module-message__metadata__tapable {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit; }

.module-message__metadata__date--incoming {
  color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-message__metadata__date--incoming {
    color: #5e5e5e; }
  .dark-theme.ios-theme .module-message__metadata__date--incoming {
    color: #b9b9b9; }

.module-message__metadata__date--with-image-no-caption {
  color: #ffffff; }
  .dark-theme .module-message__metadata__date--with-image-no-caption {
    color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-message__metadata__date--with-image-no-caption {
    color: #ffffff; }

.module-message__metadata__date.module-message__metadata__date--incoming-with-tap-to-view-expired {
  color: #3b3b3b; }
  .dark-theme .module-message__metadata__date.module-message__metadata__date--incoming-with-tap-to-view-expired {
    color: rgba(255, 255, 255, 0.8); }

.module-message__metadata__date.module-message__metadata__date--outgoing-with-tap-to-view-expired {
  color: #3b3b3b; }
  .dark-theme .module-message__metadata__date.module-message__metadata__date--outgoing-with-tap-to-view-expired {
    color: rgba(255, 255, 255, 0.8); }

.ios-theme .module-message__metadata__date--with-sticker {
  color: #5e5e5e; }

.module-message__metadata__status-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 2px; }

.module-message__metadata__status-icon--sending {
  animation: module-message__metadata__status-icon--spinning 4s linear infinite;
  -webkit-mask: url("../images/sending.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-message__metadata__status-icon--sending {
    -webkit-mask: url("../images/sending.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-message__metadata__status-icon--sending {
    -webkit-mask: url("../images/sending.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff; }
  .dark-theme.ios-theme .module-message__metadata__status-icon--sending {
    -webkit-mask: url("../images/sending.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff; }

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

.module-message__metadata__status-icon--sent {
  -webkit-mask: url("../images/check-circle-outline.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-message__metadata__status-icon--sent {
    -webkit-mask: url("../images/check-circle-outline.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-message__metadata__status-icon--sent {
    -webkit-mask: url("../images/check-circle-outline.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .dark-theme.ios-theme .module-message__metadata__status-icon--sent {
    -webkit-mask: url("../images/check-circle-outline.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-message__metadata__status-icon--delivered {
  width: 18px;
  -webkit-mask: url("../images/double-check.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-message__metadata__status-icon--delivered {
    -webkit-mask: url("../images/double-check.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-message__metadata__status-icon--delivered {
    -webkit-mask: url("../images/double-check.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .dark-theme.ios-theme .module-message__metadata__status-icon--delivered {
    -webkit-mask: url("../images/double-check.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-message__metadata__status-icon--read {
  width: 18px;
  -webkit-mask: url("../images/read.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-message__metadata__status-icon--read {
    -webkit-mask: url("../images/read.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-message__metadata__status-icon--read {
    -webkit-mask: url("../images/read.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .dark-theme.ios-theme .module-message__metadata__status-icon--read {
    -webkit-mask: url("../images/read.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-message__metadata__status-icon--with-image-no-caption {
  background-color: #ffffff; }
  .dark-theme .module-message__metadata__status-icon--with-image-no-caption {
    background-color: #f6f6f6; }
  .ios-theme .module-message__metadata__status-icon--with-image-no-caption {
    background-color: #ffffff; }

.ios-theme .module-message__metadata__status-icon--with-sticker {
  background-color: #5e5e5e; }

.ios-theme .module-message__metadata__status-icon--with-tap-to-view-expired {
  background-color: #3b3b3b; }

.module-message__metadata__spinner-container {
  margin-left: 6px; }

.module-message__send-message-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  width: calc(100% + 24px);
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  margin-top: 8px;
  margin-bottom: -10px;
  margin-left: -12px;
  margin-right: -12px;
  text-align: center;
  padding: 10px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  color: #2c6bed;
  background-color: #f6f6f6;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  .dark-theme .module-message__send-message-button {
    color: #6191f3;
    background-color: #3b3b3b;
    border: 1px solid #848484; }
  .keyboard-mode .module-message__send-message-button:focus {
    box-shadow: 0px 0px 0px 2px #2c6bed; }

.module-message__author-avatar-container {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  margin-right: 8px; }
  .module-message__author-avatar-container--with-reactions {
    padding-bottom: 12px; }

.module-message__author-avatar {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  cursor: pointer; }
  .module-message__author-avatar:focus {
    outline: none; }
    .keyboard-mode .module-message__author-avatar:focus .module-avatar {
      box-shadow: 0 0 0 3px #2c6bed; }

.module-message__typing-container {
  height: 16px;
  display: flex;
  flex-direction: row;
  align-items: center; }

.module-message__reactions {
  position: relative;
  z-index: 2;
  height: 22px;
  display: flex; }
  .module-message__reactions--incoming {
    align-self: flex-end;
    padding-right: 8px;
    margin-left: 8px; }
  .module-message__reactions--outgoing {
    align-self: flex-start;
    padding-left: 8px;
    margin-right: 8px; }

.module-message__reactions__reaction {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  min-width: 28px;
  height: 22px;
  border: 1px solid;
  border-radius: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-color: #ffffff;
  background: #e9e9e9; }
  .module-message__reactions__reaction--with-count {
    min-width: 40px; }
  .module-message__reactions__reaction__count {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.06px;
    font-weight: 600;
    margin-left: 4px;
    color: #5e5e5e; }
    .module-message__reactions__reaction__count--no-emoji {
      margin-left: 0px; }
    .dark-theme .module-message__reactions__reaction__count {
      color: #b9b9b9; }
    .module-message__reactions__reaction__count--is-me {
      color: #3b3b3b; }
      .dark-theme .module-message__reactions__reaction__count--is-me {
        color: #dedede; }
      .ios-theme .module-message__reactions__reaction__count--is-me {
        color: rgba(255, 255, 255, 0.9); }
  .module-message__reactions__reaction:focus {
    outline: none; }
  .keyboard-mode .module-message__reactions__reaction:focus {
    box-shadow: 0px 0px 0px 2px #2c6bed; }
  .dark-theme .module-message__reactions__reaction {
    border-color: #121212;
    background: #3b3b3b; }
  .module-message__reactions__reaction--is-me {
    background: #b9b9b9; }
    .dark-theme .module-message__reactions__reaction--is-me {
      background: #848484; }
    .ios-theme .module-message__reactions__reaction--is-me {
      background: #2c6bed; }

.module-expire-timer {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 2px;
  -webkit-mask: url("../images/icons/v2/timer-60-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-expire-timer {
    -webkit-mask: url("../images/icons/v2/timer-60-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer {
    -webkit-mask: url("../images/icons/v2/timer-60-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer--55 {
  -webkit-mask: url("../images/icons/v2/timer-55-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-expire-timer--55 {
    -webkit-mask: url("../images/icons/v2/timer-55-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer--55 {
    -webkit-mask: url("../images/icons/v2/timer-55-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer--50 {
  -webkit-mask: url("../images/icons/v2/timer-50-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-expire-timer--50 {
    -webkit-mask: url("../images/icons/v2/timer-50-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer--50 {
    -webkit-mask: url("../images/icons/v2/timer-50-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer--45 {
  -webkit-mask: url("../images/icons/v2/timer-45-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-expire-timer--45 {
    -webkit-mask: url("../images/icons/v2/timer-45-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer--45 {
    -webkit-mask: url("../images/icons/v2/timer-45-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer--40 {
  -webkit-mask: url("../images/icons/v2/timer-40-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-expire-timer--40 {
    -webkit-mask: url("../images/icons/v2/timer-40-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer--40 {
    -webkit-mask: url("../images/icons/v2/timer-40-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer--35 {
  -webkit-mask: url("../images/icons/v2/timer-35-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-expire-timer--35 {
    -webkit-mask: url("../images/icons/v2/timer-35-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer--35 {
    -webkit-mask: url("../images/icons/v2/timer-35-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer--30 {
  -webkit-mask: url("../images/icons/v2/timer-30-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-expire-timer--30 {
    -webkit-mask: url("../images/icons/v2/timer-30-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer--30 {
    -webkit-mask: url("../images/icons/v2/timer-30-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer--25 {
  -webkit-mask: url("../images/icons/v2/timer-25-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-expire-timer--25 {
    -webkit-mask: url("../images/icons/v2/timer-25-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer--25 {
    -webkit-mask: url("../images/icons/v2/timer-25-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer--20 {
  -webkit-mask: url("../images/icons/v2/timer-20-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-expire-timer--20 {
    -webkit-mask: url("../images/icons/v2/timer-20-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer--20 {
    -webkit-mask: url("../images/icons/v2/timer-20-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer--15 {
  -webkit-mask: url("../images/icons/v2/timer-15-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-expire-timer--15 {
    -webkit-mask: url("../images/icons/v2/timer-15-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer--15 {
    -webkit-mask: url("../images/icons/v2/timer-15-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer--10 {
  -webkit-mask: url("../images/icons/v2/timer-10-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-expire-timer--10 {
    -webkit-mask: url("../images/icons/v2/timer-10-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer--10 {
    -webkit-mask: url("../images/icons/v2/timer-10-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer--05 {
  -webkit-mask: url("../images/icons/v2/timer-05-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-expire-timer--05 {
    -webkit-mask: url("../images/icons/v2/timer-05-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer--05 {
    -webkit-mask: url("../images/icons/v2/timer-05-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer--00 {
  -webkit-mask: url("../images/icons/v2/timer-00-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-expire-timer--00 {
    -webkit-mask: url("../images/icons/v2/timer-00-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer--00 {
    -webkit-mask: url("../images/icons/v2/timer-00-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer--incoming {
  background-color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-expire-timer--incoming {
    background-color: #5e5e5e; }
  .dark-theme.ios-theme .module-expire-timer--incoming {
    background-color: #b9b9b9; }

.module-expire-timer.module-expire-timer--incoming-with-tap-to-view-expired {
  background-color: #3b3b3b; }
  .dark-theme .module-expire-timer.module-expire-timer--incoming-with-tap-to-view-expired {
    background-color: rgba(255, 255, 255, 0.8); }

.module-expire-timer.module-expire-timer--outgoing-with-tap-to-view-expired {
  background-color: #3b3b3b; }
  .dark-theme .module-expire-timer.module-expire-timer--outgoing-with-tap-to-view-expired {
    background-color: rgba(255, 255, 255, 0.8); }

.ios-theme .module-expire-timer--with-sticker {
  background-color: #5e5e5e; }

.module-expire-timer--with-image-no-caption {
  background-color: #ffffff; }
  .ios-theme .module-expire-timer--with-image-no-caption {
    background-color: #ffffff; }
  .dark-theme .module-expire-timer--with-image-no-caption {
    background-color: #f6f6f6; }

.module-quote-container {
  margin-left: -6px;
  margin-right: -6px;
  margin-top: -4px;
  margin-bottom: 5px; }

.module-quote-container--with-content-above {
  margin-top: 3px; }

.module-quote {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  width: 100%;
  position: relative;
  border-radius: 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
  border-left-width: 4px;
  border-left-style: solid; }
  .keyboard-mode .module-quote:focus {
    box-shadow: 0px 0px 0px 2px #2c6bed; }

.module-quote--no-click {
  cursor: auto; }

.module-quote--with-content-above {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.module-quote--with-reference-warning {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.module-quote--outgoing {
  border-left-color: #6b6b78;
  background-color: #bebec6; }
  .dark-theme .module-quote--outgoing {
    background-color: #5a5a63; }
  .ios-theme.keyboard-mode .module-quote--outgoing:focus {
    box-shadow: 0px 0px 0px 2px #ffffff; }
  .dark-theme.ios-theme .module-quote--outgoing {
    background-color: #1851b4;
    border-left-color: #000000; }
  .ios-theme .module-quote--outgoing {
    background-color: #b0c8f9;
    border-left-color: #ffffff; }

.module-composition-area__row .module-quote--outgoing {
  border-left-style: solid; }
  .dark-theme.ios-theme .module-composition-area__row .module-quote--outgoing {
    background-color: #1851b4;
    border-left-color: #b0c8f9; }
  .ios-theme .module-composition-area__row .module-quote--outgoing {
    background-color: #b0c8f9;
    border-left-color: #2c6bed; }

.module-quote--outgoing-red {
  border-left-color: #cc163d; }

.module-quote--outgoing-deep_orange {
  border-left-color: #c73800; }

.module-quote--outgoing-brown {
  border-left-color: #746c53; }

.module-quote--outgoing-pink {
  border-left-color: #a23474; }

.module-quote--outgoing-purple {
  border-left-color: #862caf; }

.module-quote--outgoing-indigo {
  border-left-color: #5951c8; }

.module-quote--outgoing-blue {
  border-left-color: #336ba3; }

.module-quote--outgoing-teal {
  border-left-color: #067589; }

.module-quote--outgoing-green {
  border-left-color: #3b7845; }

.module-quote--outgoing-light_green {
  border-left-color: #1c8260; }

.module-quote--outgoing-blue_grey {
  border-left-color: #895d66; }

.module-quote--outgoing-ultramarine {
  border-left-color: #2c6bed; }

.module-quote--outgoing-red {
  background-color: #eda6ae; }

.module-quote--outgoing-deep_orange {
  background-color: #eba78e; }

.module-quote--outgoing-brown {
  background-color: #c4b997; }

.module-quote--outgoing-pink {
  background-color: #dcb2ca; }

.module-quote--outgoing-purple {
  background-color: #cdaddc; }

.module-quote--outgoing-indigo {
  background-color: #c2c1e7; }

.module-quote--outgoing-blue {
  background-color: #adc8e1; }

.module-quote--outgoing-teal {
  background-color: #a5cad5; }

.module-quote--outgoing-green {
  background-color: #8fcc9a; }

.module-quote--outgoing-light_green {
  background-color: #9bcfbd; }

.module-quote--outgoing-blue_grey {
  background-color: #cfb5bb; }

.module-quote--outgoing-ultramarine {
  background-color: #b0c8f9; }

.dark-theme .module-quote--outgoing-red {
  background-color: #8a0f29; }

.dark-theme .module-quote--outgoing-deep_orange {
  background-color: #872600; }

.dark-theme .module-quote--outgoing-brown {
  background-color: #58513c; }

.dark-theme .module-quote--outgoing-pink {
  background-color: #881b5b; }

.dark-theme .module-quote--outgoing-purple {
  background-color: #6b248a; }

.dark-theme .module-quote--outgoing-indigo {
  background-color: #4840a0; }

.dark-theme .module-quote--outgoing-blue {
  background-color: #285480; }

.dark-theme .module-quote--outgoing-teal {
  background-color: #055968; }

.dark-theme .module-quote--outgoing-green {
  background-color: #2b5934; }

.dark-theme .module-quote--outgoing-light_green {
  background-color: #36544a; }

.dark-theme .module-quote--outgoing-blue_grey {
  background-color: #6a4e54; }

.dark-theme .module-quote--outgoing-ultramarine {
  background-color: #1851b4; }

.module-quote--incoming {
  border-left-color: #ffffff;
  background-color: #bebec6; }
  .dark-theme .module-quote--incoming {
    border-left-color: #000000;
    background-color: #5a5a63; }
  .ios-theme .module-quote--incoming {
    background-color: #b0c8f9;
    border-left-color: #2c6bed; }
  .dark-theme.ios-theme .module-quote--incoming {
    background-color: #1851b4;
    border-left-color: #b0c8f9; }

.module-quote--incoming-red {
  background-color: #eda6ae; }

.module-quote--incoming-deep_orange {
  background-color: #eba78e; }

.module-quote--incoming-brown {
  background-color: #c4b997; }

.module-quote--incoming-pink {
  background-color: #dcb2ca; }

.module-quote--incoming-purple {
  background-color: #cdaddc; }

.module-quote--incoming-indigo {
  background-color: #c2c1e7; }

.module-quote--incoming-blue {
  background-color: #adc8e1; }

.module-quote--incoming-teal {
  background-color: #a5cad5; }

.module-quote--incoming-green {
  background-color: #8fcc9a; }

.module-quote--incoming-light_green {
  background-color: #9bcfbd; }

.module-quote--incoming-blue_grey {
  background-color: #cfb5bb; }

.module-quote--incoming-ultramarine {
  background-color: #b0c8f9; }

.dark-theme .module-quote--incoming-red {
  background-color: #8a0f29; }

.dark-theme .module-quote--incoming-deep_orange {
  background-color: #872600; }

.dark-theme .module-quote--incoming-brown {
  background-color: #58513c; }

.dark-theme .module-quote--incoming-pink {
  background-color: #881b5b; }

.dark-theme .module-quote--incoming-purple {
  background-color: #6b248a; }

.dark-theme .module-quote--incoming-indigo {
  background-color: #4840a0; }

.dark-theme .module-quote--incoming-blue {
  background-color: #285480; }

.dark-theme .module-quote--incoming-teal {
  background-color: #055968; }

.dark-theme .module-quote--incoming-green {
  background-color: #2b5934; }

.dark-theme .module-quote--incoming-light_green {
  background-color: #36544a; }

.dark-theme .module-quote--incoming-blue_grey {
  background-color: #6a4e54; }

.dark-theme .module-quote--incoming-ultramarine {
  background-color: #1851b4; }

.module-quote__primary {
  flex-grow: 1;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 7px;
  padding-bottom: 7px;
  min-height: 54px; }

.module-quote__primary__author {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1b1b1b; }
  .dark-theme .module-quote__primary__author {
    color: #f6f6f6; }
  .dark-theme.ios-theme .module-quote__primary__author {
    color: #e9e9e9; }

.dark-theme.ios-theme .module-quote__primary__author--incoming {
  color: #e9e9e9; }

.module-quote__primary__profile-name {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  font-style: italic; }

.module-quote__primary__text {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  text-align: start;
  color: #1b1b1b;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
  .module-quote__primary__text a {
    color: #1b1b1b; }
  .dark-theme .module-quote__primary__text {
    color: #f6f6f6; }
    .dark-theme .module-quote__primary__text a {
      color: #f6f6f6; }
  .dark-theme.ios-theme .module-quote__primary__text {
    color: #e9e9e9; }
    .dark-theme.ios-theme .module-quote__primary__text a {
      color: #e9e9e9; }

.dark-theme.ios-theme .module-quote__primary__text--incoming {
  color: #e9e9e9; }
  .dark-theme.ios-theme .module-quote__primary__text--incoming a {
    color: #e9e9e9; }

.module-quote__primary__type-label {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-style: italic;
  color: #1b1b1b; }
  .dark-theme .module-quote__primary__type-label {
    color: #f6f6f6; }
  .dark-theme.ios-theme .module-quote__primary__type-label {
    color: #e9e9e9; }

.dark-theme.ios-theme .module-quote__primary__type-label--incoming {
  color: #e9e9e9; }

.module-quote__primary__filename-label {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px; }

.module-quote__close-container {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4); }
  .keyboard-mode .module-quote__close-container:focus-within {
    background-color: #2c6bed; }

.module-quote__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff; }

.module-quote__icon-container {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 0 0 54px;
  position: relative;
  width: 54px; }

.module-quote__icon-container__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }

.module-quote__icon-container__circle-background {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: #ffffff; }

.module-quote__icon-container__icon {
  width: 20px;
  height: 20px; }

.module-quote__icon-container__icon--file {
  -webkit-mask: url("../images/file.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed; }

.module-quote__icon-container__icon--image {
  -webkit-mask: url("../images/image.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed; }

.module-quote__icon-container__icon--microphone {
  -webkit-mask: url("../images/icons/v2/mic-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed; }

.module-quote__icon-container__icon--play {
  -webkit-mask: url("../images/icons/v2/play-solid-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed; }

.module-quote__icon-container__icon--movie {
  -webkit-mask: url("../images/movie.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed; }

.module-quote__generic-file {
  display: flex;
  flex-direction: row;
  align-items: center; }

.module-quote__generic-file__icon {
  background: url("../images/file-gradient.svg");
  background-size: 75%;
  background-repeat: no-repeat;
  height: 28px;
  width: 36px;
  margin-left: -4px;
  margin-right: -6px;
  margin-bottom: 5px; }

.module-quote__generic-file__text {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  max-width: calc(100% - 26px);
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1b1b1b; }
  .dark-theme .module-quote__generic-file__text {
    color: #f6f6f6; }
  .dark-theme.ios-theme .module-quote__generic-file__text {
    color: #e9e9e9; }

.dark-theme.ios-theme .module-quote__generic-file__text--incoming {
  color: #e9e9e9; }

.module-quote__reference-warning {
  color: #1b1b1b;
  height: 26px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: rgba(255, 255, 255, 0.8); }
  .dark-theme .module-quote__reference-warning {
    background-color: rgba(255, 255, 255, 0.2); }
  .ios-theme .module-quote__reference-warning {
    background-color: #d2def8; }
  .dark-theme.ios-theme .module-quote__reference-warning {
    background-color: #7b97cd; }

.module-quote__reference-warning--incoming {
  color: #1b1b1b; }
  .ios-theme .module-quote__reference-warning--incoming {
    background-color: #d2def8; }
  .dark-theme.ios-theme .module-quote__reference-warning--incoming {
    background-color: #7b97cd; }

.module-quote__reference-warning__icon {
  height: 16px;
  width: 16px;
  -webkit-mask: url("../images/icons/v2/link-broken-16.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-quote__reference-warning__icon {
    -webkit-mask: url("../images/icons/v2/link-broken-16.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }
  .ios-theme .module-quote__reference-warning__icon {
    -webkit-mask: url("../images/icons/v2/link-broken-16.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #1b1b1b; }
  .dark-theme.ios-theme .module-quote__reference-warning__icon {
    -webkit-mask: url("../images/icons/v2/link-broken-16.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #1b1b1b; }

.ios-theme .module-quote__reference-warning__icon--incoming {
  -webkit-mask: url("../images/icons/v2/link-broken-16.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b; }

.dark-theme.ios-theme .module-quote__reference-warning__icon--incoming {
  -webkit-mask: url("../images/icons/v2/link-broken-16.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b; }

.module-quote__reference-warning__text {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  margin-left: 6px;
  color: #1b1b1b; }
  .dark-theme .module-quote__reference-warning__text {
    color: #f6f6f6; }
  .dark-theme.ios-theme .module-quote__reference-warning__text {
    color: #1b1b1b; }

.dark-theme.ios-theme .module-quote__reference-warning__text--incoming {
  color: #1b1b1b; }

.module-about__container {
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  max-width: 248px;
  text-align: center; }

.module-about__text {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #5e5e5e;
  max-width: 400px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis; }
  .dark-theme .module-about__text {
    color: #b9b9b9; }
  .module-about__text img.emoji {
    height: 1em;
    margin-right: 3px;
    margin-bottom: 3px;
    vertical-align: middle;
    width: 1em; }

.module-embedded-contact {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  width: 100%;
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: center; }
  .keyboard-mode .module-embedded-contact:focus {
    box-shadow: 0px 0px 0px 2px #2c6bed; }

.ios-theme.keyboard-mode .module-embedded-contact--outgoing:focus {
  box-shadow: 0px 0px 0px 2px #ffffff; }

.module-embedded-contact--with-content-above {
  padding-top: 4px; }

.module-embedded-contact--with-content-below {
  padding-bottom: 4px; }

.module-embedded-contact__spinner-container {
  padding-left: 5px;
  padding-right: 5px; }

.module-embedded-contact__text-container {
  flex-grow: 1;
  margin-left: 8px;
  max-width: calc(100% - 58px); }

.module-embedded-contact__contact-name {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-top: 6px;
  max-width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  color: #1b1b1b; }
  .dark-theme .module-embedded-contact__contact-name {
    color: #f6f6f6; }
  .ios-theme .module-embedded-contact__contact-name {
    color: #ffffff; }
  .dark-theme.ios-theme .module-embedded-contact__contact-name {
    color: #e9e9e9; }

.module-embedded-contact__contact-name--incoming {
  color: #ffffff; }
  .ios-theme .module-embedded-contact__contact-name--incoming {
    color: #1b1b1b; }
  .dark-theme.ios-theme .module-embedded-contact__contact-name--incoming {
    color: #b9b9b9; }

.module-embedded-contact__contact-method {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  margin-top: 3px;
  max-width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  color: #5e5e5e; }
  .dark-theme .module-embedded-contact__contact-method {
    color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-embedded-contact__contact-method {
    color: rgba(255, 255, 255, 0.8); }

.module-embedded-contact__contact-method--incoming {
  color: rgba(255, 255, 255, 0.8); }
  .ios-theme .module-embedded-contact__contact-method--incoming {
    color: #5e5e5e; }

.module-contact-detail {
  text-align: center;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto; }

.module-contact-detail__avatar {
  margin-bottom: 4px; }

.module-contact-detail__contact-name {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600; }

.module-contact-detail__contact-method {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  margin-top: 10px; }

.module-contact-detail__send-message {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 4px;
  background-color: #2c6bed;
  display: inline-block;
  padding: 6px;
  margin-top: 20px;
  color: #ffffff;
  flex-direction: column;
  align-items: center; }

.module-contact-detail__send-message__inner {
  display: flex;
  align-items: center;
  padding-right: 5px;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600; }

.module-contact-detail__send-message__bubble-icon {
  height: 17px;
  width: 18px;
  display: inline-block;
  margin-right: 5px;
  -webkit-mask: url("../images/icons/v2/message-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff; }
  .dark-theme .module-contact-detail__send-message__bubble-icon {
    -webkit-mask: url("../images/icons/v2/message-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff; }

.module-contact-detail__additional-contact {
  text-align: left;
  margin-top: 15px;
  padding-top: 8px;
  border-top: 1px solid #e9e9e9; }
  .dark-theme .module-contact-detail__additional-contact {
    border-top: 1px solid #3b3b3b; }

.module-contact-detail__additional-contact__type {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  font-weight: 600;
  color: #848484;
  margin-bottom: 3px; }

.module-inline-notification-wrapper {
  outline: none;
  padding: 5px; }
  .keyboard-mode .module-inline-notification-wrapper:focus {
    background-color: #f6f6f6; }
  .dark-theme.keyboard-mode .module-inline-notification-wrapper:focus {
    background-color: #2e2e2e; }

.module-group-notification {
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  color: #5e5e5e; }
  .dark-theme .module-group-notification {
    color: #b9b9b9; }

.module-group-notification__change {
  margin-top: 2px;
  margin-bottom: 2px; }

.module-group-notification__contact {
  font-weight: bold; }

.module-reset-session-notification {
  text-align: center;
  color: #5e5e5e; }
  .dark-theme .module-reset-session-notification {
    color: #b9b9b9; }

.module-safety-number-notification {
  text-align: center; }

.module-safety-number-notification__icon {
  height: 24px;
  width: 24px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7px;
  -webkit-mask: url("../images/icons/v2/safety-number-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-safety-number-notification__icon {
    -webkit-mask: url("../images/icons/v2/safety-number-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

.module-safety-number-notification__text {
  color: #5e5e5e; }
  .dark-theme .module-safety-number-notification__text {
    color: #b9b9b9; }

.module-safety-number-notification__contact {
  font-weight: bold; }

.module-safety-number-notification__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  margin-top: 5px;
  display: inline-block;
  padding: 12px;
  border-radius: 4px;
  color: #2c6bed;
  background-color: #f6f6f6; }
  .keyboard-mode .module-safety-number-notification__button:focus {
    background-color: #dedede; }
  .dark-theme .module-safety-number-notification__button {
    background-color: #3b3b3b; }
  .dark-theme.keyboard-mode .module-safety-number-notification__button:focus {
    background-color: #5e5e5e; }

.module-message-calling--notification .module-message__metadata__date {
  color: #1b1b1b; }
  .dark-theme .module-message-calling--notification .module-message__metadata__date {
    color: #e9e9e9; }

.module-message-calling--notification__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 9999px;
  padding: 7px 14px;
  background-color: #4caf50;
  color: #ffffff;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  display: block;
  margin: 0.5rem auto 0 auto; }
  .mouse-mode .module-message-calling--notification__button:active {
    background-color: #39833c; }
  .dark-theme.mouse-mode .module-message-calling--notification__button:active {
    background-color: #79c37c; }
  .keyboard-mode .module-message-calling--notification__button:active {
    background-color: #39833c; }
  .dark-theme.keyboard-mode .module-message-calling--notification__button:active {
    background-color: #79c37c; }
  .module-message-calling--notification__button[disabled] {
    opacity: 0.6; }
  .keyboard-mode .module-message-calling--notification__button:focus {
    box-shadow: 0px 0px 0px 3px #2c6bed; }
  .dark-theme.keyboard-mode .module-message-calling--notification__button:focus {
    box-shadow: 0px 0px 0px 3px #6191f3; }

.module-safety-number__bold-name {
  font-weight: bold; }

.module-message-calling--audio {
  text-align: center;
  color: #1b1b1b; }
  .dark-theme .module-message-calling--audio {
    color: #e9e9e9; }

.module-message-calling--audio__icon {
  height: 24px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  width: 24px;
  -webkit-mask: url("../images/icons/v2/phone-right-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b; }
  .dark-theme .module-message-calling--audio__icon {
    -webkit-mask: url("../images/icons/v2/phone-right-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-message-calling--video {
  text-align: center;
  color: #1b1b1b; }
  .dark-theme .module-message-calling--video {
    color: #e9e9e9; }

.module-message-calling--video__icon {
  height: 24px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  width: 24px;
  -webkit-mask: url("../images/icons/v2/video-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b; }
  .dark-theme .module-message-calling--video__icon {
    -webkit-mask: url("../images/icons/v2/video-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-message-unsynced {
  padding-bottom: 24px;
  text-align: center;
  color: #5e5e5e; }
  .dark-theme .module-message-unsynced {
    color: #b9b9b9; }

.module-message-unsynced__icon {
  height: 24px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  width: 24px;
  -webkit-mask: url("../images/icons/v2/info-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-message-unsynced__icon {
    -webkit-mask: url("../images/icons/v2/info-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

.module-verification-notification {
  text-align: center;
  color: #5e5e5e; }
  .dark-theme .module-verification-notification {
    color: #b9b9b9; }

.module-verification-notification__contact {
  font-weight: bold; }

.module-verification-notification__icon--mark-verified {
  height: 24px;
  width: 24px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px;
  -webkit-mask: url("../images/icons/v2/check-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-verification-notification__icon--mark-verified {
    -webkit-mask: url("../images/icons/v2/check-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

.module-verification-notification__icon--mark-not-verified {
  height: 24px;
  width: 24px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7px;
  -webkit-mask: url("../images/icons/v2/safety-number-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-verification-notification__icon--mark-not-verified {
    -webkit-mask: url("../images/icons/v2/safety-number-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

.module-timer-notification {
  text-align: center;
  color: #5e5e5e; }
  .dark-theme .module-timer-notification {
    color: #e9e9e9; }

.module-timer-notification__icon-container {
  margin-left: auto;
  margin-right: auto;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 4px; }

.module-timer-notification__icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  -webkit-mask: url("../images/icons/v2/timer-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-timer-notification__icon {
    -webkit-mask: url("../images/icons/v2/timer-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

.module-timer-notification__icon--disabled {
  -webkit-mask: url("../images/icons/v2/timer-disabled-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-timer-notification__icon--disabled {
    -webkit-mask: url("../images/icons/v2/timer-disabled-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

.module-timer-notification__icon-label {
  margin-left: 6px;
  margin-top: 1px; }

.module-notification--with-click-handler {
  cursor: pointer; }

.module-notification__icon {
  height: 24px;
  width: 24px;
  margin-left: auto;
  margin-right: auto; }

.module-contact-list-item {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  cursor: inherit;
  padding: 8px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #5e5e5e; }
  .mouse-mode .module-contact-list-item:hover {
    background-color: #f6f6f6; }
  .keyboard-mode .module-contact-list-item:focus {
    background-color: #f6f6f6; }
  .dark-theme .module-contact-list-item {
    color: #dedede; }
  .dark-theme.mouse-mode .module-contact-list-item:hover {
    background-color: #2e2e2e; }
  .dark-theme.keyboard-mode .module-contact-list-item:focus {
    background-color: #2e2e2e; }

.module-contact-list-item--with-click-handler {
  cursor: pointer; }

.module-contact-list-item__text {
  margin-left: 8px;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between; }

.module-contact-list-item__left {
  flex: 1; }

.module-contact-list-item__text__name {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  color: #1b1b1b; }
  .dark-theme .module-contact-list-item__text__name {
    color: #e9e9e9; }

.module-contact-list-item__text__profile-name {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  font-style: italic; }

.module-contact-list-item__text__additional-data {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  margin-top: 3p; }

.module-contact-list-item__text__verified-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
  margin-bottom: -1px;
  -webkit-mask: url("../images/icons/v2/check-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-contact-list-item__text__verified-icon {
    -webkit-mask: url("../images/icons/v2/check-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

.module-contact-list-item__admin {
  text-align: right;
  height: 100%;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px; }

.module-in-contacts-icon__icon {
  display: inline-block;
  height: 15px;
  width: 15px;
  margin-bottom: 2px;
  vertical-align: middle;
  -webkit-mask: url("../images/icons/v2/profile-circle-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-in-contacts-icon__icon {
    -webkit-mask: url("../images/icons/v2/profile-circle-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }
  .keyboard-mode .module-in-contacts-icon__icon:focus {
    -webkit-mask: url("../images/icons/v2/profile-circle-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #2c6bed; }

.conversation-details-panel {
  max-width: 750px;
  margin: 0 auto; }
  .conversation .conversation-details-panel {
    overflow-y: auto; }

button.module-conversation-details__action-button {
  margin-left: 16px; }

.module-conversation-details-header__root, .module-conversation-details-header__root--editable {
  align-items: center;
  background: none;
  border: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  margin: 0;
  outline: inherit;
  padding: 0 0 24px 0;
  text-align: center;
  width: 100%; }

.module-conversation-details-header__root--editable {
  cursor: pointer; }

.module-conversation-details-header__title {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -0.56px;
  align-items: center;
  display: flex;
  padding-bottom: 8px;
  padding-top: 12px; }

.module-conversation-details-header__subtitle {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #5e5e5e;
  padding-bottom: 6px; }
  .dark-theme .module-conversation-details-header__subtitle {
    color: #b9b9b9; }

.module-conversation-details-header__root--editable .module-conversation-details-header__title::after {
  content: '';
  height: 24px;
  left: 37px;
  margin-left: -24px;
  opacity: 0;
  position: relative;
  transition: opacity 100ms ease-out;
  width: 24px;
  -webkit-mask: url("../images/icons/v2/compose-solid-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-conversation-details-header__root--editable .module-conversation-details-header__title::after {
    -webkit-mask: url("../images/icons/v2/compose-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

.module-conversation-details-header__root--editable:hover .module-conversation-details-header__title::after {
  opacity: 1; }

.module-conversation-details-membership-list__add-members-icon {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
  background: #f6f6f6; }
  .module-conversation-details-membership-list__add-members-icon::before {
    -webkit-mask: url("../images/icons/v2/plus-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #000000;
    content: '';
    display: block;
    height: 16px;
    width: 16px; }
  .dark-theme .module-conversation-details-membership-list__add-members-icon {
    background: #1b1b1b; }
    .dark-theme .module-conversation-details-membership-list__add-members-icon::before {
      -webkit-mask: url("../images/icons/v2/plus-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede;
      content: '';
      display: block;
      height: 16px;
      width: 16px; }

.module-conversation-details__leave-group {
  color: #f44336; }

.module-conversation-details__block-group {
  color: #f44336; }

.module-conversation-details__tabs {
  display: flex;
  justify-content: space-around; }

.module-conversation-details__tab {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  cursor: pointer;
  padding: 15px; }
  .mouse-mode .module-conversation-details__tab:focus {
    outline: none; }
  .module-conversation-details__tab--selected {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600;
    border-bottom: 2px solid #000000; }

.module-conversation-details__pending--info {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0;
  color: #5e5e5e;
  padding: 0 28px;
  padding-top: 16px; }
  .dark-theme .module-conversation-details__pending--info {
    color: #b9b9b9; }

.module-conversation-details-icon__button {
  background: none;
  border: none;
  padding: none; }
  .mouse-mode .module-conversation-details-icon__button:focus {
    outline: none; }

.module-conversation-details-icon__icon {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .module-conversation-details-icon__icon::after {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    -webkit-mask-size: 100%; }
  .module-conversation-details-icon__icon--timer::after {
    -webkit-mask: url(../images/icons/v2/timer-disabled-24.svg) no-repeat center;
    background-color: #3b3b3b; }
    .dark-theme .module-conversation-details-icon__icon--timer::after {
      background-color: #dedede; }
  .module-conversation-details-icon__icon--lock::after {
    -webkit-mask: url(../images/icons/v2/lock-outline-24.svg) no-repeat center;
    background-color: #3b3b3b; }
    .dark-theme .module-conversation-details-icon__icon--lock::after {
      background-color: #dedede; }
  .module-conversation-details-icon__icon--approve::after {
    -webkit-mask: url(../images/icons/v2/check-24.svg) no-repeat center;
    background-color: #3b3b3b; }
    .dark-theme .module-conversation-details-icon__icon--approve::after {
      background-color: #dedede; }
  .module-conversation-details-icon__icon--link::after {
    -webkit-mask: url(../images/icons/v2/link-16.svg) no-repeat center;
    background-color: #3b3b3b; }
    .dark-theme .module-conversation-details-icon__icon--link::after {
      background-color: #dedede; }
  .module-conversation-details-icon__icon--share::after {
    -webkit-mask: url(../images/icons/v2/share-ios-24.svg) no-repeat center;
    background-color: #3b3b3b; }
    .dark-theme .module-conversation-details-icon__icon--share::after {
      background-color: #dedede; }
  .module-conversation-details-icon__icon--reset::after {
    -webkit-mask: url(../images/icons/v2/refresh-24.svg) no-repeat center;
    background-color: #3b3b3b; }
    .dark-theme .module-conversation-details-icon__icon--reset::after {
      background-color: #dedede; }
  .module-conversation-details-icon__icon--trash::after {
    -webkit-mask: url(../images/icons/v2/trash-outline-24.svg) no-repeat center;
    background-color: #3b3b3b; }
    .dark-theme .module-conversation-details-icon__icon--trash::after {
      background-color: #dedede; }
  .module-conversation-details-icon__icon--invites::after {
    -webkit-mask: url(../images/icons/v2/pending-invite-24.svg) no-repeat center;
    background-color: #3b3b3b; }
    .dark-theme .module-conversation-details-icon__icon--invites::after {
      background-color: #dedede; }
  .module-conversation-details-icon__icon--down {
    border-radius: 18px;
    background-color: #f6f6f6; }
    .dark-theme .module-conversation-details-icon__icon--down {
      background-color: #1b1b1b; }
    .module-conversation-details-icon__icon--down::after {
      -webkit-mask: url(../images/icons/v2/chevron-down-16.svg) no-repeat center;
      background-color: #5e5e5e; }
      .dark-theme .module-conversation-details-icon__icon--down::after {
        background-color: #b9b9b9; }
  .module-conversation-details-icon__icon--leave::after {
    -webkit-mask: url(../images/icons/v2/leave-24.svg) no-repeat center;
    background-color: #f44336; }
  .module-conversation-details-icon__icon--block::after {
    -webkit-mask: url(../images/icons/v2/block-24.svg) no-repeat center;
    background-color: #f44336; }

.module-conversation-details-media-list__root {
  display: flex;
  justify-content: center;
  padding: 0 20px;
  padding-bottom: 24px; }
  .module-conversation-details-media-list__root .module-media-grid-item {
    border-radius: 4px;
    height: auto;
    margin: 0 4px;
    max-height: 94px;
    overflow: hidden;
    width: calc(100% / 6); }
    .module-conversation-details-media-list__root .module-media-grid-item .module-media-grid-item__icon::before {
      content: '';
      display: block;
      padding-top: 100%; }
    .module-conversation-details-media-list__root .module-media-grid-item .module-media-grid-item__image-container,
    .module-conversation-details-media-list__root .module-media-grid-item img {
      margin: 0; }

.module-conversation-details-media-list__show-all {
  background: none;
  border: none;
  padding: 0;
  color: #121212; }
  .dark-theme .module-conversation-details-media-list__show-all {
    color: #e9e9e9; }

.module-conversation-details-panel-row__root {
  align-items: center;
  border-radius: 5px;
  border: 2px solid transparent;
  display: flex;
  padding: 16px 24px;
  user-select: none;
  width: 100%; }
  .module-conversation-details-panel-row__root--button {
    color: inherit;
    background: none; }
  .module-conversation-details-panel-row__root:hover {
    background-color: #f6f6f6; }
    .dark-theme .module-conversation-details-panel-row__root:hover {
      background-color: #1b1b1b; }
    .module-conversation-details-panel-row__root:hover .module-conversation-details-panel-row__actions {
      opacity: 1; }
  .module-conversation-details-panel-row__root:focus {
    outline: none; }
  .keyboard-mode .module-conversation-details-panel-row__root:focus {
    border-color: #2c6bed; }
  .dark-theme.keyboard-mode .module-conversation-details-panel-row__root:focus {
    border-color: #6191f3; }

.module-conversation-details-panel-row__icon {
  margin-right: 12px;
  flex-shrink: 0; }

.module-conversation-details-panel-row__label {
  flex-grow: 1;
  text-align: left;
  margin-right: 12px; }

.module-conversation-details-panel-row__info {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  margin-top: 4px;
  color: #5e5e5e; }
  .dark-theme .module-conversation-details-panel-row__info {
    color: #b9b9b9; }

.module-conversation-details-panel-row__right {
  color: #848484; }

.module-conversation-details-panel-row__actions {
  margin-left: 12px;
  overflow: hidden;
  opacity: 0; }
  .module-conversation-details-panel-row__actions:focus-within {
    opacity: 1; }

.module-conversation-details-panel-section__root {
  position: relative; }
  .module-conversation-details-panel-section__root:not(:first-child)::before {
    border-top: 1px solid transparent;
    border-top-color: #dedede;
    content: '';
    display: block;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0; }
    .dark-theme .module-conversation-details-panel-section__root:not(:first-child)::before {
      border-top-color: #4a4a4a; }
  .module-conversation-details-panel-section__root--borderless:not(:first-child)::before {
    border-top: none; }

.module-conversation-details-panel-section__header {
  display: flex;
  justify-content: space-between;
  padding: 18px 24px 12px; }
  .module-conversation-details-panel-section__header--center {
    justify-content: center; }

.module-conversation-details-panel-section__title {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600; }

.module-conversation-details-select {
  position: relative; }
  .module-conversation-details-select select {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.03px;
    -webkit-appearance: none;
    border-radius: 4px;
    border: 1px solid #b9b9b9;
    cursor: pointer;
    height: 40px;
    min-width: 124px;
    outline: 0;
    padding: 10px;
    padding-left: 12px;
    padding-right: 32px;
    text-overflow: ellipsis;
    width: 100%; }
    .dark-theme .module-conversation-details-select select {
      background-color: #1b1b1b;
      border-color: #5e5e5e;
      color: #e9e9e9; }
    .module-conversation-details-select select:focus {
      border: 3px solid #2c6bed;
      line-height: 14px;
      padding-left: 10px; }
  .module-conversation-details-select::after {
    border: 2px solid #5e5e5e;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: ' ';
    display: block;
    height: 10px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 14px;
    transform-origin: center;
    transform: rotate(-45deg);
    width: 10px;
    z-index: 2; }
    .dark-theme .module-conversation-details-select::after {
      border-color: #dedede; }

.module-message-detail {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  outline: none; }

.module-message-detail__message-container {
  padding-top: 20px;
  padding-bottom: 20px; }
  .module-message-detail__message-container::after {
    content: '.';
    visibility: hidden;
    display: block;
    height: 0;
    clear: both; }

.module-message-detail__label {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600; }

.module-message-detail__unix-timestamp {
  color: #e9e9e9; }
  .dark-theme .module-message-detail__unix-timestamp {
    color: #848484; }

.module-message-detail__delete-button-container {
  text-align: center;
  margin-top: 10px; }

.module-message-detail__delete-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 5px;
  margin: 1em auto;
  padding: 1em;
  background-color: #f44336;
  color: #ffffff;
  border: solid 1px #848484;
  box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.6); }
  .keyboard-mode .module-message-detail__delete-button:focus {
    outline: -webkit-focus-ring-color auto 5px; }
  .dark-theme .module-message-detail__delete-button {
    border: solid 1px #b9b9b9;
    box-shadow: 0 0 10px -3px rgba(255, 255, 255, 0.6); }

.module-message-detail__contact-container {
  margin: 20px; }

.module-message-detail__contact {
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  align-items: center; }

.module-message-detail__contact__text {
  margin-left: 10px;
  flex-grow: 1; }

.module-message-detail__contact__error {
  color: #f44336;
  font-weight: bold; }

.module-message-detail__contact__status-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-bottom: 2px; }

.module-message-detail__contact__status-icon--sending {
  animation: module-message-detail__contact__status-icon--spinning 4s linear infinite;
  -webkit-mask: url("../images/sending.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-message-detail__contact__status-icon--sending {
    -webkit-mask: url("../images/sending.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

@keyframes module-message-detail__contact__status-icon--spinning {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.module-message-detail__contact__status-icon--sent {
  -webkit-mask: url("../images/check-circle-outline.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-message-detail__contact__status-icon--sent {
    -webkit-mask: url("../images/check-circle-outline.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

.module-message-detail__contact__status-icon--delivered {
  width: 18px;
  -webkit-mask: url("../images/double-check.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-message-detail__contact__status-icon--delivered {
    -webkit-mask: url("../images/double-check.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

.module-message-detail__contact__status-icon--read {
  width: 18px;
  -webkit-mask: url("../images/read.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-message-detail__contact__status-icon--read {
    -webkit-mask: url("../images/read.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

.module-message-detail__contact__status-icon--error {
  -webkit-mask: url("../images/icons/v2/error-outline-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336; }
  .dark-theme .module-message-detail__contact__status-icon--error {
    -webkit-mask: url("../images/icons/v2/error-solid-12.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #f44336; }

.module-message-detail__contact__unidentified-delivery-icon {
  margin-left: 6px;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-mask: url("../images/unidentified-delivery.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-message-detail__contact__unidentified-delivery-icon {
    -webkit-mask: url("../images/unidentified-delivery.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

.module-message-detail__contact__error-buttons {
  text-align: right; }

.module-message-detail__contact__show-safety-number {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  padding: 4px;
  border-radius: 4px;
  color: #ffffff;
  background-color: #848484; }
  .dark-theme .module-message-detail__contact__show-safety-number {
    background-color: #b9b9b9; }

.module-message-detail__contact__send-anyway {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  margin-left: 5px;
  margin-top: 5px;
  padding: 4px;
  border-radius: 4px;
  color: #ffffff;
  background-color: #f44336; }

.module-media-gallery {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  outline: none; }

.module-media-gallery__tab-container {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  cursor: pointer;
  width: 100%; }

.module-media-gallery__tab {
  width: 100%;
  padding: 20px;
  text-align: center;
  background-color: #f6f6f6;
  outline: none; }
  .dark-theme .module-media-gallery__tab {
    background-color: #1b1b1b; }
  .keyboard-mode .module-media-gallery__tab:focus {
    background-color: #dedede; }
  .dark-theme.keyboard-mode .module-media-gallery__tab:focus {
    background-color: #3b3b3b; }

.module-media-gallery__tab--active {
  border-bottom: 2px solid #2c6bed; }

.module-media-gallery__content {
  display: flex;
  flex-grow: 1;
  overflow-y: auto;
  padding: 20px; }

.module-media-gallery__sections {
  display: flex;
  flex-grow: 1;
  flex-direction: column; }

.module-attachment-section {
  width: 100%; }

.module-attachment-section__header {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600; }

.module-attachment-section__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start; }

.module-document-list-item {
  width: 100%;
  height: 72px; }

.module-document-list-item--with-separator {
  border-bottom: 1px solid #f6f6f6; }
  .dark-theme .module-document-list-item--with-separator {
    border-bottom: 1px solid #3b3b3b; }

.module-document-list-item__content {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center; }
  .keyboard-mode .module-document-list-item__content:focus {
    box-shadow: 0px 0px 0px 2px #2c6bed; }

.module-document-list-item__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  -webkit-mask: url("../images/file.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484; }

.module-document-list-item__metadata {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: 8px; }

.module-document-list-item__file-size {
  display: inline-block;
  margin-top: 8px;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px; }

.module-document-list-item__date {
  display: inline-block;
  flex-shrink: 0; }

.module-media-grid-item {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  height: 94px;
  width: 94px;
  background-color: #e9e9e9;
  margin-right: 4px;
  margin-bottom: 4px;
  position: relative; }
  .keyboard-mode .module-media-grid-item:focus {
    box-shadow: 0px 0px 0px 2px #2c6bed; }

.module-media-grid-item__image {
  height: 94px;
  width: 94px;
  object-fit: cover; }

.module-media-grid-item__icon {
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 15px;
  right: 15px; }

.module-media-grid-item__icon-image {
  -webkit-mask: url("../images/image.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484; }

.module-media-grid-item__image-container {
  height: 94px;
  width: 94px;
  object-fit: cover;
  position: relative; }

.module-media-grid-item__circle-overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 42px;
  height: 42px;
  background-color: #ffffff;
  border-radius: 21px; }

.module-media-grid-item__play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v2/play-solid-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed; }

.module-media-grid-item__icon-video {
  -webkit-mask: url("../images/movie.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484; }

.module-media-grid-item__icon-generic {
  -webkit-mask: url("../images/file.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484; }

/* Module: Empty State*/
.module-empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -0.56px;
  color: #848484; }

.module-conversation-hero {
  padding: 32px 0 28px 0;
  text-align: center; }
  .module-conversation-hero__avatar {
    margin-bottom: 12px; }
  .module-conversation-hero__profile-name {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.34px;
    margin-bottom: 2px;
    color: #1b1b1b; }
    .dark-theme .module-conversation-hero__profile-name {
      color: #e9e9e9; }
  .module-conversation-hero__with {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.03px;
    margin-bottom: 16px;
    color: #5e5e5e; }
    .dark-theme .module-conversation-hero__with {
      color: #b9b9b9; }
  .module-conversation-hero__membership {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.03px;
    padding: 0 16px;
    color: #5e5e5e; }
    .dark-theme .module-conversation-hero__membership {
      color: #b9b9b9; }
    .module-conversation-hero__membership__name {
      font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
      font-size: 13px;
      line-height: 18px;
      letter-spacing: -0.03px;
      font-weight: 600; }

.module-message-request-actions {
  padding: 8px 16px 12px 16px;
  background: #ffffff; }
  .dark-theme .module-message-request-actions {
    background: #121212; }
  .module-message-request-actions__message {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.03px;
    text-align: center;
    margin-bottom: 12px;
    color: #5e5e5e; }
    .dark-theme .module-message-request-actions__message {
      color: #b9b9b9; }
    .module-message-request-actions__message__name {
      font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
      font-size: 13px;
      line-height: 18px;
      letter-spacing: -0.03px;
      font-weight: 600; }
    .module-message-request-actions__message__learn-more {
      text-decoration: none; }
  .module-message-request-actions__buttons {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .module-message-request-actions__buttons__button {
      border: none;
      border-radius: 4px;
      min-width: 80px;
      height: 36px;
      padding: 0 14px;
      text-align: center;
      font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: -0.08px;
      font-weight: 600;
      background-color: #e9e9e9; }
      .module-message-request-actions__buttons__button:focus {
        outline: none; }
        .keyboard-mode .module-message-request-actions__buttons__button:focus {
          box-shadow: 0px 0px 0px 2px #2c6bed; }
      .dark-theme .module-message-request-actions__buttons__button {
        background-color: #3b3b3b; }
      .module-message-request-actions__buttons__button:not(:last-of-type) {
        margin-right: 8px; }
      .module-message-request-actions__buttons__button--deny {
        color: #f44336; }
      .module-message-request-actions__buttons__button--accept {
        color: #2c6bed; }

.module-avatar {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  border-radius: 50%;
  user-select: none; }
  .module-avatar img {
    object-fit: cover;
    border-radius: 50%; }

.module-avatar-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  width: 100%;
  line-height: 0;
  border-radius: 50%; }
  .keyboard-mode .module-avatar-button:focus {
    box-shadow: 0px 0px 0px 2px #2c6bed; }

.module-avatar__label {
  width: 100%;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff; }
  .dark-theme .module-avatar__label {
    color: #e9e9e9; }

.module-avatar__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.module-avatar__icon--group {
  -webkit-mask: url("../images/icons/v2/group-outline-40.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff; }
  .dark-theme .module-avatar__icon--group {
    -webkit-mask: url("../images/icons/v2/group-outline-40.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

.module-avatar__icon--direct {
  -webkit-mask: url("../images/icons/v2/profile-outline-40.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff; }
  .dark-theme .module-avatar__icon--direct {
    -webkit-mask: url("../images/icons/v2/profile-outline-40.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

.module-avatar--28 {
  min-width: 28px;
  height: 28px;
  width: 28px; }
  .module-avatar--28 img {
    height: 28px;
    width: 28px; }

.module-avatar__icon--28.module-avatar__icon--group {
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v2/group-outline-20.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff; }
  .dark-theme .module-avatar__icon--28.module-avatar__icon--group {
    -webkit-mask: url("../images/icons/v2/group-outline-20.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

.module-avatar__icon--28.module-avatar__icon--direct {
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v2/profile-outline-20.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff; }
  .dark-theme .module-avatar__icon--28.module-avatar__icon--direct {
    -webkit-mask: url("../images/icons/v2/profile-outline-20.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

.module-avatar__label--28 {
  font-size: 14px;
  line-height: 28px; }

.module-avatar--32 {
  height: 32px;
  width: 32px;
  min-width: 32px; }
  .module-avatar--32 img {
    height: 32px;
    width: 32px; }

.module-avatar__icon--32.module-avatar__icon--group {
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v2/group-outline-20.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff; }
  .dark-theme .module-avatar__icon--32.module-avatar__icon--group {
    -webkit-mask: url("../images/icons/v2/group-outline-20.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

.module-avatar__icon--32.module-avatar__icon--direct {
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v2/profile-outline-20.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff; }
  .dark-theme .module-avatar__icon--32.module-avatar__icon--direct {
    -webkit-mask: url("../images/icons/v2/profile-outline-20.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

.module-avatar__label--32 {
  font-size: 14px;
  line-height: 32px; }

.module-avatar--52 {
  height: 52px;
  width: 52px;
  min-width: 52px; }
  .module-avatar--52 img {
    height: 52px;
    width: 52px; }

.module-avatar__label--52 {
  width: 52px;
  font-size: 22px;
  letter-spacing: 0.19px;
  line-height: 52px; }

.module-avatar__icon--52 {
  height: 38px;
  width: 38px; }

.module-avatar__icon--52.module-avatar__icon--direct {
  height: 42px;
  width: 42px; }

.module-avatar--80 {
  height: 80px;
  width: 80px;
  min-width: 80px; }
  .module-avatar--80 img {
    height: 80px;
    width: 80px; }

.module-avatar__label--80 {
  width: 80px;
  font-size: 40px;
  line-height: 80px; }

.module-avatar__icon--80 {
  height: 58px;
  width: 58px; }

.module-avatar__icon--80.module-avatar__icon--direct {
  height: 62px;
  width: 62px; }

.module-avatar--96 {
  height: 96px;
  width: 96px;
  min-width: 96px; }
  .module-avatar--96 img {
    height: 96px;
    width: 96px; }

.module-avatar__label--96 {
  width: 96px;
  font-size: 48px;
  line-height: 96px; }

.module-avatar__icon--96 {
  height: 70px;
  width: 70px; }

.module-avatar--112 {
  height: 112px;
  width: 112px;
  min-width: 112px; }
  .module-avatar--112 img {
    height: 112px;
    width: 112px; }

.module-avatar__label--112 {
  width: 112px;
  font-size: 56px;
  line-height: 112px; }

.module-avatar__icon--112 {
  height: 81px;
  width: 81px; }

.module-avatar__icon--112.module-avatar__icon--direct {
  height: 87px;
  width: 87px; }

.module-avatar__icon--note-to-self {
  width: 70%;
  height: 70%;
  -webkit-mask: url("../images/note-28.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff; }
  .dark-theme .module-avatar__icon--note-to-self {
    -webkit-mask: url("../images/note-28.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

.module-avatar--no-image {
  background-color: #6b6b78; }
  .dark-theme .module-avatar--no-image {
    background-color: #5a5a63; }

.module-avatar__spinner-container {
  padding: 4px; }

.module-avatar--signal-blue {
  background-color: #2c6bed; }

.module-avatar--red {
  background-color: #cc163d; }

.module-avatar--deep_orange {
  background-color: #c73800; }

.module-avatar--brown {
  background-color: #746c53; }

.module-avatar--pink {
  background-color: #a23474; }

.module-avatar--purple {
  background-color: #862caf; }

.module-avatar--indigo {
  background-color: #5951c8; }

.module-avatar--blue {
  background-color: #336ba3; }

.module-avatar--teal {
  background-color: #067589; }

.module-avatar--green {
  background-color: #3b7845; }

.module-avatar--light_green {
  background-color: #1c8260; }

.module-avatar--blue_grey {
  background-color: #895d66; }

.module-avatar--ultramarine {
  background-color: #2c6bed; }

.dark-theme .module-avatar--red {
  background-color: #8a0f29; }

.dark-theme .module-avatar--deep_orange {
  background-color: #872600; }

.dark-theme .module-avatar--brown {
  background-color: #58513c; }

.dark-theme .module-avatar--pink {
  background-color: #881b5b; }

.dark-theme .module-avatar--purple {
  background-color: #6b248a; }

.dark-theme .module-avatar--indigo {
  background-color: #4840a0; }

.dark-theme .module-avatar--blue {
  background-color: #285480; }

.dark-theme .module-avatar--teal {
  background-color: #055968; }

.dark-theme .module-avatar--green {
  background-color: #2b5934; }

.dark-theme .module-avatar--light_green {
  background-color: #36544a; }

.dark-theme .module-avatar--blue_grey {
  background-color: #6a4e54; }

.dark-theme .module-avatar--ultramarine {
  background-color: #1851b4; }

.module-main-header {
  -webkit-app-region: var(--draggable-app-region);
  height: calc(52px + var(--title-bar-drag-area-height));
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: var(--title-bar-drag-area-height);
  display: flex;
  flex-direction: row;
  align-items: center; }
  .module-main-header > * {
    margin-right: 12px; }
    .module-main-header > *:last-child {
      margin-right: 0; }
  .module-main-header__avatar {
    -webkit-app-region: no-drag; }
  .module-main-header__search {
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-direction: row;
    -webkit-app-region: no-drag; }
    .module-main-header__search__input {
      flex-grow: 1;
      height: 28px;
      padding-left: 30px;
      padding-right: 5px;
      border-radius: 14px;
      border: none;
      font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
      font-size: 13px;
      line-height: 18px;
      letter-spacing: -0.03px;
      background-color: #e9e9e9;
      color: #1b1b1b;
      border: solid 1px #f6f6f6; }
      .dark-theme .module-main-header__search__input {
        color: #e9e9e9;
        background-color: #121212;
        border: solid 1px #2e2e2e; }
      .module-main-header__search__input:placeholder {
        color: #848484; }
      .module-main-header__search__input:focus {
        border: solid 1px #2c6bed;
        outline: none; }
      .module-main-header__search__input--with-text {
        padding-right: 30px; }
      .module-main-header__search__input--in-conversation {
        padding-left: 50px; }
    .module-main-header__search__icon {
      position: absolute;
      left: 8px;
      top: 6px;
      height: 16px;
      width: 16px;
      cursor: text;
      -webkit-mask: url("../images/icons/v2/search-16.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #3b3b3b; }
      .dark-theme .module-main-header__search__icon {
        -webkit-mask: url("../images/icons/v2/search-16.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #b9b9b9; }
    .module-main-header__search__in-conversation-pill {
      position: absolute;
      left: 3px;
      top: 3px;
      bottom: 3px;
      border-radius: 14px;
      width: 42px;
      display: flex;
      flex-direction: row;
      align-items: center;
      border: none;
      padding: 0;
      outline: none;
      background-color: #dedede; }
      .dark-theme .module-main-header__search__in-conversation-pill {
        background-color: #3b3b3b; }
      .module-main-header__search__in-conversation-pill__avatar-container {
        margin-left: 4px;
        height: 16px;
        width: 16px;
        border-radius: 8px;
        background-color: #2c6bed; }
      .module-main-header__search__in-conversation-pill__avatar {
        height: 16px;
        width: 16px;
        -webkit-mask: url("../images/icons/v2/profile-circle-outline-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #ffffff; }
        .dark-theme .module-main-header__search__in-conversation-pill__avatar {
          -webkit-mask: url("../images/icons/v2/profile-circle-solid-24.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #e9e9e9; }
      .module-main-header__search__in-conversation-pill__x-button {
        margin-left: 2px;
        height: 16px;
        width: 16px;
        -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-main-header__search__in-conversation-pill__x-button {
          -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }
    .module-main-header__search__cancel-icon {
      position: absolute;
      right: 8px;
      top: 5px;
      height: 18px;
      width: 18px;
      -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #5e5e5e; }
      .dark-theme .module-main-header__search__cancel-icon {
        -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #b9b9b9; }
  .module-main-header__compose-icon {
    width: 24px;
    height: 24px;
    -webkit-app-region: no-drag;
    -webkit-mask: url("../images/icons/v2/compose-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #1b1b1b; }
    .dark-theme .module-main-header__compose-icon {
      -webkit-mask: url("../images/icons/v2/compose-outline-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #f6f6f6; }
    .module-main-header__compose-icon:focus {
      -webkit-mask: url("../images/icons/v2/compose-outline-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #2c6bed; }

.module-image {
  position: relative;
  display: inline-block;
  margin: 1px;
  vertical-align: middle;
  overflow: hidden; }

.module-image--not-downloaded {
  align-items: center;
  display: flex;
  justify-content: center; }
  .module-image--not-downloaded i {
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 48px;
    height: 48px;
    width: 48px;
    background-color: #4a4a4a; }
    .dark-theme .module-image--not-downloaded i {
      background-color: #3b3b3b; }
    .module-image--not-downloaded i:after {
      content: '';
      height: 17px;
      width: 17px;
      -webkit-mask: url("../images/icons/v2/arrow-down-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #ffffff; }
  .module-image--not-downloaded:hover i {
    background-color: #000000; }
  .module-image--not-downloaded:focus i {
    background-color: #3b3b3b;
    border: 4px solid #2c6bed;
    box-sizing: border-box;
    outline: none; }

.module-image__download-pending {
  position: relative; }
  .module-image__download-pending--spinner-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .module-image__download-pending--spinner {
    background-color: #3b3b3b;
    border-radius: 48px;
    height: 48px;
    width: 48px; }
    .module-image__download-pending--spinner .module-image-spinner__container {
      margin: 12px auto; }
    .module-image__download-pending--spinner .module-image-spinner__arc {
      background-color: #3b3b3b; }
    .module-image__download-pending--spinner .module-image-spinner__circle {
      background-color: #ffffff; }
    .dark-theme .module-image__download-pending--spinner .module-image-spinner__arc {
      background-color: #3b3b3b; }

.module-image--with-background {
  background-color: #ffffff; }
  .dark-theme .module-image--with-background {
    background-color: #000000; }

.module-image__caption-icon {
  position: absolute;
  top: 6px;
  left: 6px; }

.module-image--soft-corners {
  border-radius: 4px; }

.module-image--curved-top-left {
  border-top-left-radius: 16px; }

.module-image--curved-top-right {
  border-top-right-radius: 16px; }

.module-image--curved-bottom-left {
  border-bottom-left-radius: 16px; }

.module-image--curved-bottom-right {
  border-bottom-right-radius: 16px; }

.module-image--small-curved-top-left {
  border-top-left-radius: 10px; }

.module-image__border-overlay {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  width: 100%;
  cursor: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2; }

.module-image__border-overlay--with-click-handler {
  cursor: pointer; }

.module-image__border-overlay--with-border {
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2); }
  .dark-theme .module-image__border-overlay--with-border {
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2); }

.mouse-mode .module-message--selected .module-message__container--with-sticker .module-image__border-overlay {
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  border-radius: 10px;
  animation: message--mouse-selected 1s cubic-bezier(0.19, 1, 0.22, 1); }

.keyboard-mode .module-message:focus .module-message__container--with-sticker .module-image__border-overlay {
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  border-radius: 10px;
  box-shadow: 0 0 0 3px #2c6bed; }

.keyboard-mode button.module-image__border-overlay:focus {
  box-shadow: inset 0px 0px 0px 2px #2c6bed; }

.module-image__border-overlay--dark {
  background-color: rgba(0, 0, 0, 0.2); }

.module-image__loading-placeholder {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2); }
  .dark-theme .module-image__loading-placeholder {
    background-color: rgba(255, 255, 255, 0.2); }

.module-image__image {
  object-fit: cover;
  cursor: pointer; }

.module-image__bottom-overlay {
  height: 48px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.02) 17%, rgba(0, 0, 0, 0.05) 24%, rgba(0, 0, 0, 0.08) 31%, rgba(0, 0, 0, 0.12) 37%, rgba(0, 0, 0, 0.16) 44%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.28) 63%, rgba(0, 0, 0, 0.32) 69%, rgba(0, 0, 0, 0.35) 76%, rgba(0, 0, 0, 0.38) 83%, rgba(0, 0, 0, 0.4) 91%, rgba(0, 0, 0, 0.4));
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 0;
  right: 0; }

.module-image__play-overlay__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  border-radius: 24px; }

.module-image__play-overlay__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v2/play-solid-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed; }

.module-image__text-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  pointer-events: none;
  color: #ffffff;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  text-align: center; }

.module-image__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 16px;
  height: 16px;
  z-index: 2;
  background-image: url("../images/x-shadow-16.svg"); }
  .keyboard-mode .module-image__close-button:focus {
    outline: 2px solid #2c6bed; }

.module-image-grid {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin: -1px; }

.module-image-grid--one-image {
  margin-bottom: -5px; }

.module-image-grid--with-sticker {
  padding: 8px; }

.module-image-grid__column {
  display: inline-flex;
  flex-direction: column;
  align-items: center; }

.module-image-grid__row {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1; }

.module-typing-animation {
  display: inline-flex;
  flex-directin: row;
  align-items: center;
  height: 8px;
  width: 38px;
  padding-left: 1px;
  padding-right: 1px; }

.module-typing-animation__dot {
  border-radius: 50%;
  height: 6px;
  width: 6px;
  opacity: 0.4;
  background-color: #5e5e5e; }
  .dark-theme .module-typing-animation__dot {
    background-color: #ffffff; }
  .ios-theme .module-typing-animation__dot {
    background-color: #5e5e5e; }

.module-typing-animation__dot--light {
  border-radius: 50%;
  height: 6px;
  width: 6px;
  opacity: 0.4;
  background-color: #ffffff; }
  .ios-theme .module-typing-animation__dot--light {
    background-color: #5e5e5e; }

@keyframes typing-animation-first {
  0% {
    opacity: 0.4; }
  20% {
    transform: scale(1.3);
    opacity: 1; }
  40% {
    opacity: 0.4; } }

@keyframes typing-animation-second {
  10% {
    opacity: 0.4; }
  30% {
    transform: scale(1.3);
    opacity: 1; }
  50% {
    opacity: 0.4; } }

@keyframes typing-animation-third {
  20% {
    opacity: 0.4; }
  40% {
    transform: scale(1.3);
    opacity: 1; }
  60% {
    opacity: 0.4; } }

.module-typing-animation__dot--first {
  animation: typing-animation-first 1600ms ease infinite; }

.module-typing-animation__dot--second {
  animation: typing-animation-second 1600ms ease infinite; }

.module-typing-animation__dot--third {
  animation: typing-animation-third 1600ms ease infinite; }

.module-typing-animation__spacer {
  flex-grow: 1; }

.module-attachments__header {
  height: 24px;
  position: relative; }

.module-attachments__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  position: absolute;
  top: 8px;
  right: 16px;
  width: 20px;
  height: 20px;
  z-index: 2;
  -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000; }
  .keyboard-mode .module-attachments__close-button:focus {
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #2c6bed; }

.module-attachments__rail {
  margin-top: 12px;
  margin-left: 12px;
  padding-right: 12px;
  overflow-x: scroll;
  max-height: 142px;
  white-space: nowrap;
  overflow-y: hidden;
  margin-bottom: 6px; }

.module-staged-generic-attachment {
  height: 120px;
  width: 120px;
  margin: 1px;
  display: inline-block;
  position: relative;
  border-radius: 4px;
  vertical-align: middle;
  white-space: nowrap;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  background-color: #e9e9e9; }
  .dark-theme .module-staged-generic-attachment {
    box-shadow: inset 0px 0px 0px 1px #848484;
    background-color: #3b3b3b;
    color: #f6f6f6; }

.module-staged-generic-attachment__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 16px;
  height: 16px;
  z-index: 2;
  -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000; }
  .dark-theme .module-staged-generic-attachment__close-button {
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #848484; }

.module-staged-generic-attachment__icon {
  margin-top: 30px;
  background: url("../images/file-gradient.svg") no-repeat center;
  height: 44px;
  width: 56px;
  margin-left: 32px;
  margin-right: 32px;
  margin-bottom: -4px;
  display: flex;
  flex-direction: row;
  align-items: center; }

.module-staged-generic-attachment__icon__extension {
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  text-align: center;
  width: 25px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: clip;
  color: #1b1b1b; }

.module-staged-generic-attachment__filename {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  margin: 7px;
  margin-top: 5px;
  text-align: center;
  overflow: hidden;
  height: 2.4em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis; }

.module-caption-editor {
  background-color: #000000;
  z-index: 20;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%; }

.module-caption-editor__close-button {
  z-index: 21;
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 16px;
  width: 30px;
  height: 30px;
  z-index: 2;
  -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff; }

.module-caption-editor__media-container {
  flex-grow: 1;
  flex-shrink: 1;
  background-color: #000000;
  text-align: center;
  margin: 50px;
  overflow: hidden;
  height: 100%; }

.module-caption-editor__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  flex-grow: 1;
  flex-shrink: 1; }

.module-caption-editor__video {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  flex-grow: 1;
  flex-shrink: 1; }

.module-caption-editor__placeholder {
  width: 100%;
  height: 100%;
  object-fit: contain;
  flex-grow: 1;
  flex-shrink: 1; }

.module-caption-editor__bottom-bar {
  flex-grow: 0;
  flex-shrink: 0;
  height: 52px;
  padding: 8px;
  display: inline-flex;
  flex-direction: row;
  align-items: middle;
  margin-left: auto;
  margin-right: auto; }

.module-caption-editor__input-container {
  position: relative; }

.module-caption-editor__caption-input {
  height: 36px;
  width: 40em;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 18px;
  background-color: #000000;
  padding: 9px;
  padding-left: 12px;
  padding-right: 65px; }
  .module-caption-editor__caption-input:placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .module-caption-editor__caption-input:focus {
    border: 1px solid #2c6bed;
    outline: none; }

.module-caption-editor__save-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  position: absolute;
  background-color: #2c6bed;
  color: #ffffff;
  height: 28px;
  border-radius: 15px;
  padding: 5px;
  padding-left: 12px;
  padding-right: 12px;
  right: 4px;
  top: 4px; }

.module-staged-placeholder-attachment {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  margin: 1px;
  border-radius: 4px;
  height: 120px;
  width: 120px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border: 1px solid #b9b9b9; }
  .module-staged-placeholder-attachment:hover {
    background: #e9e9e9; }
  .keyboard-mode .module-staged-placeholder-attachment:focus {
    box-shadow: inset 0 0 0 2px #2c6bed; }
  .dark-theme .module-staged-placeholder-attachment {
    border: 1px solid #5e5e5e; }
    .dark-theme .module-staged-placeholder-attachment:hover {
      background: #3b3b3b; }
  .dark-theme.keyboard-mode .module-staged-placeholder-attachment:focus {
    box-shadow: inset 0 0 0 2px #2c6bed; }

.module-staged-placeholder-attachment__plus-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 36px;
  width: 36px;
  -webkit-mask: url("../images/icons/v2/plus-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484; }
  .dark-theme .module-staged-placeholder-attachment__plus-icon {
    -webkit-mask: url("../images/icons/v2/plus-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #5e5e5e; }

.module-staged-link-preview {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: 65px; }

.module-staged-link-preview--is-loading {
  align-items: center; }

.module-staged-link-preview__loading {
  text-align: center;
  flex-grow: 1;
  flex-shrink: 1;
  color: #5e5e5e; }
  .dark-theme .module-staged-link-preview__loading {
    color: #b9b9b9; }

.module-staged-link-preview__icon-container {
  margin-right: 8px; }

.module-staged-link-preview__content {
  display: flex;
  flex-direction: column;
  margin-right: 20px; }

.module-staged-link-preview__title {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  color: #1b1b1b;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }
  .dark-theme .module-staged-link-preview__title {
    color: #e9e9e9; }

.module-staged-link-preview__description {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.module-staged-link-preview__footer {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  color: #5e5e5e; }
  .dark-theme .module-staged-link-preview__footer {
    color: #b9b9b9; }
  .module-staged-link-preview__footer > *:not(:first-child) {
    display: flex; }
    .module-staged-link-preview__footer > *:not(:first-child):before {
      content: '•';
      font-size: 50%;
      margin-left: 0.2rem;
      margin-right: 0.2rem; }

.module-staged-link-preview__location {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  text-transform: lowercase;
  color: #5e5e5e; }
  .dark-theme .module-staged-link-preview__location {
    color: #b9b9b9; }

.module-staged-link-preview__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 16px;
  width: 16px;
  -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .keyboard-mode .module-staged-link-preview__close-button:focus {
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #2c6bed; }
  .dark-theme .module-staged-link-preview__close-button {
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }
  .dark-theme.keyboard-mode .module-staged-link-preview__close-button:focus {
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #6191f3; }

.module-spinner__container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 56px;
  width: 56px; }

.module-spinner__circle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
  -webkit-mask: url("../images/spinner-track-56.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.4); }

.module-spinner__arc {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  height: 100%;
  width: 100%;
  animation: spinner-arc-animation 1000ms linear infinite;
  -webkit-mask: url("../images/spinner-56.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-spinner__arc {
    -webkit-mask: url("../images/spinner-56.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

@keyframes spinner-arc-animation {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }

.module-spinner__container--small {
  height: 24px;
  width: 24px; }

.module-spinner__circle--small {
  -webkit-mask: url("../images/spinner-track-24.svg") no-repeat center;
  -webkit-mask-size: 100%; }

.module-spinner__arc--small {
  -webkit-mask: url("../images/spinner-24.svg") no-repeat center;
  -webkit-mask-size: 100%; }

.module-spinner__circle--incoming {
  background-color: rgba(255, 255, 255, 0.4); }

.module-spinner__arc--incoming {
  background-color: #ffffff; }
  .dark-theme .module-spinner__arc--incoming {
    background-color: #f6f6f6; }
  .ios-theme .module-spinner__arc--incoming {
    background-color: #5e5e5e; }
  .dark-theme.ios-theme .module-spinner__arc--incoming {
    background-color: #f6f6f6; }

.dark-theme .module-spinner__circle--outgoing {
  background-color: rgba(255, 255, 255, 0.4); }

.ios-theme .module-spinner__circle--outgoing {
  background-color: rgba(255, 255, 255, 0.4); }

.dark-theme.ios-theme .module-spinner__circle--outgoing {
  background-color: rgba(255, 255, 255, 0.4); }

.dark-theme .module-spinner__arc--outgoing {
  background-color: #e9e9e9; }

.ios-theme .module-spinner__arc--outgoing {
  background-color: #ffffff; }

.dark-theme.ios-theme .module-spinner__arc--outgoing {
  background-color: #e9e9e9; }

.module-spinner__circle--on-avatar {
  background-color: rgba(255, 255, 255, 0.4); }

.module-spinner__circle--on-background {
  background-color: #e9e9e9; }
  .dark-theme .module-spinner__circle--on-background {
    background-color: #3b3b3b; }

.module-spinner__arc--on-background {
  background-color: #5e5e5e; }
  .dark-theme .module-spinner__arc--on-background {
    background-color: #b9b9b9; }

.module-spinner__circle--on-progress-dialog {
  background-color: #ffffff; }
  .dark-theme .module-spinner__circle--on-progress-dialog {
    background-color: #2e2e2e; }

.module-spinner__arc--on-progress-dialog {
  background-color: #2c6bed; }

.module-spinner__arc--on-avatar {
  background-color: #ffffff; }

.module-message-body__highlight {
  font-weight: bold; }

.module-message-body__at-mention {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  border: 1px solid transparent; }
  .module-message-body__at-mention:focus {
    border: 1px solid #000000;
    outline: none; }

.ios-theme .module-message-body__at-mention--incoming {
  background-color: #c6c6c6; }

.dark-theme.ios-theme .module-message-body__at-mention--incoming {
  background-color: #5e5e5e; }

.module-message-body__at-mention--outgoing {
  background-color: #c6c6c6; }
  .dark-theme .module-message-body__at-mention--outgoing {
    background-color: #5e5e5e; }
  .ios-theme .module-message-body__at-mention--outgoing {
    background-color: #1851b4; }

.module-reaction-viewer {
  width: 320px;
  height: 320px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  background: #ffffff; }
  .dark-theme .module-reaction-viewer {
    background: #3b3b3b; }
  .module-reaction-viewer__header {
    width: 100%;
    min-height: 44px;
    padding: 0px 8px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto; }
    .module-reaction-viewer__header__button {
      min-height: 28px;
      border: none;
      border-radius: 18px;
      padding: 0px 8px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-basis: 45px;
      flex-shrink: 0;
      background: none; }
      .module-reaction-viewer__header__button:not(:first-of-type) {
        margin-left: 4px; }
      .module-reaction-viewer__header__button:focus {
        outline: none; }
      .keyboard-mode .module-reaction-viewer__header__button:focus {
        box-shadow: 0px 0px 0px 2px #2c6bed; }
      .module-reaction-viewer__header__button--selected {
        background: #e9e9e9; }
        .dark-theme .module-reaction-viewer__header__button--selected {
          background: #5e5e5e; }
      .module-reaction-viewer__header__button__count, .module-reaction-viewer__header__button__all {
        font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: -0.03px;
        font-weight: 600;
        white-space: nowrap;
        color: #1b1b1b; }
        .dark-theme .module-reaction-viewer__header__button__count, .dark-theme .module-reaction-viewer__header__button__all {
          color: #e9e9e9; }
      .module-reaction-viewer__header__button__count {
        margin-left: 4px; }
  .module-reaction-viewer__body {
    flex-grow: 1;
    padding: 0 16px;
    overflow: auto; }
    .module-reaction-viewer__body__row {
      margin-top: 12px;
      min-height: 32px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center; }
      .module-reaction-viewer__body__row:last-of-type {
        margin-bottom: 12px; }
      .module-reaction-viewer__body__row__avatar {
        min-width: 32px;
        flex-shrink: 1; }
      .module-reaction-viewer__body__row__name {
        font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.08px;
        font-weight: 600;
        flex-grow: 1;
        margin-left: 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #1b1b1b; }
        .dark-theme .module-reaction-viewer__body__row__name {
          color: #e9e9e9; }
      .module-reaction-viewer__body__row__emoji {
        width: 18px;
        flex-shrink: 1; }

@keyframes module-reaction-picker__background-fade {
  from {
    background: transparent; }
  to {
    background: rgba(0, 0, 0, 0.8); } }

@keyframes module-reaction-picker__emoji-fade {
  from {
    transform: translate3d(0, 24px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.module-reaction-picker {
  width: 320px;
  height: 56px;
  border-radius: 30px;
  position: relative;
  margin: 4px 0;
  z-index: 2;
  animation-name: module-reaction-picker__background-fade;
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-fill-mode: forwards; }
  .module-reaction-picker__emoji-btn {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-align: inherit;
    display: flex;
    min-width: 52px;
    min-height: 52px;
    border-radius: 52px;
    position: absolute;
    top: 2px;
    transition: background 400ms cubic-bezier(0.19, 1, 0.22, 1); }
    .module-reaction-picker__emoji-btn:nth-of-type(1) {
      left: 2px;
      opacity: 0;
      animation-name: module-reaction-picker__emoji-fade;
      animation-duration: 400ms;
      animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      animation-delay: 0ms;
      animation-fill-mode: forwards; }
    .module-reaction-picker__emoji-btn:nth-of-type(2) {
      left: 46px;
      opacity: 0;
      animation-name: module-reaction-picker__emoji-fade;
      animation-duration: 400ms;
      animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      animation-delay: 10ms;
      animation-fill-mode: forwards; }
    .module-reaction-picker__emoji-btn:nth-of-type(3) {
      left: 90px;
      opacity: 0;
      animation-name: module-reaction-picker__emoji-fade;
      animation-duration: 400ms;
      animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      animation-delay: 20ms;
      animation-fill-mode: forwards; }
    .module-reaction-picker__emoji-btn:nth-of-type(4) {
      left: 134px;
      opacity: 0;
      animation-name: module-reaction-picker__emoji-fade;
      animation-duration: 400ms;
      animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      animation-delay: 30ms;
      animation-fill-mode: forwards; }
    .module-reaction-picker__emoji-btn:nth-of-type(5) {
      left: 178px;
      opacity: 0;
      animation-name: module-reaction-picker__emoji-fade;
      animation-duration: 400ms;
      animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      animation-delay: 40ms;
      animation-fill-mode: forwards; }
    .module-reaction-picker__emoji-btn:nth-of-type(6) {
      left: 222px;
      opacity: 0;
      animation-name: module-reaction-picker__emoji-fade;
      animation-duration: 400ms;
      animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      animation-delay: 50ms;
      animation-fill-mode: forwards; }
    .module-reaction-picker__emoji-btn:nth-of-type(7) {
      left: 266px;
      opacity: 0;
      animation-name: module-reaction-picker__emoji-fade;
      animation-duration: 400ms;
      animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      animation-delay: 60ms;
      animation-fill-mode: forwards; }
    .module-reaction-picker__emoji-btn--selected {
      background: rgba(255, 255, 255, 0.3); }
    .module-reaction-picker__emoji-btn--more {
      background: url("../images/any-emoji-32-light.svg") no-repeat center; }
      .dark-theme .module-reaction-picker__emoji-btn--more {
        background: url("../images/any-emoji-32-dark.svg") no-repeat center; }
      .module-reaction-picker__emoji-btn--more::after {
        content: '';
        display: block;
        width: 52px;
        height: 52px;
        opacity: 0;
        transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1);
        background: url("../images/any-emoji-32-light-hover.svg") no-repeat center; }
        .dark-theme .module-reaction-picker__emoji-btn--more::after {
          background: url("../images/any-emoji-32-dark-hover.svg") no-repeat center; }
      .module-reaction-picker__emoji-btn--more:hover::after {
        opacity: 1; }
    .keyboard-mode .module-reaction-picker__emoji-btn:focus:before {
      content: '';
      display: block;
      width: 4px;
      height: 4px;
      background: #2c6bed;
      border-radius: 2px;
      position: absolute;
      bottom: 4px;
      left: calc(50% - 2px); }
    .module-reaction-picker__emoji-btn__emoji {
      position: absolute;
      left: 2px;
      top: 2px;
      transform-origin: center;
      transform: scale3d(0.6666666667, 0.6666666667, 0.6666666667);
      transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1); }
      .module-reaction-picker__emoji-btn:hover .module-reaction-picker__emoji-btn__emoji,
      .keyboard-mode .module-reaction-picker__emoji-btn:focus .module-reaction-picker__emoji-btn__emoji {
        transform: scale3d(1, 1, 1) translate3d(0, -24px, 0);
        z-index: 1; }

.module-calling__container {
  align-items: center;
  background-color: #121212;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  position: absolute;
  width: 100%;
  z-index: 2; }

.module-calling__header {
  color: #ffffff;
  font-style: normal;
  padding-bottom: 24px;
  padding-top: calc(24px + var(--title-bar-drag-area-height));
  text-align: center;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  width: 100%; }
  .module-calling__header--header-name {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.009em;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.module-calling__buttons {
  bottom: 0;
  display: flex;
  justify-content: center;
  padding-bottom: 32px;
  padding-top: 32px;
  position: absolute;
  text-align: center;
  width: 100%; }

.module-calling__background {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .module-calling__background--blur {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: blur(25px);
    height: 100%;
    position: absolute;
    width: 100%; }

.module-calling__video-off--icon {
  -webkit-mask: url("../images/icons/v2/video-off-solid-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 24px;
  margin-bottom: 8px;
  width: 24px; }

.module-calling__video-off--text {
  color: #ffffff;
  z-index: 1; }

.module-calling__video-off--container {
  display: flex;
  flex-direction: row;
  margin-top: 12px; }
  .module-calling__video-off--container .module-calling__video-off--text {
    margin-left: 10px; }

.module-incoming-call {
  align-items: center;
  background-color: #3b3b3b;
  display: flex;
  justify-content: space-between;
  padding-top: var(--title-bar-drag-area-height); }

.module-incoming-call__contact {
  align-items: center;
  display: flex;
  min-width: 0; }
  .module-incoming-call__contact--avatar {
    margin-bottom: 8px;
    margin-left: 16px;
    margin-top: 8px;
    position: relative; }
  .module-incoming-call__contact--name {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    margin-left: 12px;
    min-width: 0; }
  .module-incoming-call__contact--name-header {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600;
    color: #ffffff;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .module-incoming-call__contact--message-text {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.03px;
    color: #ffffff; }

.module-incoming-call__actions {
  display: flex;
  margin-right: 16px; }

.module-incoming-call__button--accept-video-as-audio {
  background-color: #848484; }
  .keyboard-mode .module-incoming-call__button--accept-video-as-audio:focus {
    box-shadow: 0px 0px 0px 4px #2c6bed; }
  .mouse-mode .module-incoming-call__button--accept-video-as-audio:hover {
    box-shadow: 0px 0px 0px 2px #2c6bed; }
  .module-incoming-call__button--accept-video-as-audio div {
    -webkit-mask: url("../images/icons/v2/video-off-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff;
    height: 24px;
    width: 24px; }

.module-incoming-call__button--accept-video {
  background-color: #4caf50; }
  .keyboard-mode .module-incoming-call__button--accept-video:focus {
    box-shadow: 0px 0px 0px 4px #2c6bed; }
  .mouse-mode .module-incoming-call__button--accept-video:hover {
    box-shadow: 0px 0px 0px 2px #2c6bed; }
  .module-incoming-call__button--accept-video div {
    -webkit-mask: url("../images/icons/v2/video-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff;
    height: 24px;
    width: 24px; }

.module-incoming-call__button--accept-audio {
  background-color: #4caf50; }
  .keyboard-mode .module-incoming-call__button--accept-audio:focus {
    box-shadow: 0px 0px 0px 4px #2c6bed; }
  .mouse-mode .module-incoming-call__button--accept-audio:hover {
    box-shadow: 0px 0px 0px 2px #2c6bed; }
  .module-incoming-call__button--accept-audio div {
    -webkit-mask: url("../images/icons/v2/phone-right-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff;
    height: 24px;
    width: 24px; }

.module-incoming-call__button--decline {
  background-color: #f44336; }
  .keyboard-mode .module-incoming-call__button--decline:focus {
    box-shadow: 0px 0px 0px 4px #2c6bed; }
  .mouse-mode .module-incoming-call__button--decline:hover {
    box-shadow: 0px 0px 0px 2px #2c6bed; }
  .module-incoming-call__button--decline div {
    -webkit-mask: url("../images/icons/v2/phone-down-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff;
    height: 24px;
    width: 24px; }

.module-incoming-call__button,
.module-calling-button__icon {
  align-items: center;
  border-radius: 40px;
  border: none;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-left: 12px;
  margin-right: 12px;
  outline: none;
  width: 40px; }

.module-calling-button__participants {
  -webkit-mask: url("../images/icons/v2/group-solid-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  display: inline-block;
  height: 22px;
  width: 22px; }
  .module-calling-button__participants--container {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-align: inherit;
    border: none;
    color: #ffffff; }
  .module-calling-button__participants--shown {
    background-color: #3b3b3b;
    border-radius: 16px;
    padding: 6px 8px;
    padding-bottom: 2px;
    margin-top: -6px;
    margin-right: -8px; }
  .module-calling-button__participants--count {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.03px;
    font-weight: 600;
    margin-left: 5px;
    vertical-align: top; }

.module-calling-button__settings {
  -webkit-mask: url("../images/icons/v2/settings-solid-16.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 22px;
  width: 22px; }

.module-calling-button__grid-view {
  -webkit-mask: url("../images/icons/v2/grid-view-solid-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 22px;
  width: 22px; }

.module-calling-button__speaker-view {
  -webkit-mask: url("../images/icons/v2/speaker-view-solid-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 22px;
  width: 22px; }

.module-calling-button__pip {
  -webkit-mask: url("../images/icons/v2/pip-minimize-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 22px;
  width: 22px; }

.module-calling-button__icon {
  border-radius: 56px;
  height: 56px;
  width: 56px; }
  .module-calling-button__icon--audio--on {
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px); }
    .module-calling-button__icon--audio--on div {
      -webkit-mask: url("../images/icons/v2/mic-off-solid-28.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #ffffff;
      height: 28px;
      width: 28px; }
  .module-calling-button__icon--audio--off {
    background-color: #ffffff; }
    .module-calling-button__icon--audio--off div {
      -webkit-mask: url("../images/icons/v2/mic-off-solid-28.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #3b3b3b;
      height: 28px;
      width: 28px; }
  .module-calling-button__icon--audio--disabled {
    background-color: #848484;
    opacity: 0.2; }
    .module-calling-button__icon--audio--disabled div {
      -webkit-mask: url("../images/icons/v2/mic-off-solid-28.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #ffffff;
      height: 28px;
      width: 28px; }
  .module-calling-button__icon--video--on {
    background-color: #ffffff; }
    .module-calling-button__icon--video--on div {
      -webkit-mask: url("../images/icons/v2/video-solid-28.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #3b3b3b;
      height: 28px;
      width: 28px; }
  .module-calling-button__icon--video--off {
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px); }
    .module-calling-button__icon--video--off div {
      -webkit-mask: url("../images/icons/v2/video-solid-28.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #ffffff;
      height: 28px;
      width: 28px; }
  .module-calling-button__icon--video--disabled {
    background-color: #848484;
    opacity: 0.2; }
    .module-calling-button__icon--video--disabled div {
      -webkit-mask: url("../images/icons/v2/video-solid-28.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #ffffff;
      height: 28px;
      width: 28px; }
  .module-calling-button__icon--hangup {
    background-color: #f44336; }
    .module-calling-button__icon--hangup div {
      -webkit-mask: url("../images/icons/v2/phone-down-28.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #ffffff;
      height: 28px;
      width: 28px; }

@keyframes module-ongoing-call__controls--fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes module-ongoing-call__controls--fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.module-ongoing-call__remote-video-enabled {
  background-color: #121212;
  height: 100%;
  width: 100%; }

.module-ongoing-call__remote-video-disabled {
  background-color: #121212;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.module-ongoing-call__container--direct .module-ongoing-call__header {
  position: absolute; }

.module-ongoing-call__container--direct .module-ongoing-call__footer {
  position: absolute; }

.module-ongoing-call__header {
  background: linear-gradient(rgba(0, 0, 0, 0.4), transparent);
  top: 0;
  width: 100%;
  z-index: 2;
  padding-bottom: 1rem; }

.module-ongoing-call__header-message {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.0025em; }

.module-ongoing-call__participants {
  display: flex;
  flex: 1 1 0;
  width: 100%; }
  .module-ongoing-call__participants__grid {
    flex-grow: 1;
    position: relative; }
  .module-ongoing-call__participants__overflow {
    flex: 0 0 auto;
    position: relative;
    margin-left: 16px;
    margin-right: 16px; }
    .module-ongoing-call__participants__overflow__inner {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      max-height: 100%;
      overflow-y: scroll; }
      .module-ongoing-call__participants__overflow__inner::-webkit-scrollbar, .module-ongoing-call__participants__overflow__inner::-webkit-scrollbar-thumb {
        width: 0;
        background: transparent; }
    .module-ongoing-call__participants__overflow .module-ongoing-call__group-call-remote-participant {
      width: 100%;
      margin-bottom: 1rem; }
    .module-ongoing-call__participants__overflow__scroll-marker {
      scroll-behavior: smooth;
      display: flex;
      justify-content: center;
      left: 0;
      opacity: 1;
      position: absolute;
      transition: opacity 200ms ease-out;
      width: 100%;
      z-index: 1; }
      @media (prefers-reduced-motion) {
        .module-ongoing-call__participants__overflow__scroll-marker {
          scroll-behavior: auto; } }
      .module-ongoing-call__participants__overflow__scroll-marker--hidden {
        opacity: 0; }
      .module-ongoing-call__participants__overflow__scroll-marker__button {
        background: #5e5e5e;
        border-radius: 100%;
        border: 0;
        box-shadow: 0 0 5px rgba(18, 18, 18, 0.5);
        height: 28px;
        margin: 12px 0;
        opacity: 0;
        outline: none;
        transition: opacity 200ms ease-out;
        width: 28px; }
        .module-ongoing-call__participants__overflow__scroll-marker__button::before {
          -webkit-mask: url("../images/icons/v2/arrow-down-24.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #ffffff;
          content: '';
          display: block;
          height: 100%;
          width: 100%; }
      .module-ongoing-call__participants__overflow__scroll-marker--top {
        top: 0;
        background: linear-gradient(#121212, transparent 20px, transparent); }
        .module-ongoing-call__participants__overflow__scroll-marker--top .module-ongoing-call__participants__overflow__scroll-marker__button {
          transform: rotate(180deg); }
      .module-ongoing-call__participants__overflow__scroll-marker--bottom {
        bottom: 0;
        background: linear-gradient(to top, #121212, transparent 20px, transparent); }
    .module-ongoing-call__participants__overflow:hover .module-ongoing-call__participants__overflow__scroll-marker__button {
      opacity: 1; }

.module-ongoing-call__group-call-remote-participant {
  display: flex;
  justify-content: center;
  position: relative;
  line-height: 0;
  overflow: hidden;
  border-radius: 5px;
  transition: top 200ms linear, left 200ms linear, width 200ms linear, height 200ms linear; }
  .module-ongoing-call__group-call-remote-participant__remote-video {
    background-color: #3b3b3b; }
  .module-ongoing-call__group-call-remote-participant__blocked {
    -webkit-mask: url("../images/icons/v2/block-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff;
    height: 24px;
    margin-bottom: 16px;
    width: 24px; }
    .module-ongoing-call__group-call-remote-participant__blocked--info {
      background: none;
      color: inherit;
      border: none;
      padding: 0;
      margin: 0;
      font: inherit;
      cursor: pointer;
      outline: inherit;
      text-align: inherit;
      background-color: #3b3b3b;
      border-radius: 16px;
      color: #ffffff;
      line-height: 16px;
      padding: 3px 10px; }
    .module-ongoing-call__group-call-remote-participant__blocked--modal-title {
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis; }
  .module-ongoing-call__group-call-remote-participant--title {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.06px;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.6) 100%);
    bottom: 0;
    display: flex;
    padding: 6px;
    position: absolute;
    width: 100%;
    z-index: 2; }
  .module-ongoing-call__group-call-remote-participant--contact-name {
    color: #ffffff;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .module-ongoing-call__group-call-remote-participant--audio-muted::after {
    -webkit-mask: url("../images/icons/v2/mic-off-solid-28.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff;
    content: '';
    height: 14px;
    position: absolute;
    right: 6px;
    width: 14px;
    z-index: 1; }

.module-ongoing-call__local-preview-fullsize {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.module-ongoing-call__footer {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
  bottom: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 2; }
  .module-ongoing-call__footer__actions {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center; }
  .module-ongoing-call__footer__local-preview-offset {
    flex: 1 0;
    max-width: 136px;
    visibility: hidden; }
  .module-ongoing-call__footer__local-preview {
    border-radius: 5px;
    display: flex;
    height: 102px;
    margin: 2px 16px 16px 0;
    overflow: hidden;
    position: relative;
    width: 136px; }
    .module-ongoing-call__footer__local-preview__video {
      background-color: #3b3b3b;
      height: 100%;
      transform: rotateY(180deg);
      width: 100%; }
    .module-ongoing-call__footer__local-preview--audio-muted::before {
      -webkit-mask: url("../images/icons/v2/mic-off-solid-28.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #ffffff;
      bottom: 6px;
      content: '';
      height: 14px;
      position: absolute;
      right: 6px;
      width: 14px;
      z-index: 1; }

.module-ongoing-call__controls--fadeIn {
  animation-name: module-ongoing-call__controls--fade-in;
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-fill-mode: forwards; }

.module-ongoing-call__controls--fadeOut {
  animation-name: module-ongoing-call__controls--fade-out;
  animation-duration: 1200ms;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-fill-mode: forwards; }

.module-ongoing-call__toast {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  background-color: #3b3b3b;
  border-radius: 8px;
  color: #ffffff;
  max-width: 80%;
  opacity: 1;
  padding: 12px;
  position: absolute;
  text-align: center;
  top: 12px;
  transition: top 200ms ease-out, opacity 200ms ease-out;
  user-select: none;
  z-index: 1; }
  .module-ongoing-call__toast--hidden {
    opacity: 0;
    top: 5px; }

.module-calling-tools {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: calc(24px + var(--title-bar-drag-area-height));
  width: 100%; }
  .module-calling-tools__button {
    margin-right: 25px; }

.module-calling-lobby__actions {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex: 0 0 100px; }

.module-calling-lobby__button {
  margin-left: 8px;
  margin-right: 8px;
  width: 160px; }
  .module-calling-lobby__button[disabled] {
    opacity: 0.5; }

.module-calling-lobby__local-preview {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  border-radius: 8px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  transition: width 200ms ease-out, height 200ms ease-out; }
  .module-calling-lobby__local-preview-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    margin: 24px;
    overflow: hidden;
    width: 90%; }
  .module-calling-lobby__local-preview__video-on {
    background-color: #2e2e2e;
    display: block;
    flex-grow: 1;
    object-fit: contain;
    transform: rotateY(180deg);
    width: 100%;
    height: 100%; }
  .module-calling-lobby__local-preview__video-off__icon {
    -webkit-mask: url("../images/icons/v2/video-off-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff;
    height: 24px;
    margin-bottom: 8px;
    width: 24px; }
  .module-calling-lobby__local-preview__video-off__text {
    z-index: 1; }

.module-calling-lobby__info {
  color: #ffffff;
  margin-bottom: 36px;
  margin-top: 12px; }

.module-calling-pip {
  backface-visibility: hidden;
  background-color: #121212;
  border-radius: 4px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05), 0px 8px 20px rgba(0, 0, 0, 0.3);
  cursor: grab;
  height: 158px;
  position: absolute;
  width: 120px;
  z-index: 2; }
  .module-calling-pip .module-ongoing-call__group-call-remote-participant {
    border-radius: 0; }
  .module-calling-pip__video--remote {
    align-items: center;
    background-color: #121212;
    border-radius: 4px 4px 0 0;
    display: flex;
    height: 120px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%; }
    .module-calling-pip__video--remote .module-ongoing-call__group-call-remote-participant--audio-muted::after {
      display: none; }
    .module-calling-pip__video--remote .module-avatar img {
      -webkit-user-drag: none;
      -webkit-user-select: none; }
  .module-calling-pip__video--local {
    bottom: 38px;
    height: 32px;
    position: absolute;
    right: 4px;
    transform: rotateY(180deg);
    width: 32px; }
  .module-calling-pip__actions {
    align-items: center;
    background-color: #f6f6f6;
    border-radius: 0 0 4px 4px;
    display: flex;
    flex-direction: row;
    height: 38px;
    justify-content: space-around; }
    .dark-theme .module-calling-pip__actions {
      background-color: #4a4a4a; }
  .module-calling-pip__button--hangup {
    -webkit-mask: url("../images/icons/v2/phone-down-28.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #3b3b3b;
    height: 28px;
    width: 28px; }
    .dark-theme .module-calling-pip__button--hangup {
      -webkit-mask: url("../images/icons/v2/phone-down-28.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede; }
  .module-calling-pip__button--pip {
    -webkit-mask: url("../images/icons/v2/pip-maximize-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #3b3b3b;
    height: 24px;
    width: 24px; }
    .dark-theme .module-calling-pip__button--pip {
      -webkit-mask: url("../images/icons/v2/pip-maximize-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede; }

.module-calling-participants-list {
  background-color: #2e2e2e;
  border-radius: 8px;
  color: #ffffff;
  margin-right: 12px;
  margin-top: 54px;
  overflow: hidden;
  padding: 14px;
  width: 280px;
  padding-bottom: 0; }
  .module-calling-participants-list__overlay {
    display: flex;
    height: 100vh;
    justify-content: flex-end;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 2; }
  .module-calling-participants-list__title {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.03px;
    font-weight: 600; }
  .module-calling-participants-list__contact-icon {
    background-color: #b9b9b9; }
  .module-calling-participants-list__list {
    height: 100%;
    margin-bottom: 0;
    margin-left: -14px;
    margin-right: -14px;
    margin-top: 22px;
    overflow: scroll;
    padding-bottom: 24px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 0; }
    .module-calling-participants-list__list::-webkit-scrollbar {
      width: 6px; }
    .module-calling-participants-list__list::-webkit-scrollbar-thumb {
      border: none;
      border-radius: 4px;
      background-color: #848484; }
    .module-calling-participants-list__list::-webkit-scrollbar-track {
      background-color: #2e2e2e; }
  .module-calling-participants-list__contact {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin-bottom: 16px; }
  .module-calling-participants-list__name {
    display: inline-block;
    margin-left: 8px;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap; }
  .module-calling-participants-list__header {
    display: flex;
    justify-content: space-between; }
  .module-calling-participants-list__close {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-align: inherit;
    -webkit-mask: url("../images/x-shadow-16.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede;
    height: 16px;
    width: 16px;
    z-index: 2; }
    .keyboard-mode .module-calling-participants-list__close:focus {
      outline: 2px solid #2c6bed; }
  .module-calling-participants-list__muted--video {
    -webkit-mask: url("../images/icons/v2/video-off-solid-28.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff;
    display: inline-block;
    margin-left: 18px;
    height: 16px;
    width: 16px; }
  .module-calling-participants-list__muted--audio {
    -webkit-mask: url("../images/icons/v2/mic-off-solid-28.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #ffffff;
    display: inline-block;
    margin-left: 18px;
    height: 16px;
    width: 16px; }

.module-call-need-permission-screen {
  align-items: center;
  background-color: #121212;
  color: #e9e9e9;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  position: relative;
  width: 100%; }
  .module-call-need-permission-screen__text {
    margin: 2em 1em;
    max-width: 400px;
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    text-align: center; }
  .module-call-need-permission-screen__button {
    padding: 0.5em 1em;
    border: 0;
    border-radius: 4px;
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600;
    color: #e9e9e9;
    background: #4a4a4a; }

.module-conversation-list {
  scroll-behavior: smooth; }
  @media (prefers-reduced-motion) {
    .module-conversation-list {
      scroll-behavior: auto; } }
  .module-conversation-list__item--archive-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-align: inherit;
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600;
    height: 64px;
    line-height: 64px;
    text-align: center;
    width: 100%;
    color: #5e5e5e; }
    .module-conversation-list__item--archive-button:hover, .module-conversation-list__item--archive-button:focus {
      background-color: #e9e9e9; }
    .dark-theme .module-conversation-list__item--archive-button {
      color: #b9b9b9; }
      .dark-theme .module-conversation-list__item--archive-button:hover, .dark-theme .module-conversation-list__item--archive-button:focus {
        background-color: #3b3b3b; }
    .module-conversation-list__item--archive-button__archived-count {
      font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
      font-size: 13px;
      line-height: 18px;
      letter-spacing: -0.03px;
      font-weight: 600;
      padding: 6px;
      padding-top: 1px;
      padding-bottom: 1px;
      border-radius: 10px;
      color: #5e5e5e;
      background-color: #e9e9e9; }
      .dark-theme .module-conversation-list__item--archive-button__archived-count {
        color: #b9b9b9;
        background-color: #3b3b3b; }
  .module-conversation-list__item--contact-or-conversation {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-align: inherit;
    align-items: center;
    cursor: inherit;
    display: flex;
    flex-direction: row;
    padding-left: 16px;
    padding-right: 16px;
    user-select: none;
    width: 100%; }
    .module-conversation-list__item--contact-or-conversation--is-button {
      cursor: pointer; }
      .module-conversation-list__item--contact-or-conversation--is-button:disabled {
        cursor: inherit; }
      .module-conversation-list__item--contact-or-conversation--is-button:hover:not(:disabled), .module-conversation-list__item--contact-or-conversation--is-button:focus:not(:disabled) {
        background-color: #e9e9e9; }
        .dark-theme .module-conversation-list__item--contact-or-conversation--is-button:hover:not(:disabled), .dark-theme .module-conversation-list__item--contact-or-conversation--is-button:focus:not(:disabled) {
          background-color: #3b3b3b; }
    .module-conversation-list__item--contact-or-conversation--is-checkbox {
      cursor: pointer; }
      .module-conversation-list__item--contact-or-conversation--is-checkbox--disabled {
        cursor: not-allowed; }
      .module-conversation-list__item--contact-or-conversation--is-checkbox:hover:not(.module-conversation-list__item--contact-or-conversation--is-checkbox--disabled), .module-conversation-list__item--contact-or-conversation--is-checkbox:focus:not(.module-conversation-list__item--contact-or-conversation--is-checkbox--disabled) {
        background-color: #e9e9e9; }
        .dark-theme .module-conversation-list__item--contact-or-conversation--is-checkbox:hover:not(.module-conversation-list__item--contact-or-conversation--is-checkbox--disabled), .dark-theme .module-conversation-list__item--contact-or-conversation--is-checkbox:focus:not(.module-conversation-list__item--contact-or-conversation--is-checkbox--disabled) {
          background-color: #3b3b3b; }
    .module-conversation-list__item--contact-or-conversation--has-unread {
      padding-left: 12px;
      border-left: 4px solid #2c6bed; }
      .dark-theme .module-conversation-list__item--contact-or-conversation--has-unread {
        border-left: 4px solid #6191f3; }
    .module-conversation-list__item--contact-or-conversation--is-selected {
      background-color: #dedede; }
      .dark-theme .module-conversation-list__item--contact-or-conversation--is-selected {
        background-color: #4a4a4a; }
    .module-conversation-list__item--contact-or-conversation__avatar-container {
      position: relative;
      margin-top: 8px;
      margin-bottom: 8px; }
    .module-conversation-list__item--contact-or-conversation__unread-count {
      text-align: center;
      padding-left: 3px;
      padding-right: 3px;
      position: absolute;
      right: -6px;
      top: 0px;
      font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
      font-size: 11px;
      line-height: 14px;
      letter-spacing: 0.06px;
      font-weight: 600;
      height: 20px;
      min-width: 20px;
      line-height: 20px;
      border-radius: 10px;
      color: #ffffff;
      background-color: #2c6bed;
      box-shadow: 0px 0px 0px 1px #f6f6f6; }
      .dark-theme .module-conversation-list__item--contact-or-conversation__unread-count {
        background-color: #6191f3;
        box-shadow: 0px 0px 0px 1px #1b1b1b; }
    .module-conversation-list__item--contact-or-conversation__content {
      flex-grow: 1;
      margin-left: 12px;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      overflow: hidden; }
      .module-conversation-list__item--contact-or-conversation__content--disabled {
        opacity: 0.5; }
      .module-conversation-list__item--contact-or-conversation__content__header {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .module-conversation-list__item--contact-or-conversation__content__header__name {
          flex-grow: 1;
          flex-shrink: 1;
          font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: -0.08px;
          font-weight: 600;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          color: #1b1b1b; }
          .dark-theme .module-conversation-list__item--contact-or-conversation__content__header__name {
            color: #e9e9e9; }
        .module-conversation-list__item--contact-or-conversation__content__header__date {
          display: inline-block;
          flex-shrink: 0; }
          .module-conversation-list__item--contact-or-conversation__content__header__date--has-unread {
            font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
            font-size: 11px;
            line-height: 14px;
            letter-spacing: 0.06px;
            font-weight: 600;
            color: #1b1b1b; }
            .dark-theme .module-conversation-list__item--contact-or-conversation__content__header__date--has-unread {
              color: #e9e9e9; }
          .module-conversation-list__item--contact-or-conversation__content__header__date__timestamp {
            flex-shrink: 0;
            margin-left: 6px;
            font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
            font-size: 11px;
            line-height: 14px;
            letter-spacing: 0.06px;
            overflow-x: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #5e5e5e; }
            .dark-theme .module-conversation-list__item--contact-or-conversation__content__header__date__timestamp {
              color: #b9b9b9; }
            .module-conversation-list__item--contact-or-conversation__content__header__date__timestamp--with-unread {
              font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
              font-size: 11px;
              line-height: 14px;
              letter-spacing: 0.06px;
              font-weight: 600; }
      .module-conversation-list__item--contact-or-conversation__content__message {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .module-conversation-list__item--contact-or-conversation__content__message__text {
          flex-grow: 1;
          flex-shrink: 1;
          font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
          font-size: 13px;
          line-height: 18px;
          letter-spacing: -0.03px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          text-align: left;
          color: #5e5e5e; }
          .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text {
            color: #b9b9b9; }
          .module-conversation-list__item--contact-or-conversation__content__message__text--has-unread {
            font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
            font-size: 13px;
            line-height: 18px;
            letter-spacing: -0.03px;
            font-weight: 600;
            color: #1b1b1b; }
            .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text--has-unread {
              color: #e9e9e9; }
          .module-conversation-list__item--contact-or-conversation__content__message__text__muted {
            display: inline-block;
            height: 14px;
            margin-right: 4px;
            vertical-align: middle;
            width: 14px;
            -webkit-mask: url("../images/icons/v2/sound-off-outline-24.svg") no-repeat center;
            -webkit-mask-size: 100%;
            background-color: #5e5e5e; }
            .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__muted {
              -webkit-mask: url("../images/icons/v2/sound-off-outline-24.svg") no-repeat center;
              -webkit-mask-size: 100%;
              background-color: #b9b9b9; }
          .module-conversation-list__item--contact-or-conversation__content__message__text__message-request {
            font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
            font-size: 13px;
            line-height: 18px;
            letter-spacing: -0.03px;
            font-weight: 600;
            color: #5e5e5e; }
            .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__message-request {
              color: #b9b9b9; }
          .module-conversation-list__item--contact-or-conversation__content__message__text__draft-prefix, .module-conversation-list__item--contact-or-conversation__content__message__text__deleted-for-everyone {
            font-style: italic;
            margin-right: 3px; }
          .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon {
            flex-shrink: 0;
            margin-top: 2px;
            width: 12px;
            height: 12px;
            display: inline-block;
            margin-left: 6px; }
            .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--sending {
              animation: module-conversation-list__item--contact-or-conversation__contact__message__text__status-icon--spinning 4s linear infinite;
              -webkit-mask: url("../images/sending.svg") no-repeat center;
              -webkit-mask-size: 100%;
              background-color: #5e5e5e; }
              .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--sending {
                -webkit-mask: url("../images/sending.svg") no-repeat center;
                -webkit-mask-size: 100%;
                background-color: #848484; }
            .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--sent {
              -webkit-mask: url("../images/check-circle-outline.svg") no-repeat center;
              -webkit-mask-size: 100%;
              background-color: #b9b9b9; }
              .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--sent {
                -webkit-mask: url("../images/check-circle-outline.svg") no-repeat center;
                -webkit-mask-size: 100%;
                background-color: #848484; }
            .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--delivered {
              -webkit-mask: url("../images/double-check.svg") no-repeat center;
              -webkit-mask-size: 100%;
              background-color: #b9b9b9;
              width: 18px; }
              .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--delivered {
                -webkit-mask: url("../images/double-check.svg") no-repeat center;
                -webkit-mask-size: 100%;
                background-color: #848484; }
            .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--read {
              -webkit-mask: url("../images/read.svg") no-repeat center;
              -webkit-mask-size: 100%;
              background-color: #b9b9b9;
              width: 18px; }
              .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--read {
                -webkit-mask: url("../images/read.svg") no-repeat center;
                -webkit-mask-size: 100%;
                background-color: #848484; }
            .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--error, .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--partial-sent {
              -webkit-mask: url("../images/icons/v2/error-outline-12.svg") no-repeat center;
              -webkit-mask-size: 100%;
              background-color: #f44336; }
              .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--error, .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--partial-sent {
                -webkit-mask: url("../images/icons/v2/error-solid-12.svg") no-repeat center;
                -webkit-mask-size: 100%;
                background-color: #f44336; }
          .module-conversation-list__item--contact-or-conversation__content__message__text__message-search-result-contents {
            display: -webkit-box;
            white-space: initial;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2; }
          .module-conversation-list__item--contact-or-conversation__content__message__text__start-new-conversation {
            font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: -0.08px;
            font-style: italic; }
    .module-conversation-list__item--contact-or-conversation__checkbox {
      -webkit-appearance: none;
      background: #ffffff;
      border-radius: 100%;
      height: 20px;
      margin-left: 16px;
      margin-right: 16px;
      width: 20px;
      min-width: 20px;
      pointer-events: none;
      border: 1px solid #dedede; }
      .dark-theme .module-conversation-list__item--contact-or-conversation__checkbox {
        border: 1px solid #2e2e2e; }
      .module-conversation-list__item--contact-or-conversation__checkbox:focus {
        outline: none; }
      .keyboard-mode .module-conversation-list__item--contact-or-conversation__checkbox:focus {
        border-width: 2px;
        border-color: #2c6bed; }
        .keyboard-mode .module-conversation-list__item--contact-or-conversation__checkbox:focus:checked {
          box-shadow: inset 0 0 0px 1px #ffffff; }
      .dark-theme.keyboard-mode .module-conversation-list__item--contact-or-conversation__checkbox:focus {
        border-width: 2px;
        border-color: #6191f3; }
        .dark-theme.keyboard-mode .module-conversation-list__item--contact-or-conversation__checkbox:focus:checked {
          box-shadow: inset 0 0 0px 1px #000000; }
      .module-conversation-list__item--contact-or-conversation__checkbox:disabled:not(:checked) {
        opacity: 0.5; }
      .module-conversation-list__item--contact-or-conversation__checkbox:checked {
        background: #2c6bed;
        display: flex;
        align-items: center;
        justify-content: center; }
        .module-conversation-list__item--contact-or-conversation__checkbox:checked::before {
          content: '';
          display: block;
          -webkit-mask: url("../images/icons/v2/check-24.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #ffffff;
          width: 13px;
          height: 13px; }
        .module-conversation-list__item--contact-or-conversation__checkbox:checked:disabled {
          background: #dedede; }
        .dark-theme .module-conversation-list__item--contact-or-conversation__checkbox:checked:disabled {
          background: #848484; }
  .module-conversation-list__item--header {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    padding-left: 16px; }
    .dark-theme .module-conversation-list__item--header {
      color: #e9e9e9; }
  .module-conversation-list__item--spinner {
    width: 100%;
    padding: 10px;
    text-align: center; }

@keyframes module-conversation-list__item--contact-or-conversation__contact__message__text__status-icon--spinning {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.module-left-pane {
  display: inline-flex;
  flex-direction: column;
  width: 320px;
  height: 100%;
  position: relative; }

.module-left-pane__header {
  flex-grow: 0;
  flex-shrink: 0; }
  .module-left-pane__header__contents {
    height: calc(52px + var(--title-bar-drag-area-height));
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding-top: var(--title-bar-drag-area-height); }
    .module-left-pane__header__contents__back-button {
      background: none;
      color: inherit;
      border: none;
      padding: 0;
      margin: 0;
      font: inherit;
      cursor: pointer;
      outline: inherit;
      text-align: inherit;
      margin-left: 7px;
      margin-right: 5px;
      width: 24px;
      height: 24px;
      -webkit-mask: url("../images/icons/v2/chevron-left-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #5e5e5e; }
      .module-left-pane__header__contents__back-button:disabled {
        cursor: not-allowed; }
      .keyboard-mode .module-left-pane__header__contents__back-button:focus {
        -webkit-mask: url("../images/icons/v2/chevron-left-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #2c6bed; }
      .dark-theme .module-left-pane__header__contents__back-button {
        -webkit-mask: url("../images/icons/v2/chevron-left-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #b9b9b9; }
      .dark-theme.keyboard-mode .module-left-pane__header__contents__back-button:hover {
        -webkit-mask: url("../images/icons/v2/chevron-left-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #6191f3; }
    .module-left-pane__header__contents__text {
      font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: -0.08px;
      font-weight: 600;
      color: #1b1b1b; }
      .dark-theme .module-left-pane__header__contents__text {
        color: #e9e9e9; }
  .module-left-pane__header__form {
    display: flex;
    flex-direction: column; }

.module-left-pane__archive-helper-text {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 1em;
  color: #5e5e5e;
  background-color: #e9e9e9; }
  .dark-theme .module-left-pane__archive-helper-text {
    color: #b9b9b9;
    background-color: #3b3b3b; }

.module-left-pane__no-search-results,
.module-left-pane__compose-no-contacts {
  flex-grow: 1;
  margin-top: 27px;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  text-align: center;
  outline: none; }

.module-left-pane__compose-search-form {
  display: flex;
  padding: 8px 16px;
  margin-bottom: 8px; }
  .module-left-pane__compose-search-form__input {
    flex-grow: 1;
    padding: 5px 12px;
    border-radius: 17px;
    border: none;
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    background-color: #e9e9e9;
    color: #1b1b1b;
    border: solid 1px #f6f6f6; }
    .dark-theme .module-left-pane__compose-search-form__input {
      color: #e9e9e9;
      background-color: #121212;
      border: solid 1px #2e2e2e; }
    .module-left-pane__compose-search-form__input:placeholder {
      color: #848484; }
    .module-left-pane__compose-search-form__input:focus {
      border: solid 1px #2c6bed;
      outline: none; }

.module-left-pane__list--measure {
  flex-grow: 1;
  flex-shrink: 1;
  outline: none; }

.module-left-pane__list--wrapper {
  position: relative; }

.module-left-pane__list {
  position: absolute;
  outline: none; }

.module-left-pane__footer {
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  left: 0;
  padding: 12px;
  position: absolute;
  width: 100%;
  background: linear-gradient(transparent, #f6f6f6); }
  .dark-theme .module-left-pane__footer {
    background: linear-gradient(transparent, #2e2e2e); }

.module-timeline-loading-row {
  height: 48px;
  padding: 12px;
  display: flex;
  flex-direction: columns;
  justify-content: center;
  align-items: center;
  color: #3b3b3b; }
  .dark-theme .module-timeline-loading-row {
    color: #b9b9b9; }

.module-timeline {
  height: 100%;
  overflow: hidden; }

.module-timeline--disabled {
  user-select: none; }

.module-timeline__message-container {
  padding-top: 4px;
  padding-bottom: 4px; }

.ReactVirtualized__List {
  outline: none; }

.module-sticker-picker, .module-emoji-picker {
  width: 332px;
  border-radius: 8px;
  margin-bottom: 6px;
  z-index: 2;
  user-select: none;
  overflow: hidden;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  background: #f6f6f6; }
  .module-sticker-picker ::-webkit-scrollbar-thumb, .module-emoji-picker ::-webkit-scrollbar-thumb {
    border: 2px solid #f6f6f6; }
  .dark-theme .module-sticker-picker, .dark-theme .module-emoji-picker {
    background: #3b3b3b; }
    .dark-theme .module-sticker-picker ::-webkit-scrollbar-thumb, .dark-theme .module-emoji-picker ::-webkit-scrollbar-thumb {
      border: 2px solid #3b3b3b; }

.module-sfn-dialog__title {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  text-align: center; }
  .dark-theme .module-sfn-dialog__title {
    color: #ffffff; }

.module-sfn-dialog__message {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  text-align: center;
  color: #5e5e5e; }
  .dark-theme .module-sfn-dialog__message {
    color: #b9b9b9; }

.module-sfn-dialog__contacts {
  list-style-type: none;
  max-height: 300px;
  overflow-y: scroll;
  padding: 0; }

.module-sfn-dialog__contact {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 16px; }
  .module-sfn-dialog__contact--wrapper {
    flex-grow: 1;
    margin-left: 12px; }
  .module-sfn-dialog__contact--name {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600; }
    .dark-theme .module-sfn-dialog__contact--name {
      color: #ffffff; }
  .module-sfn-dialog__contact--number {
    color: #5e5e5e; }
    .dark-theme .module-sfn-dialog__contact--number {
      color: #b9b9b9; }
  .module-sfn-dialog__contact--view {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600;
    background: inherit;
    border: none;
    cursor: pointer;
    margin-right: 2px;
    outline: none;
    padding: 8px 14px;
    color: #2c6bed; }
    .keyboard-mode .module-sfn-dialog__contact--view:focus {
      box-shadow: 0px 0px 0px 2px #2c6bed; }
    .dark-theme .module-sfn-dialog__contact--view {
      color: #6191f3; }

.module-sfn-dialog__actions {
  border-top: 1px solid #e9e9e9;
  display: flex;
  justify-content: flex-end;
  margin-left: -16px;
  margin-right: -16px;
  margin-top: -14px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px; }
  .module-sfn-dialog__actions--cancel {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    outline: none;
    padding: 7px 14px;
    background-color: #e9e9e9;
    color: #2c6bed; }
    .mouse-mode .module-sfn-dialog__actions--cancel:hover {
      background: #dedede; }
    .keyboard-mode .module-sfn-dialog__actions--cancel:focus {
      box-shadow: 0px 0px 0px 2px #2c6bed; }
    .dark-theme .module-sfn-dialog__actions--cancel {
      background-color: #3b3b3b;
      color: #6191f3; }
  .module-sfn-dialog__actions--confirm {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600;
    background: #2c6bed;
    border: none;
    border-radius: 4px;
    color: #ffffff;
    margin-left: 12px;
    outline: none;
    padding: 7px 14px; }
    .mouse-mode .module-sfn-dialog__actions--confirm:hover {
      background: #1851b4; }
    .keyboard-mode .module-sfn-dialog__actions--confirm:focus {
      box-shadow: 0px 0px 0px 2px #1851b4; }

/* Safety Number verification */
.module-safety-number__icon {
  height: 1.25em;
  width: 1.25em;
  vertical-align: text-bottom;
  display: inline-block; }

.module-safety-number__verification-label {
  margin: 10px 0; }

.module-safety-number__icon--verified {
  display: inline-block;
  height: 1.25em;
  margin-right: 4px;
  vertical-align: text-bottom;
  width: 1.25em;
  -webkit-mask: url("../images/icons/v2/check-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #121212; }
  .dark-theme .module-safety-number__icon--verified {
    -webkit-mask: url("../images/icons/v2/check-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #f6f6f6; }

.module-safety-number__icon--shield {
  display: inline-block;
  height: 1.25em;
  margin-right: 4px;
  vertical-align: text-bottom;
  width: 1.25em;
  -webkit-mask: url("../images/icons/v2/safety-number-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #121212; }
  .dark-theme .module-safety-number__icon--shield {
    -webkit-mask: url("../images/icons/v2/safety-number-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #f6f6f6; }

.module-safety-number__verify-container {
  text-align: center; }

.module-safety-number__button--verify {
  border-radius: 5px;
  font-weight: bold;
  margin: 0;
  outline: none;
  padding: 10px; }

.module-safety-number__number {
  background: #f6f6f6;
  border-radius: 5px;
  border: solid 1px #dedede;
  font-family: monospace;
  margin: 20px auto 20px auto;
  padding: 10px;
  text-align: center;
  width: 16em; }
  .dark-theme .module-safety-number__number {
    background: #1b1b1b;
    border: solid 1px #848484;
    color: #f6f6f6; }

.module-safety-number__verification-status {
  margin: 30px 0 10px;
  text-align: center; }

.module-safety-number__close-button {
  display: flex;
  justify-content: flex-end; }
  .module-safety-number__close-button button {
    background: inherit;
    border: none;
    cursor: pointer;
    padding: 0; }
    .keyboard-mode .module-safety-number__close-button button:focus {
      border: 1px solid #2c6bed; }
    .module-safety-number__close-button button span {
      display: inline-block;
      height: 24px;
      width: 24px;
      -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #5e5e5e; }
      .dark-theme .module-safety-number__close-button button span {
        -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #e9e9e9; }

.module-sticker-picker {
  height: 400px;
  display: grid;
  grid-template-rows: 44px 1fr;
  grid-template-columns: 1fr; }

.module-sticker-picker__header {
  display: flex;
  flex-direction: row;
  padding: 0 8px;
  justify-content: flex-start;
  align-items: center; }

.module-sticker-picker__header__packs {
  width: 288px;
  overflow: hidden;
  position: relative; }
  .module-sticker-picker__header__packs__slider {
    display: flex;
    flex-direction: row;
    transform: translateX(0);
    transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.module-sticker-picker__header__button {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  margin-right: 4px;
  outline: none; }
  .keyboard-mode .module-sticker-picker__header__button:active, .keyboard-mode .module-sticker-picker__header__button:focus {
    background: #e9e9e9; }
  .dark-theme.keyboard-mode .module-sticker-picker__header__button:active, .dark-theme.keyboard-mode .module-sticker-picker__header__button:focus {
    background: #5e5e5e; }
  .module-sticker-picker__header__button--selected {
    background: #dedede; }
    .dark-theme .module-sticker-picker__header__button--selected {
      background: #848484; }
  .module-sticker-picker__header__button--recents::after, .module-sticker-picker__header__button--add-pack::after {
    content: '';
    display: block;
    min-width: 20px;
    min-height: 20px; }
  .module-sticker-picker__header__button--recents::after {
    -webkit-mask: url("../images/icons/v2/recent-outline-20.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #5e5e5e; }
    .dark-theme .module-sticker-picker__header__button--recents::after {
      -webkit-mask: url("../images/icons/v2/recent-solid-20.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #b9b9b9; }
  .module-sticker-picker__header__button--add-pack::after {
    -webkit-mask: url("../images/icons/v2/plus-20.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #5e5e5e; }
    .dark-theme .module-sticker-picker__header__button--add-pack::after {
      -webkit-mask: url("../images/icons/v2/plus-20.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #b9b9b9; }
  .module-sticker-picker__header__button--prev-page, .module-sticker-picker__header__button--next-page {
    top: 0;
    margin: 0;
    border-radius: 0;
    background: #f6f6f6; }
    .module-sticker-picker__header__button--prev-page::after, .module-sticker-picker__header__button--next-page::after {
      content: '';
      display: block;
      min-width: 16px;
      min-height: 16px; }
    .dark-theme .module-sticker-picker__header__button--prev-page, .dark-theme .module-sticker-picker__header__button--next-page {
      background: #3b3b3b; }
  .module-sticker-picker__header__button--prev-page {
    position: absolute;
    left: 0; }
    .module-sticker-picker__header__button--prev-page::after {
      -webkit-mask: url("../images/icons/v2/chevron-left-16.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #5e5e5e; }
      .dark-theme .module-sticker-picker__header__button--prev-page::after {
        -webkit-mask: url("../images/icons/v2/chevron-left-16.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #b9b9b9; }
  .module-sticker-picker__header__button--next-page {
    position: absolute;
    right: 0; }
    .module-sticker-picker__header__button--next-page::after {
      -webkit-mask: url("../images/icons/v2/chevron-right-16.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #5e5e5e; }
      .dark-theme .module-sticker-picker__header__button--next-page::after {
        -webkit-mask: url("../images/icons/v2/chevron-right-16.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #b9b9b9; }
  .module-sticker-picker__header__button--error {
    position: relative; }
    .module-sticker-picker__header__button--error::before {
      display: block;
      content: '';
      width: 12px;
      height: 12px;
      position: absolute;
      left: 14px;
      top: 2px;
      -webkit-mask: url("../images/icons/v2/error-solid-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #f44336; }
  .module-sticker-picker__header__button--hint {
    position: relative; }
    .module-sticker-picker__header__button--hint::before {
      display: block;
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 14px;
      height: 14px;
      border-radius: 7px;
      background: #2c6bed; }

.module-sticker-picker__header__button__image {
  width: 20px;
  height: 20px;
  object-fit: contain; }

.module-sticker-picker__header__button__image--placeholder {
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  background-color: #e9e9e9; }

.module-sticker-picker__body {
  position: relative; }
  .module-sticker-picker__body__content {
    width: 332px;
    height: 356px;
    padding: 8px 20px 16px 16px;
    overflow-y: auto;
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 68px; }
    .module-sticker-picker__body__content--under-text {
      height: 320px; }
    .module-sticker-picker__body__content--under-long-text {
      height: 304px; }
  .module-sticker-picker__body__cell {
    border: none;
    background: none;
    padding: 0;
    width: 68px;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .mouse-mode .module-sticker-picker__body__cell {
      outline: none; }
    .module-sticker-picker__body__cell__image, .module-sticker-picker__body__cell__placeholder {
      width: 100%;
      height: 100%;
      object-fit: contain; }
    .module-sticker-picker__body__cell__placeholder {
      border-radius: 4px;
      background-color: #e9e9e9; }
      .dark-theme .module-sticker-picker__body__cell__placeholder {
        background-color: #5e5e5e; }
  .module-sticker-picker__body--empty {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
  .module-sticker-picker__body__text {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600;
    text-align: center;
    padding: 8px 16px 12px 0;
    color: #5e5e5e; }
    .dark-theme .module-sticker-picker__body__text {
      color: #b9b9b9; }
    .module-sticker-picker__body__text:only-child {
      padding: 0 0 28px 0; }
    .module-sticker-picker__body__text--error {
      color: #f44336; }
      .dark-theme .module-sticker-picker__body__text--error {
        color: #f44336; }
    .module-sticker-picker__body__text--hint {
      color: #2c6bed; }
      .dark-theme .module-sticker-picker__body__text--hint {
        color: #6191f3; }
    .module-sticker-picker__body__text--pin {
      padding: 8px 16px 12px 0px;
      position: absolute;
      top: 0; }

.module-sticker-manager {
  padding: 0 16px;
  outline: none; }

.module-sticker-manager__text {
  height: 18px;
  letter-spacing: 0px;
  line-height: 18px;
  color: #5e5e5e; }
  .dark-theme .module-sticker-manager__text {
    color: #b9b9b9; }
  .module-sticker-manager__text--heading {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600;
    color: #1b1b1b; }
    .dark-theme .module-sticker-manager__text--heading {
      color: #e9e9e9; }

.module-sticker-manager__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  border-radius: 8px;
  background: #f6f6f6;
  color: #5e5e5e; }
  .dark-theme .module-sticker-manager__empty {
    background: #1b1b1b;
    color: #b9b9b9; }

.module-sticker-manager__pack-row__meta__blessed-icon, .module-sticker-manager__preview-modal__container__meta-overlay__info__blessed-icon {
  height: 14px;
  width: 14px;
  border-radius: 8px;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  margin-bottom: 2px;
  position: relative; }
  .module-sticker-manager__pack-row__meta__blessed-icon::before, .module-sticker-manager__preview-modal__container__meta-overlay__info__blessed-icon::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -1px;
    left: -1px;
    -webkit-mask: url("../images/icons/v2/check-circle-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #2c6bed; }
    .dark-theme .module-sticker-manager__pack-row__meta__blessed-icon::before, .dark-theme .module-sticker-manager__preview-modal__container__meta-overlay__info__blessed-icon::before {
      -webkit-mask: url("../images/icons/v2/check-circle-solid-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #2c6bed; }

.module-sticker-manager__pack-row {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: flex;
  flex-direction: row;
  padding: 16px; }
  .module-sticker-manager__pack-row + .module-sticker-manager__pack-row {
    border-top: 1px solid #dedede; }
  .dark-theme .module-sticker-manager__pack-row + .dark-theme .module-sticker-manager__pack-row {
    border-top: 1px solid #3b3b3b; }
  .keyboard-mode .module-sticker-manager__pack-row:focus {
    box-shadow: 0px 0px 0px 2px #2c6bed; }
  .module-sticker-manager__pack-row__cover {
    width: 48px;
    height: 48px;
    object-fit: contain; }
  .module-sticker-manager__pack-row__cover-placeholder {
    width: 48px;
    height: 48px;
    background: #e9e9e9; }
  .module-sticker-manager__pack-row__meta {
    flex-grow: 1;
    display: flex;
    flex-direction: column; }
    .module-sticker-manager__pack-row__meta:not(:first-child) {
      padding: 0 12px; }
    .module-sticker-manager__pack-row__meta__title {
      flex: 1; }
    .module-sticker-manager__pack-row__meta__author {
      flex: 1;
      color: #848484; }
      .dark-theme .module-sticker-manager__pack-row__meta__author {
        color: #b9b9b9; }
  .module-sticker-manager__pack-row__controls {
    flex-shrink: 1;
    display: flex;
    justify-content: center;
    align-items: center; }
    .module-sticker-manager__pack-row__controls__button {
      background: none;
      border: 0; }
      .module-sticker-manager__pack-row__controls__button--menu::after {
        content: '';
        display: block;
        min-width: 24px;
        min-height: 24px;
        -webkit-mask: url("../images/icons/v2/more-horiz-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-sticker-manager__pack-row__controls__button--menu::after {
          -webkit-mask: url("../images/icons/v2/more-horiz-24.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }

.module-sticker-manager__install-button {
  background: none;
  border: 0;
  color: #1b1b1b;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  height: 24px;
  background: #e9e9e9;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px; }
  .dark-theme .module-sticker-manager__install-button {
    color: #e9e9e9;
    background: #3b3b3b; }
  .mouse-mode .module-sticker-manager__install-button {
    outline: none; }
  .module-sticker-manager__install-button--blue {
    background: #2c6bed;
    color: #ffffff; }
    .dark-theme .module-sticker-manager__install-button--blue {
      background: #6191f3;
      color: #ffffff; }

.module-sticker-manager__preview-modal__overlay {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5; }

.module-sticker-manager__preview-modal__container {
  position: relative;
  border-radius: 8px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  width: 440px;
  height: 360px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #ffffff; }
  .dark-theme .module-sticker-manager__preview-modal__container {
    background: #3b3b3b; }
  .module-sticker-manager__preview-modal__container__error {
    color: #f44336;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 0 80px 30px 80px;
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600; }
  .module-sticker-manager__preview-modal__container__header {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    height: 36px;
    padding: 0 8px 0 16px;
    justify-content: space-between;
    align-items: center; }
    .module-sticker-manager__preview-modal__container__header__text {
      font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: -0.08px;
      font-weight: 600;
      color: #1b1b1b; }
      .dark-theme .module-sticker-manager__preview-modal__container__header__text {
        color: #e9e9e9; }
    .module-sticker-manager__preview-modal__container__header__close-button {
      border: none;
      width: 20px;
      height: 20px;
      -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #5e5e5e; }
      .dark-theme .module-sticker-manager__preview-modal__container__header__close-button {
        -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #e9e9e9; }
  .module-sticker-manager__preview-modal__container__sticker-grid {
    width: 100%;
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(4, 1fr);
    overflow-y: auto;
    padding: 0 16px; }
    .module-sticker-manager__preview-modal__container__sticker-grid::after {
      content: '';
      display: block;
      height: 80px;
      grid-column: 1 / span 4; }
    .module-sticker-manager__preview-modal__container__sticker-grid__cell {
      width: 96px;
      height: 96px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .module-sticker-manager__preview-modal__container__sticker-grid__cell__image {
        width: 100%;
        height: 100%;
        object-fit: contain; }
      .module-sticker-manager__preview-modal__container__sticker-grid__cell--placeholder {
        border-radius: 4px;
        background: #e9e9e9; }
        .dark-theme .module-sticker-manager__preview-modal__container__sticker-grid__cell--placeholder {
          background: #5e5e5e; }
  .module-sticker-manager__preview-modal__container__meta-overlay {
    border-radius: 4px;
    width: 408px;
    height: 52px;
    position: absolute;
    left: 16px;
    bottom: 16px;
    padding: 0 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #e9e9e9; }
    .dark-theme .module-sticker-manager__preview-modal__container__meta-overlay {
      background: #5e5e5e; }
    .module-sticker-manager__preview-modal__container__meta-overlay__info {
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex-grow: 1;
      flex-shrink: 1;
      overflow: hidden; }
      .module-sticker-manager__preview-modal__container__meta-overlay__info__title {
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.08px;
        font-weight: 600;
        color: #1b1b1b; }
        .dark-theme .module-sticker-manager__preview-modal__container__meta-overlay__info__title {
          color: #e9e9e9; }
      .module-sticker-manager__preview-modal__container__meta-overlay__info__author {
        margin: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #848484; }
        .dark-theme .module-sticker-manager__preview-modal__container__meta-overlay__info__author {
          color: #b9b9b9; }
    .module-sticker-manager__preview-modal__container__meta-overlay__install {
      flex-shrink: 0;
      overflow: hidden; }

.sticker-button-wrapper {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px; }

.module-sticker-button__button {
  border: 0;
  background: none;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.5;
  outline: none; }
  .module-sticker-button__button:focus, .module-sticker-button__button:hover {
    opacity: 1; }
  .module-sticker-button__button::after {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    -webkit-mask: url("../images/icons/v2/sticker-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #3b3b3b; }
    .dark-theme .module-sticker-button__button::after {
      -webkit-mask: url("../images/icons/v2/sticker-solid-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede; }
  .module-sticker-button__button--active {
    background: #e9e9e9;
    opacity: 1; }
    .dark-theme .module-sticker-button__button--active {
      background: #3b3b3b; }

.module-sticker-button__tooltip {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 12px;
  border-radius: 8px;
  margin-bottom: 6px;
  z-index: 1;
  background: #ffffff;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05); }
  .dark-theme .module-sticker-button__tooltip {
    background: #3b3b3b; }
  .module-sticker-button__tooltip__triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #ffffff transparent transparent transparent; }
    .dark-theme .module-sticker-button__tooltip__triangle {
      border-color: #3b3b3b transparent transparent transparent; }
    .module-sticker-button__tooltip__triangle--top-end {
      top: 34px; }
    .module-sticker-button__tooltip__triangle--introduction {
      top: 72px; }
  .module-sticker-button__tooltip__image {
    width: 20px;
    height: 20px;
    object-fit: contain; }
  .module-sticker-button__tooltip__image-placeholder {
    width: 20px;
    height: 20px;
    background-color: #e9e9e9; }
  .module-sticker-button__tooltip__text {
    margin-left: 4px;
    cursor: default;
    color: #1b1b1b; }
    .dark-theme .module-sticker-button__tooltip__text {
      color: #e9e9e9; }
    .module-sticker-button__tooltip__text__title {
      font-weight: bold; }
  .module-sticker-button__tooltip--introduction {
    width: 420px;
    height: 72px;
    display: flex;
    flex-direction: row; }
    .module-sticker-button__tooltip--introduction__image {
      width: 52px;
      height: 52px; }
    .module-sticker-button__tooltip--introduction__meta {
      flex-grow: 1;
      padding: 0 12px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      color: #1b1b1b; }
      .dark-theme .module-sticker-button__tooltip--introduction__meta {
        color: #e9e9e9; }
      .module-sticker-button__tooltip--introduction__meta__title {
        margin: 0;
        font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.08px;
        font-weight: 600;
        height: 16px; }
      .module-sticker-button__tooltip--introduction__meta__subtitle {
        margin-top: 3px;
        height: 16px; }
    .module-sticker-button__tooltip--introduction__close {
      flex-shrink: 1;
      height: 100%; }
      .module-sticker-button__tooltip--introduction__close__button {
        width: 20px;
        height: 20px;
        border: none;
        -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-sticker-button__tooltip--introduction__close__button {
          -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #e9e9e9; }

.module-confirmation-dialog__overlay {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9001; }

.module-confirmation-dialog__container {
  width: 360px;
  padding: 12px 16px;
  border-radius: 8px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  background: #ffffff;
  color: #1b1b1b; }
  .dark-theme .module-confirmation-dialog__container {
    background: #2e2e2e;
    color: #e9e9e9; }
  .module-confirmation-dialog__container__title {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600; }
  .module-confirmation-dialog__container__content {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px; }
  .module-confirmation-dialog__container__buttons {
    margin-top: 22px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    .module-confirmation-dialog__container__buttons__button {
      margin-left: 4px;
      border-radius: 17px;
      height: 34px;
      padding: 5px 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: -0.08px;
      font-weight: 600;
      background: #ffffff;
      color: #5e5e5e;
      border: 1px solid #5e5e5e; }
      .mouse-mode .module-confirmation-dialog__container__buttons__button {
        outline: none; }
      .dark-theme .module-confirmation-dialog__container__buttons__button {
        background: #3b3b3b;
        color: #b9b9b9;
        border: 1px solid #b9b9b9; }
      .module-confirmation-dialog__container__buttons__button--negative {
        border: none;
        background: #f44336;
        color: #ffffff; }
        .dark-theme .module-confirmation-dialog__container__buttons__button--negative {
          border: none;
          background: #f44336;
          color: #ffffff; }
      .module-confirmation-dialog__container__buttons__button--affirmative {
        border: none;
        background: #4caf50;
        color: #ffffff; }
        .dark-theme .module-confirmation-dialog__container__buttons__button--affirmative {
          border: none;
          background: #4caf50;
          color: #ffffff; }

.module-left-pane-dialog {
  background: #4caf50;
  color: #ffffff;
  padding: 16px; }
  .module-left-pane-dialog .module-left-pane-dialog__message h3 {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
    margin-bottom: 8px; }
  .module-left-pane-dialog .module-left-pane-dialog__message span {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    display: inline-block; }
  .module-left-pane-dialog .module-left-pane-dialog__actions {
    margin-top: 8px;
    text-align: right; }
    .keyboard-mode .module-left-pane-dialog .module-left-pane-dialog__actions .module-left-pane-dialog__link {
      display: inline-block;
      outline: 0; }
    .module-left-pane-dialog .module-left-pane-dialog__actions button {
      background: inherit;
      border-radius: 20px;
      border: solid 1px #ffffff;
      color: #ffffff;
      cursor: pointer;
      font-family: inherit;
      margin: 0 4px;
      padding: 8px 16px;
      outline: 0; }
      .keyboard-mode .module-left-pane-dialog .module-left-pane-dialog__actions button:focus {
        box-shadow: 0 0 0 3px #2c6bed; }
      .mouse-mode .module-left-pane-dialog .module-left-pane-dialog__actions button:hover {
        box-shadow: 0 0 0 3px #2c6bed; }
    .module-left-pane-dialog .module-left-pane-dialog__actions .module-left-pane-dialog__button--no-border {
      border: none; }
  .module-left-pane-dialog.module-left-pane-dialog--error {
    background-color: #f44336; }
  .module-left-pane-dialog.module-left-pane-dialog--warning {
    background-color: #ffd624;
    color: #000000; }
    .module-left-pane-dialog.module-left-pane-dialog--warning button {
      border-color: #000000;
      color: #000000; }

.module-emoji-picker__header, .module-emoji-picker__footer {
  height: 44px;
  display: flex;
  flex-direction: row;
  align-items: center; }

.module-emoji-picker {
  height: 428px;
  display: grid;
  grid-template-rows: 44px 1fr;
  grid-template-columns: 1fr; }
  .module-emoji-picker__header {
    justify-content: space-between;
    margin: 0 12px; }
    .module-emoji-picker__header__search-field {
      flex-grow: 1;
      margin-left: 8px;
      position: relative;
      font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
      font-size: 13px;
      line-height: 18px;
      letter-spacing: -0.03px; }
      .module-emoji-picker__header__search-field::after {
        display: block;
        content: '';
        width: 16px;
        height: 16px;
        position: absolute;
        left: 8px;
        top: 6px;
        -webkit-mask: url("../images/icons/v2/search-16.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-emoji-picker__header__search-field::after {
          -webkit-mask: url("../images/icons/v2/search-16.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }
      .module-emoji-picker__header__search-field__input {
        width: 100%;
        height: 28px;
        font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.08px;
        line-height: 28px;
        border-radius: 17px;
        border-width: 1px;
        border-style: solid;
        padding: 0 8px 0 30px;
        background: #ffffff;
        color: #1b1b1b;
        border-color: #5e5e5e; }
        .module-emoji-picker__header__search-field__input:focus {
          outline: none; }
        .module-emoji-picker__header__search-field__input:focus {
          border-color: #2c6bed; }
        .module-emoji-picker__header__search-field__input:placeholder {
          color: #848484; }
        .dark-theme .module-emoji-picker__header__search-field__input {
          border-color: #b9b9b9;
          background: #3b3b3b;
          color: #e9e9e9; }
          .dark-theme .module-emoji-picker__header__search-field__input:focus {
            border-color: #2c6bed; }
          .dark-theme .module-emoji-picker__header__search-field__input:placeholder {
            color: #848484; }
  .module-emoji-picker__footer {
    justify-content: center; }
  .module-emoji-picker__button {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 8px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none; }
    .mouse-mode .module-emoji-picker__button {
      outline: none; }
    .module-emoji-picker__button--footer:not(:first-of-type) {
      margin-left: 4px; }
    .module-emoji-picker__button--selected {
      background: #e9e9e9; }
      .dark-theme .module-emoji-picker__button--selected {
        background: #5e5e5e; }
    .module-emoji-picker__button--icon {
      display: flex;
      justify-content: center;
      align-items: center; }
      .module-emoji-picker__button--icon::after {
        display: block;
        content: '';
        width: 20px;
        height: 20px; }
      .module-emoji-picker__button--icon--search::after {
        -webkit-mask: url("../images/icons/v2/search-16.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-emoji-picker__button--icon--search::after {
          -webkit-mask: url("../images/icons/v2/search-16.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }
      .module-emoji-picker__button--icon--close::after {
        -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-emoji-picker__button--icon--close::after {
          -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }
      .module-emoji-picker__button--icon--recents::after {
        -webkit-mask: url("../images/icons/v2/recent-outline-20.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-emoji-picker__button--icon--recents::after {
          -webkit-mask: url("../images/icons/v2/recent-solid-20.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }
      .module-emoji-picker__button--icon--emoji::after {
        -webkit-mask: url("../images/icons/v2/emoji-smiley-outline-20.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-emoji-picker__button--icon--emoji::after {
          -webkit-mask: url("../images/icons/v2/emoji-smiley-solid-20.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }
      .module-emoji-picker__button--icon--animal::after {
        -webkit-mask: url("../images/icons/v2/emoji-animal-outline-20.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-emoji-picker__button--icon--animal::after {
          -webkit-mask: url("../images/icons/v2/emoji-animal-solid-20.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }
      .module-emoji-picker__button--icon--food::after {
        -webkit-mask: url("../images/icons/v2/emoji-food-outline-20.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-emoji-picker__button--icon--food::after {
          -webkit-mask: url("../images/icons/v2/emoji-food-solid-20.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }
      .module-emoji-picker__button--icon--activity::after {
        -webkit-mask: url("../images/icons/v2/emoji-activity-outline-20.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-emoji-picker__button--icon--activity::after {
          -webkit-mask: url("../images/icons/v2/emoji-activity-solid-20.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }
      .module-emoji-picker__button--icon--travel::after {
        -webkit-mask: url("../images/icons/v2/emoji-travel-outline-20.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-emoji-picker__button--icon--travel::after {
          -webkit-mask: url("../images/icons/v2/emoji-travel-solid-20.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }
      .module-emoji-picker__button--icon--object::after {
        -webkit-mask: url("../images/icons/v2/emoji-object-outline-20.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-emoji-picker__button--icon--object::after {
          -webkit-mask: url("../images/icons/v2/emoji-object-solid-20.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }
      .module-emoji-picker__button--icon--symbol::after {
        -webkit-mask: url("../images/icons/v2/emoji-symbol-outline-20.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-emoji-picker__button--icon--symbol::after {
          -webkit-mask: url("../images/icons/v2/emoji-symbol-solid-20.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }
      .module-emoji-picker__button--icon--flag::after {
        -webkit-mask: url("../images/icons/v2/emoji-flag-outline-20.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #5e5e5e; }
        .dark-theme .module-emoji-picker__button--icon--flag::after {
          -webkit-mask: url("../images/icons/v2/emoji-flag-solid-20.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #b9b9b9; }
  .module-emoji-picker__body {
    padding: 8px 16px 0 12px;
    outline: none; }
    .module-emoji-picker__body__emoji-cell {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start; }
    .module-emoji-picker__body--empty {
      display: flex;
      padding: 0;
      justify-content: center;
      align-items: center;
      font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: -0.08px;
      color: #5e5e5e; }
      .dark-theme .module-emoji-picker__body--empty {
        color: #b9b9b9; }

.emoji-button-wrapper {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 6px;
  padding-top: 4px; }

.module-emoji-button__button {
  border: 0;
  background: none;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.5;
  outline: none; }
  .module-emoji-button__button:focus, .module-emoji-button__button:hover {
    opacity: 1; }
  .module-emoji-button__button::after {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    -webkit-mask: url("../images/icons/v2/emoji-smiley-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #3b3b3b; }
    .dark-theme .module-emoji-button__button::after {
      -webkit-mask: url("../images/icons/v2/emoji-smiley-solid-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede; }
  .module-emoji-button__button--active {
    background: #e9e9e9;
    opacity: 1; }
    .dark-theme .module-emoji-button__button--active {
      background: #3b3b3b; }

.module-emoji {
  display: flex;
  justify-content: center;
  align-items: center;
  color: transparent;
  font-family: auto;
  caret-color: #1b1b1b; }
  .dark-theme .module-emoji {
    caret-color: #e9e9e9; }
  .module-emoji--16px {
    width: 16px;
    height: 16px; }
    .module-emoji--16px--inline {
      display: inline-block;
      vertical-align: bottom;
      background-size: 16px 16px; }
  .module-emoji__image--16px {
    width: 16px;
    height: 16px;
    transform: translate3d(0, 0, 0);
    vertical-align: baseline; }
  .module-emoji--18px {
    width: 18px;
    height: 18px; }
    .module-emoji--18px--inline {
      display: inline-block;
      vertical-align: bottom;
      background-size: 18px 18px; }
  .module-emoji__image--18px {
    width: 18px;
    height: 18px;
    transform: translate3d(0, 0, 0);
    vertical-align: baseline; }
  .module-emoji--20px {
    width: 20px;
    height: 20px; }
    .module-emoji--20px--inline {
      display: inline-block;
      vertical-align: bottom;
      background-size: 20px 20px; }
  .module-emoji__image--20px {
    width: 20px;
    height: 20px;
    transform: translate3d(0, 0, 0);
    vertical-align: baseline; }
  .module-emoji--24px {
    width: 24px;
    height: 24px; }
    .module-emoji--24px--inline {
      display: inline-block;
      vertical-align: bottom;
      background-size: 24px 24px; }
  .module-emoji__image--24px {
    width: 24px;
    height: 24px;
    transform: translate3d(0, 0, 0);
    vertical-align: baseline; }
  .module-emoji--28px {
    width: 28px;
    height: 28px; }
    .module-emoji--28px--inline {
      display: inline-block;
      vertical-align: bottom;
      background-size: 28px 28px; }
  .module-emoji__image--28px {
    width: 28px;
    height: 28px;
    transform: translate3d(0, 0, 0);
    vertical-align: baseline; }
  .module-emoji--32px {
    width: 32px;
    height: 32px; }
    .module-emoji--32px--inline {
      display: inline-block;
      vertical-align: bottom;
      background-size: 32px 32px; }
  .module-emoji__image--32px {
    width: 32px;
    height: 32px;
    transform: translate3d(0, 0, 0);
    vertical-align: baseline; }
  .module-emoji--48px {
    width: 48px;
    height: 48px; }
    .module-emoji--48px--inline {
      display: inline-block;
      vertical-align: bottom;
      background-size: 48px 48px; }
  .module-emoji__image--48px {
    width: 48px;
    height: 48px;
    transform: translate3d(0, 0, 0);
    vertical-align: baseline; }
  .module-emoji--64px {
    width: 64px;
    height: 64px; }
    .module-emoji--64px--inline {
      display: inline-block;
      vertical-align: bottom;
      background-size: 64px 64px; }
  .module-emoji__image--64px {
    width: 64px;
    height: 64px;
    transform: translate3d(0, 0, 0);
    vertical-align: baseline; }
  .module-emoji--66px {
    width: 66px;
    height: 66px; }
    .module-emoji--66px--inline {
      display: inline-block;
      vertical-align: bottom;
      background-size: 66px 66px; }
  .module-emoji__image--66px {
    width: 66px;
    height: 66px;
    transform: translate3d(0, 0, 0);
    vertical-align: baseline; }

.module-unsupported-message {
  text-align: center; }

.module-unsupported-message__icon {
  height: 24px;
  width: 24px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7px;
  -webkit-mask: url("../images/icons/v2/error-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-unsupported-message__icon {
    -webkit-mask: url("../images/icons/v2/error-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

.module-unsupported-message__icon--can-process {
  -webkit-mask: url("../images/icons/v2/check-circle-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-unsupported-message__icon--can-process {
    -webkit-mask: url("../images/icons/v2/check-circle-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

.module-unsupported-message__text {
  max-width: 396px;
  margin-left: auto;
  margin-right: auto;
  color: #5e5e5e; }
  .dark-theme .module-unsupported-message__text {
    color: #b9b9b9; }

.module-unsupported-message__contact {
  font-weight: bold; }

.module-unsupported-message__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  margin-top: 5px;
  display: inline-block;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  padding: 12px;
  border-radius: 4px;
  color: #2c6bed;
  background-color: #f6f6f6; }
  .dark-theme .module-unsupported-message__button {
    color: #6191f3;
    background-color: #3b3b3b; }

.module-countdown {
  display: block;
  width: 24px;
  height: 24px; }

.module-countdown__front-path {
  fill-opacity: 0;
  stroke-width: 2;
  stroke: #5e5e5e; }
  .dark-theme .module-countdown__front-path {
    stroke: #b9b9b9; }

.module-countdown__back-path {
  fill-opacity: 0;
  stroke-width: 2;
  stroke: #e9e9e9; }
  .dark-theme .module-countdown__back-path {
    stroke: #3b3b3b; }

.module-composition-input__quill {
  height: 100%; }
  .module-composition-input__quill .ql-editor {
    caret-color: transparent;
    padding: 0;
    text-align: start; }
    .module-composition-input__quill .ql-editor--loaded {
      caret-color: auto; }
    .module-composition-input__quill .ql-editor.ql-blank::before {
      left: 0;
      right: 0;
      font-style: normal; }
    .module-composition-input__quill .ql-editor .emoji-blot {
      width: 20px;
      height: 20px;
      vertical-align: text-bottom; }

.module-composition-input__at-mention {
  background-color: #c6c6c6;
  border-radius: 4px;
  display: inline;
  padding-left: 4px;
  padding-right: 4px;
  height: 22px;
  line-height: 22px; }
  .dark-theme .module-composition-input__at-mention {
    background-color: #5e5e5e; }

.module-composition-input__input {
  border: none;
  border-radius: 18px;
  overflow: hidden;
  word-break: break-word;
  border: 1px solid #ffffff;
  background-color: #e9e9e9;
  color: #1b1b1b; }
  .module-composition-input__input .ql-container {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px; }
  .module-composition-input__input .ql-blank::before {
    color: #848484; }
  .dark-theme .module-composition-input__input {
    border: 1px solid #121212;
    background-color: #3b3b3b;
    color: #e9e9e9; }
  .module-composition-input__input__scroller {
    padding: 7px 12px;
    min-height: 32px;
    max-height: 80px;
    overflow: auto; }
    .module-composition-input__input__scroller::-webkit-scrollbar-thumb {
      border: 2px solid #e9e9e9; }
      .dark-theme .module-composition-input__input__scroller::-webkit-scrollbar-thumb {
        border: 2px solid #3b3b3b; }
    .module-composition-input__input__scroller--large {
      max-height: 227px;
      min-height: 227px; }
      .module-composition-input__input__scroller--large .DraftEditor-root {
        height: 213px; }
  .module-composition-input__input:focus-within {
    border: 1px solid #2c6bed; }
    .dark-theme .module-composition-input__input:focus-within {
      border: 1px solid #2c6bed; }

.module-composition-input__suggestions {
  padding: 0;
  margin-bottom: 6px;
  border-radius: 8px;
  z-index: 2;
  overflow: hidden;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  background: #ffffff;
  stroke: #ffffff; }
  .module-composition-input__suggestions--scroller {
    max-height: 300px;
    overflow-y: auto; }
  .dark-theme .module-composition-input__suggestions {
    background: #3b3b3b; }
  .module-composition-input__suggestions__row {
    height: 34px;
    padding: 0 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    background: none;
    border: none;
    width: 100%;
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.03px;
    color: #5e5e5e; }
    .module-composition-input__suggestions__row--mention {
      height: 40px; }
    .module-composition-input__suggestions__row:focus {
      outline: 0; }
    .dark-theme .module-composition-input__suggestions__row {
      color: #b9b9b9; }
    .module-composition-input__suggestions__row__short-name {
      margin-left: 4px; }
    .module-composition-input__suggestions__row--selected, .module-composition-input__suggestions__row:hover {
      background: #e9e9e9;
      color: #1b1b1b; }
      .dark-theme .module-composition-input__suggestions__row--selected, .dark-theme .module-composition-input__suggestions__row:hover {
        background: #5e5e5e;
        color: #e9e9e9; }
  .module-composition-input__suggestions__title {
    padding-left: 8px; }

.module-composition-area {
  position: relative;
  min-height: 42px;
  padding-top: 6px; }
  .module-composition-area__row {
    display: flex;
    flex-direction: row; }
    .module-composition-area__row--center {
      justify-content: center; }
    .module-composition-area__row--padded {
      padding: 0 12px; }
    .module-composition-area__row--control-row {
      margin-top: 8px; }
    .module-composition-area__row--column {
      flex-direction: column; }
  .module-composition-area__button-cell {
    margin-top: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 100%;
    flex-shrink: 0; }
    .module-composition-area__button-cell--mic-active {
      width: 150px; }
    .module-composition-area__button-cell--large-right {
      margin-left: auto;
      margin-right: 4px; }
    .module-composition-area__button-cell--large-right-mic-active {
      margin-left: auto;
      margin-right: 12px; }
  .module-composition-area__send-button {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: none; }
    .module-composition-area__send-button::after {
      display: block;
      content: '';
      width: 24px;
      height: 24px;
      flex-shrink: 0;
      -webkit-mask: url("../images/icons/v2/send-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #2c6bed; }
  .module-composition-area__input {
    flex-grow: 1; }
  .module-composition-area__toggle-large {
    width: 48px;
    height: 24px;
    position: absolute;
    left: calc(50% - 24px);
    top: -18px;
    border-radius: 12px 12px 0 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 200ms ease-out;
    background-color: #ffffff; }
    .module-composition-area:hover .module-composition-area__toggle-large {
      opacity: 1;
      pointer-events: all; }
    .dark-theme .module-composition-area__toggle-large {
      background-color: #121212; }
    .module-composition-area__toggle-large__button {
      width: 48px;
      height: 24px;
      border: none;
      -webkit-mask: url("../images/icons/v2/expand-up-20.svg") no-repeat center;
      background-color: #848484; }
      .dark-theme .module-composition-area__toggle-large__button {
        -webkit-mask: url("../images/icons/v2/expand-up-20.svg") no-repeat center;
        background-color: #848484; }
      .module-composition-area__toggle-large__button--large-active {
        -webkit-mask: url("../images/icons/v2/collapse-down-20.svg") no-repeat center;
        background-color: #848484; }
        .dark-theme .module-composition-area__toggle-large__button--large-active {
          -webkit-mask: url("../images/icons/v2/collapse-down-20.svg") no-repeat center;
          background-color: #848484; }
  .module-composition-area__attachment-list {
    width: 100%; }

.composition-area-placeholder {
  flex-grow: 1;
  margin-bottom: 6px; }

.module-last-seen-indicator {
  padding-top: 25px;
  padding-bottom: 35px; }

.module-last-seen-indicator__bar {
  background-color: #848484;
  width: 100%;
  height: 1px; }

.module-last-seen-indicator__text {
  margin-top: 3px;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  text-align: center;
  color: #1b1b1b; }
  .dark-theme .module-last-seen-indicator__text {
    color: #e9e9e9; }

.module-scroll-down {
  z-index: 100;
  position: absolute;
  right: 20px;
  bottom: 10px; }

.module-scroll-down__button {
  height: 44px;
  width: 44px;
  border-radius: 22px;
  text-align: center;
  border: none;
  outline: none;
  background-color: #b9b9b9;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); }
  .module-scroll-down__button:hover {
    background-color: #848484; }
  .dark-theme .module-scroll-down__button {
    background-color: #848484;
    box-shadow: 0px 3px 5px 0px rgba(255, 255, 255, 0.2); }
    .dark-theme .module-scroll-down__button:hover {
      background-color: #b9b9b9; }

.module-scroll-down__button--new-messages {
  background-color: #2c6bed; }
  .module-scroll-down__button--new-messages:hover {
    background-color: #1851b4; }

.module-scroll-down__icon {
  -webkit-mask: url("../images/icons/v2/arrow-down-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 36px;
  width: 36px;
  margin-left: -3px;
  margin-top: -1px; }

.module-avatar-popup {
  min-width: 240px;
  border-radius: 4px;
  padding-bottom: 4px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  color: #1b1b1b;
  background-color: #ffffff; }
  .dark-theme .module-avatar-popup {
    color: #e9e9e9;
    background-color: #3b3b3b; }

.module-avatar-popup__profile {
  display: flex;
  flex-direction: row;
  align-items: center; }

.module-avatar-popup__profile {
  padding: 12px; }

.module-avatar-popup__profile__text {
  margin-left: 10px; }

.module-avatar-popup__profile__name {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600; }

.module-avatar-popup__profile__number {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0;
  color: #5e5e5e; }
  .dark-theme .module-avatar-popup__profile__number {
    color: #b9b9b9; }

.module-avatar-popup__divider {
  border: none;
  padding: 0;
  margin: 0;
  height: 1px;
  width: 100%;
  margin-bottom: 6px;
  background-color: #dedede; }
  .dark-theme .module-avatar-popup__divider {
    background-color: #5e5e5e; }

.module-avatar-popup__item {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 32px;
  padding: 6px; }
  .module-avatar-popup__item:hover {
    background-color: #e9e9e9; }
  .keyboard-mode .module-avatar-popup__item:hover {
    background-color: inherit; }
  .keyboard-mode .module-avatar-popup__item:focus {
    background-color: #e9e9e9; }
  .dark-theme .module-avatar-popup__item:hover {
    background-color: #5e5e5e; }
  .dark-theme.keyboard-mode .module-avatar-popup__item:hover {
    background-color: inherit; }
  .dark-theme.keyboard-mode .module-avatar-popup__item:focus {
    background-color: #5e5e5e; }

.module-avatar-popup__item__icon {
  margin-left: 6px;
  height: 16px;
  width: 16px; }

.module-avatar-popup__item__icon-settings {
  -webkit-mask: url("../images/icons/v2/settings-outline-16.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b; }
  .dark-theme .module-avatar-popup__item__icon-settings {
    -webkit-mask: url("../images/icons/v2/settings-solid-16.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-avatar-popup__item__icon-archive {
  -webkit-mask: url("../images/icons/v2/archive-outline-16.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b; }
  .dark-theme .module-avatar-popup__item__icon-archive {
    -webkit-mask: url("../images/icons/v2/archive-solid-16.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-avatar-popup__item__text {
  margin-left: 8px; }

.module-shortcut-guide-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2000; }

.module-shortcut-guide-container {
  flex-grow: 1;
  overflow: hidden; }

.module-shortcut-guide {
  border-radius: 4px;
  padding: 16px;
  max-height: calc(100vh - 40px);
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  color: #1b1b1b;
  background-color: #ffffff; }
  .dark-theme .module-shortcut-guide {
    color: #e9e9e9;
    background-color: #3b3b3b; }
    .dark-theme .module-shortcut-guide ::-webkit-scrollbar-thumb {
      border: 2px solid #3b3b3b; }

.module-shortcut-guide__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px; }

.module-shortcut-guide__header-text {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  flex-grow: 1; }

.module-shortcut-guide__header-close {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-shortcut-guide__header-close {
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }
  .keyboard-mode .module-shortcut-guide__header-close:focus {
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #2c6bed; }
  .dark-theme.keyboard-mode .module-shortcut-guide__header-close:focus {
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #6191f3; }

.module-shortcut-guide__section-header {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-bottom: 8px; }

.module-shortcut-guide__scroll-container {
  outline: none;
  overflow-y: scroll; }

.module-shortcut-guide__section:not(:last-child) {
  margin-bottom: 25px; }

@media (min-width: 900px) {
  .module-shortcut-guide__section-list {
    column-count: 2;
    column-gap: 20px;
    column-span: none;
    column-fill: auto; } }

.module-shortcut-guide__shortcut {
  display: flex;
  flex-direction: row;
  align-items: center;
  break-inside: avoid;
  padding-left: 4px;
  min-height: 40px;
  outline: none;
  border-bottom: 1px solid #e9e9e9; }
  .keyboard-mode .module-shortcut-guide__shortcut:focus {
    background-color: #e9e9e9; }
  .dark-theme.keyboard-mode .module-shortcut-guide__shortcut:focus {
    background-color: #1b1b1b; }
  .dark-theme .module-shortcut-guide__shortcut {
    border-bottom: 1px solid #1b1b1b; }

.module-shortcut-guide__shortcut__description {
  flex-grow: 1;
  margin-top: 4px;
  margin-bottom: 4px; }

.module-shortcut-guide__shortcut__key-container {
  margin-bottom: 4px; }

.module-shortcut-guide__shortcut__key-inner-container {
  text-align: right;
  margin-top: 4px;
  margin-right: 4px;
  white-space: nowrap; }

.module-shortcut-guide__shortcut__key {
  display: inline-block;
  border-radius: 2px;
  padding: 3px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 4px;
  height: 30px;
  text-align: center;
  border: 1px solid #dedede; }
  .dark-theme .module-shortcut-guide__shortcut__key {
    border: 1px solid #1b1b1b; }

.module-shortcut-guide__shortcut__key--square {
  width: 30px;
  padding-left: 0px;
  padding-right: 0px; }

.module-profile-change-notification {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
  color: #5e5e5e; }
  .dark-theme .module-profile-change-notification {
    color: #e9e9e9; }

.module-profile-change-notification--icon {
  -webkit-mask: url("../images/icons/v2/profile-outline-20.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
  height: 20px;
  width: 20px;
  margin-left: auto;
  margin-right: auto; }
  .dark-theme .module-profile-change-notification--icon {
    -webkit-mask: url("../images/icons/v2/profile-outline-20.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

/* Calling: Device Selection */
.module-calling-device-selection {
  position: relative; }

.module-calling-device-selection__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  -webkit-mask: url("../images/x-shadow-16.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 16px;
  position: absolute;
  right: 5px;
  top: 0;
  width: 16px;
  z-index: 2; }
  .keyboard-mode .module-calling-device-selection__close-button:focus {
    outline: 2px solid #2c6bed; }

.module-calling-device-selection__title {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  margin-top: 12px;
  margin-bottom: 20px; }

.module-calling-device-selection__label {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  display: block;
  margin-bottom: 16px; }

.module-calling-device-selection__select {
  margin-bottom: 20px;
  position: relative; }
  .module-calling-device-selection__select select {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    -webkit-appearance: none;
    border-radius: 4px;
    border: 1px solid #848484;
    cursor: pointer;
    height: 40px;
    outline: 0;
    padding: 10px;
    padding-right: 32px;
    text-overflow: ellipsis;
    width: 100%; }
  .module-calling-device-selection__select::after {
    border: 2px solid #3b3b3b;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: ' ';
    display: block;
    height: 10px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 16px;
    transform-origin: center;
    transform: rotate(-45deg);
    width: 10px;
    z-index: 2; }

.module-group-v2-change {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
  color: #5e5e5e; }
  .dark-theme .module-group-v2-change {
    color: #e9e9e9; }

.module-group-v2-change--icon {
  -webkit-mask: url("../images/icons/v2/group-outline-20.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
  height: 20px;
  width: 20px;
  margin-left: auto;
  margin-right: auto; }
  .dark-theme .module-group-v2-change--icon {
    -webkit-mask: url("../images/icons/v2/group-outline-20.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

.module-group-v1-migration {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
  color: #5e5e5e; }
  .dark-theme .module-group-v1-migration {
    color: #e9e9e9; }

.module-group-v1-migration--icon {
  -webkit-mask: url("../images/icons/v2/group-outline-20.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
  height: 20px;
  width: 20px;
  margin-left: auto;
  margin-right: auto; }
  .dark-theme .module-group-v1-migration--icon {
    -webkit-mask: url("../images/icons/v2/group-outline-20.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #e9e9e9; }

.module-group-v1-migration--text {
  margin-top: 8px;
  margin-bottom: 8px; }

.module-group-v1-migration--button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  border-radius: 4px;
  padding: 8px;
  padding-left: 40px;
  padding-right: 40px;
  color: #1b1b1b;
  background-color: #f6f6f6;
  color: #2c6bed; }
  .dark-theme .module-group-v1-migration--button {
    color: #e9e9e9;
    background-color: #3b3b3b; }
  .mouse-mode .module-group-v1-migration--button:hover {
    background-color: #dddddd; }
  .dark-theme.mouse-mode .module-group-v1-migration--button:hover {
    background-color: #4f4f4f; }
  .mouse-mode .module-group-v1-migration--button:active {
    background-color: #c5c5c5; }
  .dark-theme.mouse-mode .module-group-v1-migration--button:active {
    background-color: #626262; }
  .keyboard-mode .module-group-v1-migration--button:active {
    background-color: #c5c5c5; }
  .dark-theme.keyboard-mode .module-group-v1-migration--button:active {
    background-color: #626262; }
  .keyboard-mode .module-group-v1-migration--button:focus {
    box-shadow: 0px 0px 0px 3px #2c6bed; }
  .dark-theme.keyboard-mode .module-group-v1-migration--button:focus {
    box-shadow: 0px 0px 0px 3px #6191f3; }
  .dark-theme .module-group-v1-migration--button {
    color: #6191f3; }

.module-group-v1-disabled-actions {
  padding: 8px 16px 12px 16px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff; }
  .dark-theme .module-group-v1-disabled-actions {
    background: #121212; }

.module-group-v1-disabled-actions__message {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  text-align: center;
  margin-bottom: 12px;
  color: #5e5e5e; }
  .dark-theme .module-group-v1-disabled-actions__message {
    color: #b9b9b9; }

.module-group-v1-disabled-actions__message__learn-more {
  text-decoration: none; }

.module-group-v1-disabled-actions__buttons {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.module-group-v1-disabled-actions__buttons__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  border-radius: 4px;
  padding: 8px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #2c6bed;
  color: #ffffff;
  border: 1px solid white; }
  .dark-theme .module-group-v1-disabled-actions__buttons__button {
    color: rgba(255, 255, 255, 0.9);
    border: 1px solid #121212; }
  .mouse-mode .module-group-v1-disabled-actions__buttons__button:hover {
    background-color: #255bc9; }
  .dark-theme.mouse-mode .module-group-v1-disabled-actions__buttons__button:hover {
    background-color: #4c81f0; }
  .mouse-mode .module-group-v1-disabled-actions__buttons__button:active {
    background-color: #2150b2; }
  .dark-theme.mouse-mode .module-group-v1-disabled-actions__buttons__button:active {
    background-color: #6190f2; }
  .keyboard-mode .module-group-v1-disabled-actions__buttons__button:active {
    background-color: #2150b2; }
  .dark-theme.keyboard-mode .module-group-v1-disabled-actions__buttons__button:active {
    background-color: #2150b2; }
  .keyboard-mode .module-group-v1-disabled-actions__buttons__button:focus {
    box-shadow: 0px 0px 0px 3px #2c6bed; }
  .dark-theme.keyboard-mode .module-group-v1-disabled-actions__buttons__button:focus {
    box-shadow: 0px 0px 0px 3px #6191f3; }

.module-group-v2-pending-approval-actions {
  padding: 8px 16px 12px 16px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff; }
  .dark-theme .module-group-v2-pending-approval-actions {
    background: #121212; }

.module-group-v2-pending-approval-actions__message {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  text-align: center;
  margin-bottom: 12px;
  color: #5e5e5e; }
  .dark-theme .module-group-v2-pending-approval-actions__message {
    color: #b9b9b9; }

.module-group-v2-pending-approval-actions__buttons {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.module-group-v2-pending-approval-actions__buttons__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  border-radius: 4px;
  padding: 8px;
  padding-left: 30px;
  padding-right: 30px;
  color: #1b1b1b;
  background-color: #e9e9e9;
  color: #5e5e5e;
  background-color: #e9e9e9; }
  .dark-theme .module-group-v2-pending-approval-actions__buttons__button {
    color: #e9e9e9;
    background-color: #4a4a4a; }
  .mouse-mode .module-group-v2-pending-approval-actions__buttons__button:hover {
    background-color: #c6c6c6; }
  .dark-theme.mouse-mode .module-group-v2-pending-approval-actions__buttons__button:hover {
    background-color: #656565; }
  .mouse-mode .module-group-v2-pending-approval-actions__buttons__button:active {
    background-color: #afafaf; }
  .dark-theme.mouse-mode .module-group-v2-pending-approval-actions__buttons__button:active {
    background-color: #777777; }
  .keyboard-mode .module-group-v2-pending-approval-actions__buttons__button:active {
    background-color: #afafaf; }
  .dark-theme.keyboard-mode .module-group-v2-pending-approval-actions__buttons__button:active {
    background-color: #777777; }
  .keyboard-mode .module-group-v2-pending-approval-actions__buttons__button:focus {
    box-shadow: 0px 0px 0px 3px #2c6bed; }
  .dark-theme.keyboard-mode .module-group-v2-pending-approval-actions__buttons__button:focus {
    box-shadow: 0px 0px 0px 3px #6191f3; }

.module-modal-host__overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 20px; }

.module-group-v2-join-dialog {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  border-radius: 8px;
  width: 360px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  position: relative;
  background-color: #ffffff; }
  .dark-theme .module-group-v2-join-dialog {
    background-color: #121212; }

.module-group-v2-join-dialog__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  position: absolute;
  right: 12px;
  top: 12px;
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b; }
  .dark-theme .module-group-v2-join-dialog__close-button {
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }
  .keyboard-mode .module-group-v2-join-dialog__close-button:focus {
    background-color: #2c6bed; }
  .dark-theme.keyboard-mode .module-group-v2-join-dialog__close-button:focus {
    background-color: #6191f3; }

.module-group-v2-join-dialog__title {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 2px; }

.module-group-v2-join-dialog__avatar {
  text-align: center; }

.module-group-v2-join-dialog__metadata {
  text-align: center; }

.module-group-v2-join-dialog__prompt {
  margin-top: 40px; }

.module-group-v2-join-dialog__buttons {
  margin-top: 16px;
  text-align: center;
  display: flex; }

.module-group-v2-join-dialog__button {
  flex: 1 1 0px; }
  .module-group-v2-join-dialog__button:not(:first-of-type) {
    margin-left: 16px; }

.module-progress-dialog {
  width: 138px;
  padding: 18px;
  border-radius: 8px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  color: #1b1b1b; }
  .dark-theme .module-progress-dialog {
    background: #2e2e2e;
    color: #e9e9e9; }

.module-progress-dialog__spinner {
  padding: 10px; }

.module-progress-dialog__text {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px; }

.module-progress-dialog__overlay {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5; }

.module-error-modal__button-container {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end; }

.module-button__small {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  color: #1b1b1b;
  border-color: #dedede;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  outline: none;
  padding: 7px 12px; }
  .keyboard-mode .module-button__small:focus {
    box-shadow: 0px 0px 0px 2px #2c6bed; }
  .dark-theme .module-button__small {
    color: #e9e9e9;
    border-color: #4a4a4a; }

.module-button__gray {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  background-color: #848484;
  border-radius: 4px;
  border: none;
  color: #ffffff;
  line-height: 24px;
  outline: none;
  padding: 7px 14px; }
  .keyboard-mode .module-button__gray:focus {
    box-shadow: 0px 0px 0px 2px #2c6bed; }

.module-button__green {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  background-color: #4caf50;
  border-radius: 4px;
  border: none;
  color: #ffffff;
  line-height: 24px;
  outline: none;
  padding: 7px 14px; }
  .keyboard-mode .module-button__green:focus {
    box-shadow: 0px 0px 0px 2px #2c6bed; }

.module-contact-modal {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  min-width: 280px;
  padding: 18px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  color: #1b1b1b; }
  .dark-theme .module-contact-modal {
    background: #3b3b3b;
    color: #e9e9e9; }
  .module-contact-modal__overlay {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5; }

.module-contact-modal__name {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  margin-top: 6px; }

.module-contact-modal__profile-and-number {
  color: #5e5e5e; }
  .dark-theme .module-contact-modal__profile-and-number {
    color: #b9b9b9; }

.module-contact-modal__button-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 12px 0 -3px;
  width: calc(100% + (18px * 2)); }

.module-contact-modal__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: flex;
  align-items: center;
  padding: 7px 18px;
  width: 100%; }
  .module-contact-modal__button:last-child {
    margin-bottom: 0; }
  .module-contact-modal__button:hover {
    background-color: #dedede; }
    .dark-theme .module-contact-modal__button:hover {
      background-color: #5e5e5e; }
  .keyboard-mode .module-contact-modal__button:focus {
    background-color: #dedede; }
  .dark-theme.keyboard-mode .module-contact-modal__button:focus {
    background-color: #5e5e5e; }

.module-contact-modal__bubble-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  width: 20px; }

.module-contact-modal__send-message__bubble-icon {
  height: 16px;
  width: 18px;
  -webkit-mask: url("../images/icons/v2/message-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b; }
  .dark-theme .module-contact-modal__send-message__bubble-icon {
    -webkit-mask: url("../images/icons/v2/message-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-contact-modal__safety-number__bubble-icon {
  height: 18px;
  width: 17px;
  -webkit-mask: url("../images/icons/v2/safety-number-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b; }
  .dark-theme .module-contact-modal__safety-number__bubble-icon {
    -webkit-mask: url("../images/icons/v2/safety-number-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-contact-modal__make-admin__bubble-icon {
  height: 16px;
  width: 18px;
  -webkit-mask: url("../images/icons/v2/group-outline-20.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b; }
  .dark-theme .module-contact-modal__make-admin__bubble-icon {
    -webkit-mask: url("../images/icons/v2/group-outline-20.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-contact-modal__remove-from-group__bubble-icon {
  height: 16px;
  width: 16px;
  -webkit-mask: url("../images/icons/v2/leave-group-outline-16.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b; }
  .dark-theme .module-contact-modal__remove-from-group__bubble-icon {
    -webkit-mask: url("../images/icons/v2/leave-group-outline-16.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-contact-modal__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  position: absolute;
  top: 10px;
  right: 12px;
  width: 24px;
  height: 24px;
  -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b; }
  .dark-theme .module-contact-modal__close-button {
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }
  .keyboard-mode .module-contact-modal__close-button:focus {
    background-color: #2c6bed; }

.module-background-color__default {
  background-color: rgba(0, 0, 0, 0.4); }

.module-background-color__red {
  background-color: #cc163d; }

.module-background-color__deep_orange {
  background-color: #c73800; }

.module-background-color__brown {
  background-color: #746c53; }

.module-background-color__pink {
  background-color: #a23474; }

.module-background-color__purple {
  background-color: #862caf; }

.module-background-color__indigo {
  background-color: #5951c8; }

.module-background-color__blue {
  background-color: #336ba3; }

.module-background-color__teal {
  background-color: #067589; }

.module-background-color__green {
  background-color: #3b7845; }

.module-background-color__light_green {
  background-color: #1c8260; }

.module-background-color__blue_grey {
  background-color: #895d66; }

.module-background-color__ultramarine {
  background-color: #2c6bed; }

.module-tooltip {
  --tooltip-text-color: #3b3b3b;
  --tooltip-background-color: #f6f6f6;
  background-color: var(--tooltip-background-color);
  border-radius: 8px;
  color: var(--tooltip-text-color);
  display: inline-block;
  padding: 8px 21px;
  position: fixed;
  text-align: center;
  z-index: 999; }
  .module-tooltip--dark-theme {
    --tooltip-text-color: #e9e9e9;
    --tooltip-background-color: #4a4a4a; }
  .dark-theme .module-tooltip {
    --tooltip-text-color: #e9e9e9;
    --tooltip-background-color: #4a4a4a; }
  .module-tooltip .module-tooltip-arrow {
    position: absolute; }
  .module-tooltip .module-tooltip-arrow::after {
    border: solid 6px transparent;
    content: '';
    display: block;
    height: 0;
    margin-left: -6px;
    margin-top: -6px;
    position: absolute;
    width: 0; }
  .module-tooltip[data-placement='top'] {
    margin-bottom: 12px; }
    .module-tooltip[data-placement='top'] .module-tooltip-arrow {
      bottom: 0; }
    .module-tooltip[data-placement='top'] .module-tooltip-arrow::after {
      bottom: -12px;
      border-top-color: var(--tooltip-background-color); }
  .module-tooltip[data-placement='right'] {
    margin-left: 12px; }
    .module-tooltip[data-placement='right'] .module-tooltip-arrow {
      left: 0; }
    .module-tooltip[data-placement='right'] .module-tooltip-arrow::after {
      left: -6px;
      border-right-color: var(--tooltip-background-color); }
  .module-tooltip[data-placement='bottom'] {
    margin-top: 12px; }
    .module-tooltip[data-placement='bottom'] .module-tooltip-arrow {
      top: 0; }
    .module-tooltip[data-placement='bottom'] .module-tooltip-arrow::after {
      top: -6px;
      border-bottom-color: var(--tooltip-background-color); }
  .module-tooltip[data-placement='left'] {
    margin-right: 12px; }
    .module-tooltip[data-placement='left'] .module-tooltip-arrow {
      right: 0; }
    .module-tooltip[data-placement='left'] .module-tooltip-arrow::after {
      right: -12px;
      border-left-color: var(--tooltip-background-color); }

.module-chat-session-refreshed-notification {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  display: flex;
  flex-direction: column;
  align-items: center; }

.module-chat-session-refreshed-notification__first-line {
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
  margin-right: auto; }

.module-chat-session-refreshed-notification__icon {
  height: 16px;
  width: 16px;
  display: inline-block;
  margin-right: 8px;
  -webkit-mask: url("../images/icons/v2/refresh-16.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e; }
  .dark-theme .module-chat-session-refreshed-notification__icon {
    -webkit-mask: url("../images/icons/v2/refresh-16.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #b9b9b9; }

.module-chat-session-refreshed-notification__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  color: #1b1b1b;
  background-color: #f6f6f6;
  color: #2c6bed;
  border-radius: 9999px;
  padding: 7px 14px;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  padding: 5px 12px; }
  .dark-theme .module-chat-session-refreshed-notification__button {
    color: #e9e9e9;
    background-color: #3b3b3b; }
  .mouse-mode .module-chat-session-refreshed-notification__button:hover {
    background-color: #dddddd; }
  .dark-theme.mouse-mode .module-chat-session-refreshed-notification__button:hover {
    background-color: #4f4f4f; }
  .mouse-mode .module-chat-session-refreshed-notification__button:active {
    background-color: #c5c5c5; }
  .dark-theme.mouse-mode .module-chat-session-refreshed-notification__button:active {
    background-color: #626262; }
  .keyboard-mode .module-chat-session-refreshed-notification__button:active {
    background-color: #c5c5c5; }
  .dark-theme.keyboard-mode .module-chat-session-refreshed-notification__button:active {
    background-color: #626262; }
  .keyboard-mode .module-chat-session-refreshed-notification__button:focus {
    box-shadow: 0px 0px 0px 3px #2c6bed; }
  .dark-theme.keyboard-mode .module-chat-session-refreshed-notification__button:focus {
    box-shadow: 0px 0px 0px 3px #6191f3; }
  .dark-theme .module-chat-session-refreshed-notification__button {
    color: #6191f3; }

.module-chat-session-refreshed-dialog {
  width: 360px;
  padding: 16px;
  padding-top: 28px;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff; }
  .dark-theme .module-chat-session-refreshed-dialog {
    background-color: #121212; }

.module-chat-session-refreshed-dialog__image {
  text-align: center; }

.module-chat-session-refreshed-dialog__title {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 3px; }

.module-chat-session-refreshed-dialog__buttons {
  text-align: right;
  margin-top: 20px; }

.module-chat-session-refreshed-dialog__button {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  background-color: #2c6bed;
  color: #ffffff;
  border: 1px solid white;
  border-radius: 4px;
  padding: 7px 14px;
  margin-left: 12px; }
  .dark-theme .module-chat-session-refreshed-dialog__button {
    color: rgba(255, 255, 255, 0.9);
    border: 1px solid #121212; }
  .mouse-mode .module-chat-session-refreshed-dialog__button:hover {
    background-color: #255bc9; }
  .dark-theme.mouse-mode .module-chat-session-refreshed-dialog__button:hover {
    background-color: #4c81f0; }
  .mouse-mode .module-chat-session-refreshed-dialog__button:active {
    background-color: #2150b2; }
  .dark-theme.mouse-mode .module-chat-session-refreshed-dialog__button:active {
    background-color: #6190f2; }
  .keyboard-mode .module-chat-session-refreshed-dialog__button:active {
    background-color: #2150b2; }
  .dark-theme.keyboard-mode .module-chat-session-refreshed-dialog__button:active {
    background-color: #2150b2; }
  .keyboard-mode .module-chat-session-refreshed-dialog__button:focus {
    box-shadow: 0px 0px 0px 3px #2c6bed; }
  .dark-theme.keyboard-mode .module-chat-session-refreshed-dialog__button:focus {
    box-shadow: 0px 0px 0px 3px #6191f3; }

.module-chat-session-refreshed-dialog__button--secondary {
  color: #1b1b1b;
  background-color: #e9e9e9; }
  .dark-theme .module-chat-session-refreshed-dialog__button--secondary {
    color: #e9e9e9;
    background-color: #4a4a4a; }
  .mouse-mode .module-chat-session-refreshed-dialog__button--secondary:hover {
    background-color: #c6c6c6; }
  .dark-theme.mouse-mode .module-chat-session-refreshed-dialog__button--secondary:hover {
    background-color: #656565; }
  .mouse-mode .module-chat-session-refreshed-dialog__button--secondary:active {
    background-color: #afafaf; }
  .dark-theme.mouse-mode .module-chat-session-refreshed-dialog__button--secondary:active {
    background-color: #777777; }
  .keyboard-mode .module-chat-session-refreshed-dialog__button--secondary:active {
    background-color: #afafaf; }
  .dark-theme.keyboard-mode .module-chat-session-refreshed-dialog__button--secondary:active {
    background-color: #777777; }
  .keyboard-mode .module-chat-session-refreshed-dialog__button--secondary:focus {
    box-shadow: 0px 0px 0px 3px #2c6bed; }
  .dark-theme.keyboard-mode .module-chat-session-refreshed-dialog__button--secondary:focus {
    box-shadow: 0px 0px 0px 3px #6191f3; }

/* Third-party module: react-contextmenu*/
.react-contextmenu {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  outline: none;
  border-radius: 4px;
  min-width: 220px;
  padding: 6px 0;
  opacity: 0;
  user-select: none;
  background-color: #ffffff; }
  .dark-theme .react-contextmenu {
    background-color: #3b3b3b; }

.react-contextmenu--visible {
  z-index: 1000;
  opacity: 1; }

.react-contextmenu-item {
  outline: none;
  cursor: pointer;
  white-space: nowrap;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  padding: 7px 12px;
  color: #1b1b1b; }
  .dark-theme .react-contextmenu-item {
    color: #f6f6f6; }
  .react-contextmenu-item--divider {
    height: 1px;
    margin: 6px 0;
    padding: 0;
    background-color: #dedede; }
    .dark-theme .react-contextmenu-item--divider {
      background-color: #5e5e5e; }

.react-contextmenu-item--checked:before {
  content: '✓';
  display: inline-block;
  position: absolute;
  right: 7px;
  color: #1b1b1b; }
  .dark-theme .react-contextmenu-item--checked:before {
    color: #f6f6f6; }

.react-contextmenu-item.react-contextmenu-submenu {
  padding: 0; }

.react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item {
  padding-right: 36px; }

.react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item:after {
  content: ' ';
  display: inline-block;
  height: 18px;
  position: absolute;
  right: 7px;
  width: 12px;
  -webkit-mask: url("../images/icons/v2/chevron-right-16.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
  color: #1b1b1b; }
  .dark-theme .react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item:after {
    -webkit-mask: url("../images/icons/v2/chevron-right-16.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede;
    color: #f6f6f6; }

.react-contextmenu-item.react-contextmenu-item--active,
.react-contextmenu-item.react-contextmenu-item--selected {
  color: #000000;
  background-color: #dedede; }
  .dark-theme .react-contextmenu-item.react-contextmenu-item--active, .dark-theme
  .react-contextmenu-item.react-contextmenu-item--selected {
    background-color: #5e5e5e;
    color: #ffffff; }

.react-contextmenu-item.react-contextmenu-item--active.react-contextmenu-item--checked:before,
.react-contextmenu-item.react-contextmenu-item--selected.react-contextmenu-item--checked:before {
  color: #000000; }
  .dark-theme .react-contextmenu-item.react-contextmenu-item--active.react-contextmenu-item--checked:before, .dark-theme
  .react-contextmenu-item.react-contextmenu-item--selected.react-contextmenu-item--checked:before {
    color: #ffffff; }

.react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item.react-contextmenu-item--active:after,
.react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item.react-contextmenu-item--selected:after {
  color: #000000; }
  .dark-theme .react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item.react-contextmenu-item--active:after, .dark-theme
  .react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item.react-contextmenu-item--selected:after {
    color: #ffffff; }

.module-message__buttons__download {
  display: none; }

.module-message__buttons__reply {
  display: none; }

.module-message__buttons__react {
  display: none; }

.module-message__container--incoming {
  align-self: flex-start; }

.module-message__container--outgoing {
  align-self: flex-end; }

.module-message__container--with-reactions {
  margin-bottom: -10px; }

.module-message__container--deleted-for-everyone {
  font-style: italic; }

.module-message__context--icon::before {
  content: ' ';
  display: inline-block;
  height: 14px;
  margin-right: 8px;
  width: 14px;
  vertical-align: middle; }

.module-message__context__download::before {
  -webkit-mask: url("../images/icons/v2/save-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000; }
  .dark-theme .module-message__context__download::before {
    -webkit-mask: url("../images/icons/v2/save-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-message__context__reply::before {
  -webkit-mask: url("../images/icons/v2/reply-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000; }
  .dark-theme .module-message__context__reply::before {
    -webkit-mask: url("../images/icons/v2/reply-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-message__context__react::before {
  -webkit-mask: url("../images/icons/v2/add-emoji-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000; }
  .dark-theme .module-message__context__react::before {
    -webkit-mask: url("../images/icons/v2/add-emoji-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-message__context__more-info::before {
  -webkit-mask: url("../images/icons/v2/info-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000; }
  .dark-theme .module-message__context__more-info::before {
    -webkit-mask: url("../images/icons/v2/info-outline-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-message__context__retry-send::before {
  -webkit-mask: url("../images/icons/v2/send-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000; }
  .dark-theme .module-message__context__retry-send::before {
    -webkit-mask: url("../images/icons/v2/send-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-message__context__delete-message::before {
  -webkit-mask: url("../images/icons/v2/trash-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000; }
  .dark-theme .module-message__context__delete-message::before {
    -webkit-mask: url("../images/icons/v2/trash-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

.module-message__context__delete-message-for-everyone::before {
  -webkit-mask: url("../images/icons/v2/trash-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000; }
  .dark-theme .module-message__context__delete-message-for-everyone::before {
    -webkit-mask: url("../images/icons/v2/trash-solid-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }

/* Spec: container < 437px */
@media (min-width: 0px) and (max-width: 799px) {
  .module-message {
    max-width: 302px; } }

/* Spec: container > 438px and container < 593px */
@media (min-width: 800px) and (max-width: 925px) {
  .module-message {
    max-width: 376px; }
  .module-message--incoming {
    margin-right: auto; }
  .module-message--outgoing {
    margin-left: auto; }
  .module-message__buttons__download {
    display: inline-block; }
  .module-message__buttons__reply {
    display: inline-block; }
  .module-message__buttons__react {
    display: inline-block; }
  .module-message__context__download {
    display: none; }
  .module-message__context__reply {
    display: none; } }

@media (min-width: 926px) {
  .module-message {
    max-width: 66%; }
  .module-message--incoming {
    margin-right: auto; }
  .module-message--outgoing {
    margin-left: auto; }
  .module-message__buttons__download {
    display: inline-block; }
  .module-message__buttons__reply {
    display: inline-block; }
  .module-message__buttons__react {
    display: inline-block; }
  .module-message__context__download {
    display: none; }
  .module-message__context__reply {
    display: none; }
  .module-message__context__react {
    display: none; } }

/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */
.intl-tel-input {
  position: relative;
  display: inline-block; }

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.intl-tel-input .hide {
  display: none; }

.intl-tel-input .v-hide {
  visibility: hidden; }

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0; }

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px; }

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px; }

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto; }

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555; }

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555; }

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll; }

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px; }

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px; }

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal; } }

.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC; }

.intl-tel-input .country-list .country {
  padding: 5px 10px; }

.intl-tel-input .country-list .country .dial-code {
  color: #999; }

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05); }

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
  vertical-align: middle; }

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
  margin-right: 6px; }

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0; }

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0; }

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
  width: 46px; }

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer; }

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05); }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default; }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent; }

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table; }

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px; }

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px; }

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px; }

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px; }

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px; }

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px; }

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px; }

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px; }

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px; }

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px; }

.intl-tel-input.iti-container:hover {
  cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%; }

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em; }

.iti-flag {
  width: 20px; }

.iti-flag.be {
  width: 18px; }

.iti-flag.ch {
  width: 15px; }

.iti-flag.mc {
  width: 19px; }

.iti-flag.ne {
  width: 18px; }

.iti-flag.np {
  width: 13px; }

.iti-flag.va {
  width: 15px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px; } }

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px; }

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px; }

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px; }

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px; }

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px; }

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px; }

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px; }

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px; }

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px; }

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px; }

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px; }

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px; }

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px; }

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px; }

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px; }

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px; }

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px; }

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px; }

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px; }

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px; }

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px; }

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px; }

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px; }

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px; }

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px; }

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px; }

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px; }

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px; }

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px; }

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px; }

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px; }

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px; }

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px; }

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px; }

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px; }

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px; }

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px; }

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px; }

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px; }

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px; }

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px; }

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px; }

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px; }

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px; }

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px; }

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px; }

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px; }

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px; }

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px; }

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px; }

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px; }

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px; }

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px; }

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px; }

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px; }

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px; }

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px; }

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px; }

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px; }

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px; }

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px; }

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px; }

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px; }

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px; }

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px; }

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px; }

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px; }

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px; }

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px; }

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px; }

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px; }

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px; }

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px; }

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px; }

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px; }

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px; }

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px; }

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px; }

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px; }

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px; }

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px; }

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px; }

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px; }

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px; }

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px; }

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px; }

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px; }

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px; }

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px; }

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px; }

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px; }

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px; }

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px; }

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px; }

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px; }

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px; }

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px; }

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px; }

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px; }

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px; }

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px; }

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px; }

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px; }

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px; }

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px; }

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px; }

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px; }

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px; }

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px; }

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px; }

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px; }

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px; }

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px; }

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px; }

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px; }

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px; }

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px; }

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px; }

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px; }

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px; }

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px; }

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px; }

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px; }

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px; }

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px; }

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px; }

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px; }

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px; }

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px; }

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px; }

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px; }

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px; }

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px; }

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px; }

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px; }

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px; }

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px; }

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px; }

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px; }

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px; }

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px; }

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px; }

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px; }

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px; }

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px; }

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px; }

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px; }

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px; }

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px; }

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px; }

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px; }

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px; }

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px; }

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px; }

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px; }

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px; }

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px; }

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px; }

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px; }

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px; }

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px; }

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px; }

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px; }

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px; }

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px; }

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px; }

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px; }

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px; }

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px; }

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px; }

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px; }

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px; }

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px; }

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px; }

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px; }

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px; }

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px; }

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px; }

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px; }

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px; }

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px; }

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px; }

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px; }

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px; }

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px; }

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px; }

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px; }

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px; }

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px; }

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px; }

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px; }

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px; }

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px; }

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px; }

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px; }

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px; }

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px; }

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px; }

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px; }

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px; }

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px; }

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px; }

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px; }

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px; }

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px; }

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px; }

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px; }

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px; }

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px; }

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px; }

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px; }

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px; }

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px; }

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px; }

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px; }

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px; }

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px; }

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px; }

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px; }

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px; }

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px; }

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px; }

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px; }

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px; }

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px; }

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px; }

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px; }

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px; }

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px; }

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px; }

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px; }

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px; }

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px; }

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px; }

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px; }

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px; }

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px; }

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px; }

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px; }

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px; }

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px; }

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px; }

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px; }

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px; }

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px; }

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px; }

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px; }

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px; }

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px; }

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px; }

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px; }

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px; }

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px; }

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px; }

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px; }

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px; }

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px; }

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../img/flags@2x.png"); } }

.iti-flag.np {
  background-color: transparent; }

.iti-flag {
  background: url("../node_modules/intl-tel-input/build/img/flags.png"); }

.intl-tel-input .country-list {
  text-align: left; }

.intl-tel-input .country-list .country .country-name {
  color: #000000; }

.module-AddGroupMembersModal__header {
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin: 0;
  padding: 0; }

.module-AddGroupMembersModal__button-container {
  display: flex;
  justify-content: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 16px; }
  .module-AddGroupMembersModal__button-container .module-Button:not(:first-child) {
    margin-left: 12px; }

.module-AddGroupMembersModal__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  position: absolute;
  right: 12px;
  top: 12px;
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b; }
  .dark-theme .module-AddGroupMembersModal__close-button {
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #dedede; }
  .keyboard-mode .module-AddGroupMembersModal__close-button:focus {
    background-color: #2c6bed; }
  .dark-theme.keyboard-mode .module-AddGroupMembersModal__close-button:focus {
    background-color: #6191f3; }

.module-AddGroupMembersModal__search-input {
  margin: 10px 16px;
  padding: 5px 12px;
  border-radius: 17px;
  border: none;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  background-color: #e9e9e9;
  color: #1b1b1b;
  border: solid 1px #f6f6f6; }
  .dark-theme .module-AddGroupMembersModal__search-input {
    color: #e9e9e9;
    background-color: #121212;
    border: solid 1px #2e2e2e; }
  .module-AddGroupMembersModal__search-input:placeholder {
    color: #848484; }
  .module-AddGroupMembersModal__search-input:focus {
    border: solid 1px #2c6bed;
    outline: none; }

.module-AddGroupMembersModal .module-ContactPills {
  max-height: 50px; }

.module-AddGroupMembersModal__list-wrapper {
  flex-grow: 1;
  overflow: hidden; }

.module-AddGroupMembersModal__no-candidate-contacts {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center; }

.module-AddGroupMembersModal--choose-members {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin: 0 auto;
  max-height: 100%;
  max-width: 360px;
  padding: 16px;
  position: relative;
  width: 95%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  color: #1b1b1b;
  padding: 0;
  height: 60vh;
  min-height: 400px; }
  .dark-theme .module-AddGroupMembersModal--choose-members {
    background: #121212;
    color: #e9e9e9; }
  .module-AddGroupMembersModal--choose-members .module-AddGroupMembersModal__header {
    padding: 16px; }

.module-AddGroupMembersModal--confirm-adds {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin: 0 auto;
  max-height: 100%;
  max-width: 360px;
  padding: 16px;
  position: relative;
  width: 95%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  color: #1b1b1b; }
  .dark-theme .module-AddGroupMembersModal--confirm-adds {
    background: #121212;
    color: #e9e9e9; }
  .module-AddGroupMembersModal--confirm-adds .module-AddGroupMembersModal__button-container {
    margin-top: 12px;
    padding: 0; }

.module-Alert {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin: 0 auto;
  max-width: 360px;
  padding: 16px;
  width: 95%;
  background: #ffffff;
  color: #1b1b1b; }
  .dark-theme .module-Alert {
    background: #121212;
    color: #e9e9e9; }
  .module-Alert__title {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600;
    margin: 0 0 1em 0;
    padding: 0; }
  .module-Alert__body {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    margin: 0;
    padding: 0; }
  .module-Alert__button-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px; }

.module-AvatarInput {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: none; }
  .module-AvatarInput__avatar {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-align: inherit;
    margin-top: 4px;
    display: flex;
    border-radius: 100%;
    height: 80px;
    width: 80px;
    transition: background-color 100ms ease-out; }
    .module-AvatarInput__avatar--nothing {
      align-items: stretch;
      background: #ffffff; }
      .module-AvatarInput--dark .module-AvatarInput__avatar--nothing {
        background: #2c6bed; }
      .module-AvatarInput__avatar--nothing::before {
        flex-grow: 1;
        content: '';
        display: block;
        -webkit-mask: url("../images/icons/v2/camera-outline-24.svg") no-repeat center;
        background-color: #2c6bed;
        -webkit-mask-size: 24px 24px; }
        .module-AvatarInput--dark .module-AvatarInput__avatar--nothing::before {
          -webkit-mask: url("../images/icons/v2/camera-outline-24.svg") no-repeat center;
          background-color: #ffffff; }
    .module-AvatarInput__avatar--loading {
      align-items: center;
      background: #000000; }
    .module-AvatarInput__avatar--has-image {
      background-size: cover;
      background-position: center center; }
  .module-AvatarInput__label {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-align: inherit;
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    padding-bottom: 4px;
    padding-top: 4px;
    color: #2c6bed; }
    .dark-theme .module-AvatarInput__label {
      color: #6191f3; }
  .keyboard-mode .module-AvatarInput:focus .module-AvatarInput__avatar {
    box-shadow: inset 0 0 0 2px #2c6bed; }
  .keyboard-mode .module-AvatarInput:focus .module-AvatarInput__label {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600; }

.module-Button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  border-radius: 4px;
  padding: 8px 16px;
  text-align: center;
  user-select: none; }
  .keyboard-mode .module-Button:focus {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px #2c6bed; }
  .dark-theme.keyboard-mode .module-Button:focus {
    box-shadow: 0 0 0 1px #000000, 0 0 0 4px #3a76f0; }
  .module-Button:disabled {
    cursor: not-allowed; }
  .module-Button--primary {
    color: #ffffff;
    background: #2c6bed; }
    .module-Button--primary:disabled {
      color: rgba(255, 255, 255, 0.6);
      background: rgba(44, 107, 237, 0.4); }
    .module-Button--primary:hover:not(:disabled) {
      background: #255bc9; }
    .module-Button--primary:active:not(:disabled) {
      background: #2150b2; }
    .dark-theme .module-Button--primary:hover:not(:disabled) {
      background: #4c81f0; }
    .dark-theme .module-Button--primary:active:not(:disabled) {
      background: #6190f2; }
  .module-Button--secondary {
    color: #1b1b1b;
    background: #e9e9e9; }
    .module-Button--secondary:disabled {
      color: rgba(0, 0, 0, 0.4);
      background: rgba(233, 233, 233, 0.4); }
    .module-Button--secondary:hover:not(:disabled) {
      background: #c6c6c6; }
    .module-Button--secondary:active:not(:disabled) {
      background: #afafaf; }
    .dark-theme .module-Button--secondary {
      color: #e9e9e9;
      background: #4a4a4a; }
      .dark-theme .module-Button--secondary:disabled {
        color: rgba(255, 255, 255, 0.2);
        background: rgba(74, 74, 74, 0.4); }
      .dark-theme .module-Button--secondary:hover:not(:disabled) {
        background: #656565; }
      .dark-theme .module-Button--secondary:active:not(:disabled) {
        background: #777777; }
  .module-Button--destructive {
    color: #ffffff;
    background: #f44336; }
    .module-Button--destructive:disabled {
      color: rgba(255, 255, 255, 0.6);
      background: rgba(244, 67, 54, 0.4); }
    .module-Button--destructive:hover:not(:disabled) {
      background: #cf392e; }
    .module-Button--destructive:active:not(:disabled) {
      background: #b73229; }
    .dark-theme .module-Button--destructive:hover:not(:disabled) {
      background: #f65f54; }
    .dark-theme .module-Button--destructive:active:not(:disabled) {
      background: #f77268; }

.module-ContactPill {
  align-items: center;
  border-radius: 9999px;
  display: inline-flex;
  user-select: none;
  overflow: hidden;
  color: #1b1b1b;
  background: #e9e9e9; }
  .dark-theme .module-ContactPill {
    color: #f6f6f6;
    background: #3b3b3b; }
  .module-ContactPill__contact-name {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.03px;
    padding: 0 6px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .module-ContactPill__remove {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-align: inherit;
    height: 100%;
    display: flex;
    width: 28px;
    justify-content: center;
    align-items: center;
    padding: 0 6px 0 4px; }
    .module-ContactPill__remove::before {
      content: '';
      width: 12px;
      height: 12px;
      display: block;
      -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #5e5e5e; }
      .dark-theme .module-ContactPill__remove::before {
        -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #b9b9b9; }
    .keyboard-mode .module-ContactPill__remove:focus {
      background: #dedede; }
      .keyboard-mode .module-ContactPill__remove:focus::before {
        -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #2c6bed; }
    .dark-theme.keyboard-mode .module-ContactPill__remove:focus {
      background: #4a4a4a; }
      .dark-theme.keyboard-mode .module-ContactPill__remove:focus::before {
        -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #6191f3; }

.module-ContactPills {
  scroll-behavior: smooth;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  max-height: 88px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-left: 12px; }
  @media (prefers-reduced-motion) {
    .module-ContactPills {
      scroll-behavior: auto; } }
  .module-ContactPills .module-ContactPill {
    margin: 4px 6px;
    max-width: calc( 100% - 15px); }

.module-ConversationHeader {
  --button-spacing: 24px;
  -webkit-app-region: var(--draggable-app-region);
  padding-top: var(--title-bar-drag-area-height);
  display: flex;
  flex-direction: row;
  align-items: center;
  height: calc(52px + var(--title-bar-drag-area-height));
  color: #1b1b1b;
  background-color: #ffffff; }
  .module-ConversationHeader.module-ConversationHeader--narrow {
    --button-spacing: 16px; }
  .dark-theme .module-ConversationHeader {
    color: #f6f6f6;
    background-color: #121212; }
  .module-ConversationHeader__back-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-left: -24px;
    vertical-align: text-bottom;
    border: none;
    opacity: 0;
    transition: margin-left 250ms ease-out, opacity 250ms ease-out;
    -webkit-mask: url("../images/icons/v2/chevron-left-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #1b1b1b; }
    .module-ConversationHeader__back-icon:disabled {
      cursor: default; }
    .module-ConversationHeader__back-icon--show {
      opacity: 1;
      margin-right: 6px;
      margin-left: 12px; }
    .dark-theme .module-ConversationHeader__back-icon {
      -webkit-mask: url("../images/icons/v2/chevron-left-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #f6f6f6; }
  .module-ConversationHeader__header {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    margin-left: 4px;
    margin-right: var(--button-spacing);
    padding: 4px 12px;
    overflow: hidden;
    min-width: 0;
    transition: margin-right 200ms ease-out; }
    .module-ConversationHeader__header--clickable {
      background: none;
      color: inherit;
      border: none;
      padding: 0;
      margin: 0;
      font: inherit;
      cursor: pointer;
      outline: inherit;
      text-align: inherit;
      border-radius: 4px;
      -webkit-app-region: no-drag;
      margin-left: 4px;
      margin-right: var(--button-spacing);
      padding: 4px 12px; }
      .keyboard-mode .module-ConversationHeader__header--clickable:focus {
        color: #2c6bed; }
      .dark-theme.keyboard-mode .module-ConversationHeader__header--clickable:focus {
        color: #6191f3; }
    .module-ConversationHeader__header__avatar {
      min-width: 32px;
      margin-right: 12px;
      padding-top: 4px;
      padding-bottom: 4px; }
    .module-ConversationHeader__header__info {
      display: flex;
      flex-direction: column;
      min-width: 0; }
      .module-ConversationHeader__header__info__title {
        font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.08px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        user-select: none; }
        .module-ConversationHeader__header__info__title__in-contacts-icon {
          margin-left: 4px; }
      .module-ConversationHeader__header__info__subtitle {
        display: flex;
        font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: -0.03px;
        color: #5e5e5e; }
        .dark-theme .module-ConversationHeader__header__info__subtitle {
          color: #b9b9b9; }
        .module-ConversationHeader__header__info__subtitle__expiration {
          display: flex;
          align-items: center;
          user-select: none;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          margin-right: 12px; }
          .module-ConversationHeader__header__info__subtitle__expiration::before {
            content: '';
            width: 13px;
            height: 13px;
            display: block;
            margin-right: 4px;
            -webkit-mask: url("../images/icons/v2/timer-24.svg") no-repeat center;
            -webkit-mask-size: 100%;
            background-color: #5e5e5e; }
            .dark-theme .module-ConversationHeader__header__info__subtitle__expiration::before {
              -webkit-mask: url("../images/icons/v2/timer-24.svg") no-repeat center;
              -webkit-mask-size: 100%;
              background-color: #b9b9b9; }
        .module-ConversationHeader__header__info__subtitle__verified {
          display: flex;
          align-items: center;
          user-select: none;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
          .module-ConversationHeader__header__info__subtitle__verified::before {
            content: '';
            width: 13px;
            height: 13px;
            display: block;
            margin-right: 4px;
            -webkit-mask: url("../images/icons/v2/check-24.svg") no-repeat center;
            -webkit-mask-size: 100%;
            background-color: #5e5e5e; }
            .dark-theme .module-ConversationHeader__header__info__subtitle__verified::before {
              -webkit-mask: url("../images/icons/v2/check-24.svg") no-repeat center;
              -webkit-mask-size: 100%;
              background-color: #b9b9b9; }
  .module-ConversationHeader__button {
    -webkit-app-region: no-drag;
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-align: inherit;
    align-items: stretch;
    border-radius: 4px;
    border: 2px solid transparent;
    display: flex;
    height: 32px;
    margin-right: var(--button-spacing);
    min-width: 32px;
    opacity: 0;
    padding: 2px;
    transition: margin-right 200ms ease-out, opacity 200ms ease-out, background 100ms ease-out;
    width: 32px; }
    .module-ConversationHeader__button:disabled {
      cursor: default; }
    .module-ConversationHeader__button--show {
      opacity: 1; }
    .module-ConversationHeader__button:hover, .module-ConversationHeader__button:focus {
      background: #f6f6f6; }
    .module-ConversationHeader__button:active {
      background: #e9e9e9; }
    .dark-theme .module-ConversationHeader__button:hover, .dark-theme .module-ConversationHeader__button:focus {
      background: #2e2e2e; }
    .dark-theme .module-ConversationHeader__button:active {
      background: #3b3b3b; }
    .keyboard-mode .module-ConversationHeader__button:focus {
      border-color: #2c6bed; }
    .dark-theme.keyboard-mode .module-ConversationHeader__button:focus {
      border-color: #6191f3; }
    .module-ConversationHeader__button--video::before {
      content: '';
      display: block;
      flex-grow: 1;
      -webkit-mask: url("../images/icons/v2/video-outline-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #3b3b3b; }
      .module-ConversationHeader__button--video::before:hover, .module-ConversationHeader__button--video::before:active, .module-ConversationHeader__button--video::before:focus {
        -webkit-mask: url("../images/icons/v2/video-outline-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #1b1b1b; }
      .dark-theme .module-ConversationHeader__button--video::before {
        -webkit-mask: url("../images/icons/v2/video-solid-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #dedede; }
        .dark-theme .module-ConversationHeader__button--video::before:hover, .dark-theme .module-ConversationHeader__button--video::before:active, .dark-theme .module-ConversationHeader__button--video::before:focus {
          -webkit-mask: url("../images/icons/v2/video-solid-24.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #f6f6f6; }
    .module-ConversationHeader__button--audio::before {
      content: '';
      display: block;
      flex-grow: 1;
      -webkit-mask: url("../images/icons/v2/phone-right-outline-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #3b3b3b; }
      .module-ConversationHeader__button--audio::before:hover, .module-ConversationHeader__button--audio::before:active, .module-ConversationHeader__button--audio::before:focus {
        -webkit-mask: url("../images/icons/v2/phone-right-outline-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #1b1b1b; }
      .dark-theme .module-ConversationHeader__button--audio::before {
        -webkit-mask: url("../images/icons/v2/phone-right-solid-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #dedede; }
        .dark-theme .module-ConversationHeader__button--audio::before:hover, .dark-theme .module-ConversationHeader__button--audio::before:active, .dark-theme .module-ConversationHeader__button--audio::before:focus {
          -webkit-mask: url("../images/icons/v2/phone-right-solid-24.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #f6f6f6; }
    .module-ConversationHeader__button--search::before {
      content: '';
      display: block;
      flex-grow: 1;
      -webkit-mask: url("../images/icons/v2/search-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #3b3b3b; }
      .module-ConversationHeader__button--search::before:hover, .module-ConversationHeader__button--search::before:active, .module-ConversationHeader__button--search::before:focus {
        -webkit-mask: url("../images/icons/v2/search-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #1b1b1b; }
      .dark-theme .module-ConversationHeader__button--search::before {
        -webkit-mask: url("../images/icons/v2/search-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #dedede; }
        .dark-theme .module-ConversationHeader__button--search::before:hover, .dark-theme .module-ConversationHeader__button--search::before:active, .dark-theme .module-ConversationHeader__button--search::before:focus {
          -webkit-mask: url("../images/icons/v2/search-24.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #f6f6f6; }
    .module-ConversationHeader__button--more::before {
      content: '';
      display: block;
      flex-grow: 1;
      -webkit-mask: url("../images/icons/v2/chevron-down-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #3b3b3b; }
      .module-ConversationHeader__button--more::before:hover, .module-ConversationHeader__button--more::before:active, .module-ConversationHeader__button--more::before:focus {
        -webkit-mask: url("../images/icons/v2/chevron-down-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #1b1b1b; }
      .dark-theme .module-ConversationHeader__button--more::before {
        -webkit-mask: url("../images/icons/v2/chevron-down-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #dedede; }
        .dark-theme .module-ConversationHeader__button--more::before:hover, .dark-theme .module-ConversationHeader__button--more::before:active, .dark-theme .module-ConversationHeader__button--more::before:focus {
          -webkit-mask: url("../images/icons/v2/chevron-down-24.svg") no-repeat center;
          -webkit-mask-size: 100%;
          background-color: #f6f6f6; }
    .module-ConversationHeader__button--join-call {
      font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: -0.08px;
      align-items: center;
      background-color: #4caf50;
      border-radius: 9999px;
      color: #ffffff;
      display: flex;
      outline: none;
      overflow: hidden;
      padding: 5px 18px;
      text-overflow: ellipsis;
      white-space: nowrap;
      user-select: none;
      width: auto; }
      .module-ConversationHeader__button--join-call:before {
        -webkit-mask: url("../images/icons/v2/video-solid-24.svg") no-repeat center;
        -webkit-mask-size: 100%;
        background-color: #ffffff;
        content: '';
        display: block;
        height: 24px;
        margin-right: 5px;
        min-width: 24px;
        width: 24px; }

.module-EditConversationAttributesModal {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin: 0 auto;
  max-height: 100%;
  max-width: 360px;
  padding: 16px;
  position: relative;
  width: 95%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  color: #1b1b1b; }
  .dark-theme .module-EditConversationAttributesModal {
    background: #121212;
    color: #e9e9e9; }
  .module-EditConversationAttributesModal__close-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-align: inherit;
    position: absolute;
    right: 12px;
    top: 12px;
    height: 24px;
    width: 24px;
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #3b3b3b; }
    .dark-theme .module-EditConversationAttributesModal__close-button {
      -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede; }
    .keyboard-mode .module-EditConversationAttributesModal__close-button:focus {
      background-color: #2c6bed; }
    .dark-theme.keyboard-mode .module-EditConversationAttributesModal__close-button:focus {
      background-color: #6191f3; }
  .module-EditConversationAttributesModal__header {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-weight: 600;
    margin: 0; }
  .module-EditConversationAttributesModal .module-AvatarInput {
    margin: 40px 0 24px 0; }
  .module-EditConversationAttributesModal__error-message {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
    margin: 16px 0; }
  .module-EditConversationAttributesModal__button-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
    flex-grow: 0;
    flex-shrink: 0; }
    .module-EditConversationAttributesModal__button-container .module-Button:not(:first-child) {
      margin-left: 12px; }

.module-GroupDialog {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin: 0 auto;
  max-height: 100%;
  max-width: 360px;
  padding: 16px;
  position: relative;
  width: 95%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  color: #1b1b1b; }
  .dark-theme .module-GroupDialog {
    background: #121212;
    color: #e9e9e9; }
  .module-GroupDialog__close-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-align: inherit;
    position: absolute;
    right: 12px;
    top: 12px;
    height: 24px;
    width: 24px;
    -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
    -webkit-mask-size: 100%;
    background-color: #3b3b3b; }
    .dark-theme .module-GroupDialog__close-button {
      -webkit-mask: url("../images/icons/v2/x-24.svg") no-repeat center;
      -webkit-mask-size: 100%;
      background-color: #dedede; }
    .keyboard-mode .module-GroupDialog__close-button:focus {
      background-color: #2c6bed; }
    .dark-theme.keyboard-mode .module-GroupDialog__close-button:focus {
      background-color: #6191f3; }
  .module-GroupDialog__title {
    font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.34px;
    text-align: center;
    margin-bottom: 20px;
    flex-grow: 0;
    flex-shrink: 0; }
  .module-GroupDialog__body {
    overflow-x: scroll;
    flex-grow: 1;
    flex-shrink: 1; }
  .module-GroupDialog__paragraph, .module-GroupDialog__contacts {
    margin: 0 0 16px 0;
    padding: 0 16px 0 28px;
    position: relative; }
    .module-GroupDialog__paragraph::before, .module-GroupDialog__contacts::before {
      content: '';
      display: block;
      height: 11px;
      left: 4px;
      position: absolute;
      top: 4px;
      width: 4px;
      background-color: #dedede; }
      .dark-theme .module-GroupDialog__paragraph::before, .dark-theme .module-GroupDialog__contacts::before {
        background-color: #4a4a4a; }
  .module-GroupDialog__contacts {
    list-style-type: none; }
    .module-GroupDialog__contacts__contact {
      margin-top: 16px; }
    .module-GroupDialog__contacts__contact__name {
      margin-left: 8px; }
  .module-GroupDialog__button-container {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    flex-grow: 0;
    flex-shrink: 0; }
    .module-GroupDialog__button-container .module-Button {
      flex-grow: 1;
      max-width: 152px; }
      .module-GroupDialog__button-container .module-Button:not(:first-child) {
        margin-left: 16px; }

.module-GroupTitleInput {
  margin: 16px;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  padding: 8px 12px;
  border-radius: 6px;
  border-width: 2px;
  border-style: solid;
  background: #ffffff;
  color: #000000;
  border-color: #dedede; }
  .module-GroupTitleInput:disabled {
    background: #f6f6f6;
    border-color: #e9e9e9;
    color: #1b1b1b; }
  .dark-theme .module-GroupTitleInput {
    background: #2e2e2e;
    color: #e9e9e9;
    border-color: #848484; }
    .dark-theme .module-GroupTitleInput:disabled {
      background: #121212;
      border-color: #5e5e5e;
      color: #c6c6c6; }
  .module-GroupTitleInput:focus {
    outline: none;
    border-color: #2c6bed; }
    .dark-theme .module-GroupTitleInput:focus {
      border-color: #6191f3; }

.module-message__audio-attachment {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 2px; }

/* The separator between audio and text */
.module-message__audio-attachment--with-content-below {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 12px;
  margin-bottom: 7px; }
  .module-message__audio-attachment--incoming .module-message__audio-attachment--with-content-below {
    border-color: rgba(255, 255, 255, 0.2); }
    .dark-theme .module-message__audio-attachment--incoming .module-message__audio-attachment--with-content-below {
      border-color: rgba(255, 255, 255, 0.2); }
    .ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment--with-content-below {
      border-color: rgba(0, 0, 0, 0.2); }
    .dark-theme.ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment--with-content-below {
      border-color: rgba(255, 255, 255, 0.2); }
  .module-message__container--outgoing .module-message__audio-attachment--with-content-below {
    border-color: rgba(0, 0, 0, 0.2); }
    .dark-theme .module-message__container--outgoing .module-message__audio-attachment--with-content-below {
      border-color: rgba(255, 255, 255, 0.2); }
    .ios-theme .module-message__container--outgoing .module-message__audio-attachment--with-content-below {
      border-color: rgba(255, 255, 255, 0.2); }
    .dark-theme.ios-theme .module-message__container--outgoing .module-message__audio-attachment--with-content-below {
      border-color: rgba(255, 255, 255, 0.2); }

.module-message__audio-attachment--with-content-above {
  margin-top: 6px; }

.module-message__audio-attachment__button,
.module-message__audio-attachment__spinner {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  outline: none;
  border-radius: 18px; }
  .module-message__audio-attachment__button::before,
  .module-message__audio-attachment__spinner::before {
    display: block;
    height: 100%;
    content: ''; }
  .module-message__audio-attachment__button--pending,
  .module-message__audio-attachment__spinner--pending {
    cursor: auto; }
  .module-message__audio-attachment__button--pending::before,
  .module-message__audio-attachment__spinner--pending::before {
    animation: spinner-arc-animation 1000ms linear infinite; }
  .module-message__audio-attachment--incoming .module-message__audio-attachment__button, .module-message__audio-attachment--incoming
  .module-message__audio-attachment__spinner {
    background: rgba(255, 255, 255, 0.2); }
    .module-message__audio-attachment--incoming .module-message__audio-attachment__button--play::before, .module-message__audio-attachment--incoming
    .module-message__audio-attachment__spinner--play::before {
      -webkit-mask: url("../images/icons/v2/play-solid-20.svg") no-repeat center;
      background-color: #ffffff; }
    .module-message__audio-attachment--incoming .module-message__audio-attachment__button--pause::before, .module-message__audio-attachment--incoming
    .module-message__audio-attachment__spinner--pause::before {
      -webkit-mask: url("../images/icons/v2/pause-solid-20.svg") no-repeat center;
      background-color: #ffffff; }
    .module-message__audio-attachment--incoming .module-message__audio-attachment__button--download::before, .module-message__audio-attachment--incoming
    .module-message__audio-attachment__spinner--download::before {
      -webkit-mask: url("../images/icons/v2/arrow-down-20.svg") no-repeat center;
      background-color: #ffffff; }
    .module-message__audio-attachment--incoming .module-message__audio-attachment__button--pending::before, .module-message__audio-attachment--incoming
    .module-message__audio-attachment__spinner--pending::before {
      -webkit-mask: url("../images/icons/v2/audio-spinner-arc-22.svg") no-repeat center;
      background-color: #ffffff; }
    .dark-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button, .dark-theme .module-message__audio-attachment--incoming
    .module-message__audio-attachment__spinner {
      background: rgba(255, 255, 255, 0.2); }
      .dark-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button--play::before, .dark-theme .module-message__audio-attachment--incoming
      .module-message__audio-attachment__spinner--play::before {
        -webkit-mask: url("../images/icons/v2/play-solid-20.svg") no-repeat center;
        background-color: #ffffff; }
      .dark-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button--pause::before, .dark-theme .module-message__audio-attachment--incoming
      .module-message__audio-attachment__spinner--pause::before {
        -webkit-mask: url("../images/icons/v2/pause-solid-20.svg") no-repeat center;
        background-color: #ffffff; }
      .dark-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button--download::before, .dark-theme .module-message__audio-attachment--incoming
      .module-message__audio-attachment__spinner--download::before {
        -webkit-mask: url("../images/icons/v2/arrow-down-20.svg") no-repeat center;
        background-color: #ffffff; }
      .dark-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button--pending::before, .dark-theme .module-message__audio-attachment--incoming
      .module-message__audio-attachment__spinner--pending::before {
        -webkit-mask: url("../images/icons/v2/audio-spinner-arc-22.svg") no-repeat center;
        background-color: #ffffff; }
    .ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button, .ios-theme .module-message__audio-attachment--incoming
    .module-message__audio-attachment__spinner {
      background: #ffffff; }
      .ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button--play::before, .ios-theme .module-message__audio-attachment--incoming
      .module-message__audio-attachment__spinner--play::before {
        -webkit-mask: url("../images/icons/v2/play-solid-20.svg") no-repeat center;
        background-color: #5e5e5e; }
      .ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button--pause::before, .ios-theme .module-message__audio-attachment--incoming
      .module-message__audio-attachment__spinner--pause::before {
        -webkit-mask: url("../images/icons/v2/pause-solid-20.svg") no-repeat center;
        background-color: #5e5e5e; }
      .ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button--download::before, .ios-theme .module-message__audio-attachment--incoming
      .module-message__audio-attachment__spinner--download::before {
        -webkit-mask: url("../images/icons/v2/arrow-down-20.svg") no-repeat center;
        background-color: #5e5e5e; }
      .ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button--pending::before, .ios-theme .module-message__audio-attachment--incoming
      .module-message__audio-attachment__spinner--pending::before {
        -webkit-mask: url("../images/icons/v2/audio-spinner-arc-22.svg") no-repeat center;
        background-color: #5e5e5e; }
    .dark-theme.ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button, .dark-theme.ios-theme .module-message__audio-attachment--incoming
    .module-message__audio-attachment__spinner {
      background: #5e5e5e; }
      .dark-theme.ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button--play::before, .dark-theme.ios-theme .module-message__audio-attachment--incoming
      .module-message__audio-attachment__spinner--play::before {
        -webkit-mask: url("../images/icons/v2/play-solid-20.svg") no-repeat center;
        background-color: #dedede; }
      .dark-theme.ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button--pause::before, .dark-theme.ios-theme .module-message__audio-attachment--incoming
      .module-message__audio-attachment__spinner--pause::before {
        -webkit-mask: url("../images/icons/v2/pause-solid-20.svg") no-repeat center;
        background-color: #dedede; }
      .dark-theme.ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button--download::before, .dark-theme.ios-theme .module-message__audio-attachment--incoming
      .module-message__audio-attachment__spinner--download::before {
        -webkit-mask: url("../images/icons/v2/arrow-down-20.svg") no-repeat center;
        background-color: #dedede; }
      .dark-theme.ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__button--pending::before, .dark-theme.ios-theme .module-message__audio-attachment--incoming
      .module-message__audio-attachment__spinner--pending::before {
        -webkit-mask: url("../images/icons/v2/audio-spinner-arc-22.svg") no-repeat center;
        background-color: #dedede; }
  .module-message__audio-attachment--outgoing .module-message__audio-attachment__button, .module-message__audio-attachment--outgoing
  .module-message__audio-attachment__spinner {
    background: #ffffff; }
    .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--play::before, .module-message__audio-attachment--outgoing
    .module-message__audio-attachment__spinner--play::before {
      -webkit-mask: url("../images/icons/v2/play-solid-20.svg") no-repeat center;
      background-color: #5e5e5e; }
    .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--pause::before, .module-message__audio-attachment--outgoing
    .module-message__audio-attachment__spinner--pause::before {
      -webkit-mask: url("../images/icons/v2/pause-solid-20.svg") no-repeat center;
      background-color: #5e5e5e; }
    .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--download::before, .module-message__audio-attachment--outgoing
    .module-message__audio-attachment__spinner--download::before {
      -webkit-mask: url("../images/icons/v2/arrow-down-20.svg") no-repeat center;
      background-color: #5e5e5e; }
    .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--pending::before, .module-message__audio-attachment--outgoing
    .module-message__audio-attachment__spinner--pending::before {
      -webkit-mask: url("../images/icons/v2/audio-spinner-arc-22.svg") no-repeat center;
      background-color: #5e5e5e; }
    .dark-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button, .dark-theme .module-message__audio-attachment--outgoing
    .module-message__audio-attachment__spinner {
      background: #ffffff; }
      .dark-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--play::before, .dark-theme .module-message__audio-attachment--outgoing
      .module-message__audio-attachment__spinner--play::before {
        -webkit-mask: url("../images/icons/v2/play-solid-20.svg") no-repeat center;
        background-color: #5e5e5e; }
      .dark-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--pause::before, .dark-theme .module-message__audio-attachment--outgoing
      .module-message__audio-attachment__spinner--pause::before {
        -webkit-mask: url("../images/icons/v2/pause-solid-20.svg") no-repeat center;
        background-color: #5e5e5e; }
      .dark-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--download::before, .dark-theme .module-message__audio-attachment--outgoing
      .module-message__audio-attachment__spinner--download::before {
        -webkit-mask: url("../images/icons/v2/arrow-down-20.svg") no-repeat center;
        background-color: #5e5e5e; }
      .dark-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--pending::before, .dark-theme .module-message__audio-attachment--outgoing
      .module-message__audio-attachment__spinner--pending::before {
        -webkit-mask: url("../images/icons/v2/audio-spinner-arc-22.svg") no-repeat center;
        background-color: #5e5e5e; }
    .ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button, .ios-theme .module-message__audio-attachment--outgoing
    .module-message__audio-attachment__spinner {
      background: rgba(255, 255, 255, 0.2); }
      .ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--play::before, .ios-theme .module-message__audio-attachment--outgoing
      .module-message__audio-attachment__spinner--play::before {
        -webkit-mask: url("../images/icons/v2/play-solid-20.svg") no-repeat center;
        background-color: #ffffff; }
      .ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--pause::before, .ios-theme .module-message__audio-attachment--outgoing
      .module-message__audio-attachment__spinner--pause::before {
        -webkit-mask: url("../images/icons/v2/pause-solid-20.svg") no-repeat center;
        background-color: #ffffff; }
      .ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--download::before, .ios-theme .module-message__audio-attachment--outgoing
      .module-message__audio-attachment__spinner--download::before {
        -webkit-mask: url("../images/icons/v2/arrow-down-20.svg") no-repeat center;
        background-color: #ffffff; }
      .ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--pending::before, .ios-theme .module-message__audio-attachment--outgoing
      .module-message__audio-attachment__spinner--pending::before {
        -webkit-mask: url("../images/icons/v2/audio-spinner-arc-22.svg") no-repeat center;
        background-color: #ffffff; }
    .dark-theme.ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button, .dark-theme.ios-theme .module-message__audio-attachment--outgoing
    .module-message__audio-attachment__spinner {
      background: rgba(255, 255, 255, 0.2); }
      .dark-theme.ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--play::before, .dark-theme.ios-theme .module-message__audio-attachment--outgoing
      .module-message__audio-attachment__spinner--play::before {
        -webkit-mask: url("../images/icons/v2/play-solid-20.svg") no-repeat center;
        background-color: #ffffff; }
      .dark-theme.ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--pause::before, .dark-theme.ios-theme .module-message__audio-attachment--outgoing
      .module-message__audio-attachment__spinner--pause::before {
        -webkit-mask: url("../images/icons/v2/pause-solid-20.svg") no-repeat center;
        background-color: #ffffff; }
      .dark-theme.ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--download::before, .dark-theme.ios-theme .module-message__audio-attachment--outgoing
      .module-message__audio-attachment__spinner--download::before {
        -webkit-mask: url("../images/icons/v2/arrow-down-20.svg") no-repeat center;
        background-color: #ffffff; }
      .dark-theme.ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__button--pending::before, .dark-theme.ios-theme .module-message__audio-attachment--outgoing
      .module-message__audio-attachment__spinner--pending::before {
        -webkit-mask: url("../images/icons/v2/audio-spinner-arc-22.svg") no-repeat center;
        background-color: #ffffff; }

.module-message__audio-attachment__waveform {
  flex-shrink: 0;
  margin-left: 12px;
  display: flex;
  align-items: center;
  outline: 0; }

.module-message__audio-attachment__waveform__bar {
  display: inline-block;
  width: 2px;
  border-radius: 2px;
  transition: height 250ms, background 250ms; }
  .module-message__audio-attachment__waveform__bar:not(:first-of-type) {
    margin-left: 2px; }
  .module-message__audio-attachment--incoming .module-message__audio-attachment__waveform__bar {
    background: rgba(255, 255, 255, 0.4); }
    .module-message__audio-attachment--incoming .module-message__audio-attachment__waveform__bar--active {
      background: rgba(255, 255, 255, 0.8); }
    .dark-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__waveform__bar {
      background: rgba(255, 255, 255, 0.4); }
      .dark-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__waveform__bar--active {
        background: rgba(255, 255, 255, 0.8); }
    .ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__waveform__bar {
      background: rgba(0, 0, 0, 0.4); }
      .ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__waveform__bar--active {
        background: rgba(0, 0, 0, 0.8); }
    .dark-theme.ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__waveform__bar {
      background: rgba(255, 255, 255, 0.4); }
      .dark-theme.ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__waveform__bar--active {
        background: rgba(255, 255, 255, 0.7); }
  .module-message__audio-attachment--outgoing .module-message__audio-attachment__waveform__bar {
    background: rgba(0, 0, 0, 0.2); }
    .module-message__audio-attachment--outgoing .module-message__audio-attachment__waveform__bar--active {
      background: rgba(0, 0, 0, 0.5); }
    .dark-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__waveform__bar {
      background: rgba(255, 255, 255, 0.4); }
      .dark-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__waveform__bar--active {
        background: rgba(255, 255, 255, 0.8); }
    .ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__waveform__bar {
      background: rgba(255, 255, 255, 0.4); }
      .ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__waveform__bar--active {
        background: rgba(255, 255, 255, 0.8); }
    .dark-theme.ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__waveform__bar {
      background: rgba(255, 255, 255, 0.4); }
      .dark-theme.ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__waveform__bar--active {
        background: rgba(255, 255, 255, 0.8); }

.module-message__audio-attachment__duration {
  flex-shrink: 1;
  margin-left: 12px;
  font-family: Inter, "Helvetica Neue", "Source Sans Pro", "Source Han Sans SC", "Source Han Sans CN", "Hiragino Sans GB", "Hiragino Kaku Gothic", "Microsoft Yahei UI", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px; }
  .module-message__audio-attachment--incoming .module-message__audio-attachment__duration {
    color: rgba(255, 255, 255, 0.8); }
    .dark-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__duration {
      color: rgba(255, 255, 255, 0.8); }
    .ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__duration {
      color: rgba(0, 0, 0, 0.6); }
    .dark-theme.ios-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__duration {
      color: rgba(255, 255, 255, 0.8); }
  .module-message__audio-attachment--outgoing .module-message__audio-attachment__duration {
    color: #5e5e5e; }
    .dark-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__duration {
      color: rgba(255, 255, 255, 0.8); }
    .ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__duration {
      color: rgba(255, 255, 255, 0.8); }
    .dark-theme.ios-theme .module-message__audio-attachment--outgoing .module-message__audio-attachment__duration {
      color: rgba(255, 255, 255, 0.8); }

@media (min-width: 0px) and (max-width: 799px) {
  .module-message__audio-attachment__waveform {
    margin-left: 4px; }
  /* Clip the duration text when it is too long on small screens */
  .module-message__audio-attachment__duration {
    margin-left: 4px;
    max-width: 46px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

/*# sourceMappingURL=manifest.css.map */