@charset "UTF-8";

/* src/components/screens/MainScreen/styles.module.scss */
.main-screen.small-screen.chat-view-open .styles_module_chatListAndHeaderAndAudioPlayer {
  display: none;
}
.main-screen.small-screen:not(.chat-view-open) .styles_module_chatView {
  display: none;
}
.styles_module_chatListAndHeaderAndAudioPlayer {
  display: flex;
  flex-direction: column;
  width: 0;
  flex-grow: 3;
  min-width: 295px;
}
.styles_module_chatListAndHeaderAndAudioPlayer .styles_module_chatListAndHeader {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.styles_module_chatListAndHeaderAndAudioPlayer .styles_module_chatListHeader {
  height: var(--navBarHeight);
  background-color: var(--navBarBackground);
  color: var(--navBarText);
  border-bottom: var(--outlineProperties);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0px 10px;
}
.styles_module_chatListAndHeaderAndAudioPlayer .styles_module_chatListHeader .styles_module_archivedChatsTitle {
  flex: 1 1 auto;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
  user-select: none;
}
.styles_module_chatListAndHeaderAndAudioPlayer .styles_module_chatListHeader .styles_module_proxyButton {
  padding-inline-end: 0px;
}
.styles_module_chatView {
  width: 0;
  flex-grow: 8;
}

/* src/components/Icon/styles.module.scss */
.styles_module_icon {
  background-color: var(--iconColorPrimary);
  display: inline-block;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}
.styles_module_icon.styles_module_currentColor {
  background-color: currentColor;
}
.styles_module_icon.styles_module_navbar {
  background-color: var(--navBarText);
}
.styles_module_icon.styles_module_contextMenu {
  background-color: var(--contextMenuText);
}
.styles_module_icon.styles_module_fullscreenControls {
  background-color: var(--fullScreenMediaButtonsText);
}
.styles_module_icon.styles_module_appearanceSelector {
  background-color: var(--icon-color);
}
.styles_module_icon.styles_module_remove:hover {
  background-color: #bf0000;
}
.styles_module_iconButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  text-align: inherit;
  display: flex;
}

/* src/components/Dialog/styles.module.scss */
:root {
  --emojifonts:
    "EmojiMart",
    "Apple Color Emoji",
    NotoEmoji;
  --fonts-default:
    Roboto,
    var(--emojifonts),
    "Helvetica Neue",
    Arial,
    Helvetica,
    NotoMono,
    sans-serif;
  --fonts-system: system-ui, var(--fonts-default);
}
.styles_module_dialog {
  padding: 0;
}
.styles_module_dialog.styles_module_unstyled {
  background: none;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  border: none;
  margin: 0;
}
.styles_module_dialog:not(.styles_module_unstyled) {
  background-color: var(--bp4DialogBgPrimary);
  color: var(--globalText);
  border-radius: 10px;
  border: none;
  box-shadow:
    0 0 0 1px rgba(16, 22, 26, 0.1),
    0 4px 8px rgba(16, 22, 26, 0.2),
    0 0 20px 3px rgba(16, 22, 26, 0.2);
  flex-direction: column;
  max-height: calc(100% - 50px);
  max-width: min(733px, 100vw - 1rem);
  min-width: min(350px, 100vw - 1rem);
  width: unset;
  justify-content: center;
  padding: 0;
}
.styles_module_dialog:not(.styles_module_unstyled):not(.styles_module_noTopPadding) {
  padding-top: 20px;
}
.styles_module_dialog::backdrop {
  background-color: var(--dialogBackdropBackground);
}
.styles_module_dialogHeader {
  width: 100%;
  align-items: center;
  background-color: var(--bp4DialogHeaderBg);
  border-bottom: var(--outlineProperties);
  display: flex;
  padding-bottom: 20px;
  padding-inline-start: 30px;
  padding-inline-end: 25px;
  user-select: none;
}
.styles_module_dialogHeading {
  align-items: center;
  color: var(--bp4Heading);
  display: flex;
  flex: 1 1 auto;
  font-size: 18px;
  font-weight: 600;
  height: 30px;
  margin: 0;
}
.styles_module_dialogBody {
  width: 100%;
  background-color: var(--bp4DialogBgPrimary);
  flex: 1 1 auto;
  max-height: 90vh;
  overflow: overlay;
}
.styles_module_dialogBody::-webkit-scrollbar-track {
  background: transparent;
}
.styles_module_dialogContent {
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  line-height: 22px;
}
.styles_module_dialogContent:not(.styles_module_allowTopPadding) > :first-child {
  margin-top: 0 !important;
}
.styles_module_dialogFooter {
  width: 100%;
  background-color: var(--bp4DialogBgPrimary);
  padding-bottom: 20px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
}
.styles_module_headerButton {
  align-items: center;
  background-color: transparent;
  border-radius: 5px;
  border: 0;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0;
  width: 30px;
}
.styles_module_headerButton + .styles_module_headerButton {
  margin-inline-start: 5px;
}
.styles_module_headerButton:hover {
  background-color: var(--chatListItemBgHover);
}
.styles_module_headerButtonIcon {
  background-color: var(--iconColorPrimary);
  margin: 0 !important;
}
.styles_module_headerThreeDotButton {
  margin: 0 !important;
  padding: 0 !important;
  transform: rotate(90deg);
}
.styles_module_backButton {
  margin-inline-end: 20px;
}
[dir=rtl] .styles_module_backButton {
  transform: rotate(180deg);
}
.styles_module_footerActions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.styles_module_footerActions.styles_module_spaceBetween {
  justify-content: space-between;
}
.styles_module_footerActions.styles_module_start {
  justify-content: flex-start;
}
.styles_module_footerActions.styles_module_end {
  justify-content: flex-end;
}
.styles_module_footerActions.styles_module_center {
  justify-content: center;
}
.styles_module_footerActionButton {
  min-width: 100px;
  flex: 0 1 auto;
  margin: 0;
}

/* src/components/Button/style.module.scss */
.style_module_button {
  align-items: center;
  background-color: var(--buttonSecondaryBackground);
  border-radius: 10px;
  color: var(--buttonSecondaryText);
  border: 1px solid #ccc;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  justify-content: center;
  padding: 8px 12px;
  text-align: center;
  user-select: none;
}
.style_module_button:hover {
  background-color: var(--buttonSecondaryHover);
}
.style_module_button > span {
  user-select: none;
}
.style_module_button.style_module_primary {
  background-color: var(--buttonPrimaryBackground);
  color: var(--buttonPrimaryText);
  border: var(--buttonPrimaryBackground);
}
.style_module_button.style_module_primary:hover {
  background-color: var(--buttonPrimaryHover);
}
.style_module_button.style_module_danger {
  color: var(--buttonDangerText);
  background-color: var(--buttonDangerBackground);
  border: var(--buttonPrimaryBackground);
}
.style_module_button.style_module_danger:hover {
  background-color: var(--buttonDangerHover);
}
.style_module_button.style_module_borderless {
  background-color: transparent;
  border: none;
}
.style_module_button.style_module_active {
  background-color: var(--navBarButtonActive);
}
.style_module_button:disabled {
  background-color: var(--buttonDisabledBackground);
  color: var(--buttonDisabledText);
  cursor: not-allowed;
}
.style_module_button:disabled:hover {
  background-color: var(--buttonDisabledBackground);
}

/* src/components/Avatar/styles.module.scss */
.styles_module_avatarButton {
  background: none;
  border: none;
  border-radius: 50%;
  padding: 0;
  margin: auto;
  display: flex;
}
.styles_module_avatarButton .avatar {
  --local-avatar-vertical-margin: 0;
}

/* src/components/dialogs/ViewProfile/styles.module.scss */
.styles_module_viewProfileDialog {
  height: 100%;
}
.styles_module_viewProfileDialogBody {
  display: flex;
  flex-direction: column;
  padding-bottom: 2px;
}
.styles_module_contactAttributes,
.styles_module_contactAttributesBottom {
  margin-top: 15px;
  margin-inline-start: -4px;
  font-size: 1.08em;
}
.styles_module_contactAttributes > *,
.styles_module_contactAttributesBottom > * {
  margin-bottom: 8px;
}
.styles_module_contactAttributes > * > img,
.styles_module_contactAttributesBottom > * > img {
  width: 1.15em;
  height: 1.15em;
  margin-inline-start: 0.3em;
  margin-inline-end: 0.3em;
  vertical-align: middle;
}
.styles_module_contactAttributesBottom {
  padding: 10px 15px;
  margin-top: auto;
}
.styles_module_verification {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  text-align: inherit;
}
.styles_module_buttonWrap {
  margin: 10px 0 24px 0;
  margin-inline-start: 30px;
}
.styles_module_buttonWrap button {
  min-width: 150px;
}
.styles_module_extendedSeparator {
  margin-inline-start: -30px;
  margin-inline-end: -30px;
  padding: 2px;
}
.styles_module_mutualChats {
  margin-top: 8px;
}

/* src/components/dialogs/SetupMultiDevice/styles.module.scss */
.styles_module_sendBackup {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  margin-bottom: 20px;
}
.styles_module_sendBackupMain {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.styles_module_sendBackupMainProgress {
  display: flex;
  flex-direction: column;
}
.styles_module_sendBackupMainProgress progress {
  width: 100%;
}
.styles_module_sendBackupSteps {
  width: 100%;
}
.styles_module_sendBackupStepsList {
  counter-reset: list-counter;
  list-style: none;
  padding: 0;
}
.styles_module_sendBackupStepsList > li {
  counter-increment: list-counter;
  display: flex;
  margin-bottom: 10px;
}
.styles_module_sendBackupStepsList > li::before {
  align-items: center;
  background: #2164c3;
  border-radius: 50%;
  color: #fff;
  content: counter(list-counter);
  display: flex;
  flex: none;
  height: 20px;
  justify-content: center;
  margin-inline-end: 8px;
  padding-top: 2px;
  width: 20px;
}
.styles_module_qrCode {
  width: 100%;
  max-height: 45vh;
}
.styles_module_linkIcon {
  background-color: var(--colorPrimary);
  margin-inline-start: 10px;
}
.styles_module_receiveSteps {
  padding: 4px 22px;
}
@media (max-height: 600px) {
  .styles_module_qrCode {
    max-height: 60vh;
  }
}

/* src/components/Spinner/styles.module.scss */
@keyframes styles_module_spin {
  to {
    transform: rotate(1turn);
  }
}
.styles_module_spinner {
  aspect-ratio: 1;
  background: var(--colorPrimary);
  border-radius: 50%;
  padding: 8px;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: styles_module_spin 1.5s infinite linear;
}

/* src/components/QrReader/styles.module.scss */
.styles_module_qrReader {
  position: relative;
  height: 375px;
  margin-bottom: 20px;
}
.styles_module_qrReaderVideo {
  display: none;
  height: 100%;
  width: 100%;
  object-fit: cover;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.styles_module_qrReaderVideo.styles_module_visible {
  display: block;
}
.styles_module_qrReaderVideo.styles_module_flipped {
  transform: scale(-1, 1);
}
.styles_module_qrReaderButton {
  background-color: white;
  border-radius: 50%;
  border: 0;
  bottom: 0;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
  height: 35px;
  margin: 15px;
  padding: 5px;
  position: absolute;
  right: 5px;
  width: 35px;
}
.styles_module_qrReaderButton:hover {
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));
}
.styles_module_qrReaderButtonIcon {
  background-color: #333;
}
.styles_module_qrReaderStatus {
  align-items: center;
  color: white;
  display: flex;
  height: 375px;
  justify-content: center;
  left: 0;
  padding: 50px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.styles_module_qrReaderStatus.styles_module_info {
  background-color: gray;
}
.styles_module_qrReaderStatus.styles_module_error {
  background-color: red;
}
.styles_module_qrReaderError {
  display: block;
}
.styles_module_qrReaderOverlay {
  border: 40px solid rgba(0, 0, 0, 0.2);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.styles_module_qrReaderHint {
  bottom: 0;
  color: white;
  left: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  user-select: none;
}
.styles_module_qrReaderScanLine {
  animation-direction: alternate;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-name: styles_module_pulsating;
  animation-timing-function: ease-in;
  border-bottom-color: rgba(255, 255, 255, 0.3);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  left: 50px;
  position: absolute;
  right: 50px;
  top: 50%;
}
@keyframes styles_module_pulsating {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.styles_module_qrReaderFileInput {
  display: none;
}

/* src/components/Switch/styles.module.scss */
.styles_module_switchWrapper {
  position: relative;
  margin-inline-start: 10px;
}
.styles_module_switchWrapper input {
  appearance: none;
  position: absolute;
  inset: 0;
  outline-offset: 5px;
}
.styles_module_switchIndicator {
  width: auto;
  min-width: 1.75em;
  height: 1em;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-top: 1px;
  user-select: none;
  cursor: pointer;
  font-size: 16px;
  border: none;
  border-radius: 1.75em;
  transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  background: var(--bp4Switch);
  box-shadow: var(--bp4SwitchShadow);
  color: #fff;
}
.styles_module_switchIndicator::before {
  width: calc(1em + 4px);
  height: calc(1em + 4px);
  left: 0;
  content: "";
  display: block;
  margin: -2px 2px 2px -2px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  transition: left 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  box-shadow: var(--bp4SwitchKnobShadow);
  background: var(--bp4SwitchKnob);
}
.styles_module_switchIndicatorOn {
  background: var(--bp4SwitchChecked);
}
.styles_module_switchIndicatorOn::before {
  left: calc(100% - 1em);
  box-shadow: var(--bp4SwitchKnobShadowChecked);
  background: var(--bp4SwitchKnobChecked);
}
.styles_module_disabled2 {
  opacity: 0.4;
}

/* src/components/Settings/styles.module.scss */
.styles_module_settingsHeading {
  color: var(--globalText);
  font-size: 16px;
  margin-bottom: 10px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-top: 10px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
}
.styles_module_settingsSeparator {
  background-color: rgba(0, 0, 0, 0.05);
  border: 0;
  height: 5px;
  margin-bottom: 15px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-top: 15px;
}
.styles_module_settingsEndSeparator {
  background-color: transparent;
  border: 0;
  height: 0;
  margin-bottom: 20px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-top: 0;
}
.styles_module_settingsButton {
  background-color: transparent;
  border: 0;
  color: var(--globalText);
  min-height: 40px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  text-align: inherit;
  width: 100%;
}
.styles_module_settingsButton:hover {
  background-color: var(--chatListItemBgHover);
  cursor: pointer;
}
.styles_module_settingsButton.styles_module_highlight {
  color: var(--colorPrimary);
  font-weight: bold;
}
.styles_module_settingsIconButton {
  align-items: center;
  background-color: unset;
  border: none;
  cursor: pointer;
  display: flex;
  height: 40px;
  padding-bottom: 0;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  padding-top: 0;
  width: 100%;
}
.styles_module_settingsIconButton:hover,
.styles_module_settingsIconButton:focus {
  background-color: var(--chatListItemBgHover);
}
.styles_module_settingsIconButtonLabel {
  color: var(--globalText);
  flex-grow: 1;
  line-height: 2;
  margin-inline-start: 20px;
  text-align: start;
}
.styles_module_settingsSelector {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  text-align: inherit;
  width: 100%;
}
.styles_module_settingsRow {
  align-items: center;
  cursor: pointer;
  display: flex;
  min-height: 40px;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  padding-top: 10px;
  user-select: none;
}
.styles_module_settingsRow:hover {
  background-color: var(--chatListItemBgHover);
}
.styles_module_settingsSelectorValue {
  color: var(--colorPrimary);
  font-weight: lighter;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 33.33333%;
  flex-shrink: 0;
}
.styles_module_settingsRowLeft {
  display: flex;
  flex-direction: column;
  margin-inline-end: 15px;
}
.styles_module_settingsRowLabel {
  color: var(--globalText);
}
.styles_module_settingsRowLabel.styles_module_disabled {
  color: rgba(92, 112, 128, 0.6);
}
.styles_module_settingsRowDescription {
  color: var(--chat-list-item-archived-label-border);
  font-size: smaller;
  margin-top: 3px;
}
.styles_module_settingsRowDescription.styles_module_disabled {
  color: rgba(92, 112, 128, 0.6);
}
.styles_module_settingsRowRight {
  align-items: center;
  display: flex;
}
.styles_module_profile {
  display: flex;
  cursor: pointer;
  padding: 10px 25px;
  width: 100%;
  border: none;
  background-color: transparent;
  text-align: start;
}
.styles_module_profile:hover,
.styles_module_profile:focus {
  background-color: var(--chatListItemBgHover);
}
.styles_module_profileDetails {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-inline-start: 20px;
  overflow: hidden;
}
.styles_module_profileDisplayName {
  font-size: 18px;
  font-weight: 200;
}
.styles_module_profileBio {
  margin-top: 5px;
  overflow: hidden;
  text-wrap-mode: nowrap;
  text-overflow: ellipsis;
  opacity: 0.6;
}

/* src/components/dialogs/ProxyConfiguration/styles.module.scss */
.styles_module_proxyList {
  flex-grow: 1;
  overflow-y: scroll;
}
.styles_module_container {
  margin: 0 10px 0 30px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.styles_module_container h3 {
  margin: 0;
  margin-top: 10px;
}
.styles_module_proxyItem {
  display: flex;
  border-bottom: 1px solid var(--separatorColor);
  padding: 10px 0 10px 10px;
}
.styles_module_proxyItem:hover {
  background-color: var(--globalHoverBg);
}
.styles_module_explain {
  margin-inline-end: 20px;
  margin-top: 10px;
}
.styles_module_proxyLabel {
  margin-bottom: 6px;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_module_proxyRow {
  display: flex;
  cursor: pointer;
  flex-grow: 1;
}
.styles_module_radioButton {
  margin-inline-end: 10px;
}
.styles_module_protocol {
  border: 1px solid var(--globalText);
  padding: 2px;
  margin-inline-end: 10px;
}
.styles_module_trash {
  mask-size: 1.3em !important;
  -webkit-mask-size: 1.3em !important;
  width: 1.3em !important;
  height: 1.3em !important;
}
.styles_module_buttonsContainer {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.styles_module_buttons {
  display: flex;
}
.styles_module_buttons button {
  padding: 6px;
}
.styles_module_addProxyButton {
  padding: 8px 10px 7px 10px;
}
@media (max-height: 500px) {
  .styles_module_proxyList {
    flex-grow: 0;
    overflow-y: visible;
  }
}

/* src/components/dialogs/Transports/styles.module.scss */
.styles_module_container2 {
  margin-inline-start: 30px;
  margin-inline-end: 10px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.styles_module_transportRow {
  display: flex;
  border-bottom: 1px solid var(--separatorColor);
  padding: 10px 0 10px 10px;
  justify-content: space-between;
}
.styles_module_transportRow:hover {
  background-color: var(--globalHoverBg);
}
.styles_module_transportRow > div {
  display: flex;
}
.styles_module_transportRow .styles_module_transportRadioButton {
  display: flex;
  flex-grow: 1;
  padding-inline-end: 10px;
}
.styles_module_transportRow .styles_module_transportRadioButton input {
  cursor: pointer;
}
.styles_module_transportRow .styles_module_transportItem {
  cursor: pointer;
}
.styles_module_trash2,
.styles_module_edit {
  mask-size: 1.3em !important;
  -webkit-mask-size: 1.3em !important;
  width: 1.3em !important;
  height: 1.3em !important;
}
.styles_module_deleteButton,
.styles_module_editButton {
  padding: 0 !important;
}
.styles_module_editButton:last-child {
  margin-inline-end: 30px;
}
.styles_module_buttonsContainer2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.styles_module_addTransportButton {
  padding: 10px;
}

/* src/components/dialogs/SelectAccountDialog.module.scss */
.SelectAccountDialog_module_dialogHeader {
  padding-bottom: 0;
}
.SelectAccountDialog_module_dialogBody {
  padding: 0 10px;
  max-height: 400px;
  overflow-y: auto;
}
.SelectAccountDialog_module_loading {
  padding: 20px;
  text-align: center;
  color: var(--textSecondary);
}
.SelectAccountDialog_module_accountList {
  list-style: none;
  margin: 0;
  padding: 8px 0;
}
.SelectAccountDialog_module_accountButton {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 16px;
  border: none;
  background: none;
  text-align: start;
  cursor: pointer;
  gap: 12px;
}
.SelectAccountDialog_module_accountButton:hover {
  background-color: var(--chatListItemBgHover);
}
.SelectAccountDialog_module_avatar {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}
.SelectAccountDialog_module_avatarImage,
.SelectAccountDialog_module_avatarInitial {
  width: 100%;
  height: 100%;
  border-radius: 10%;
  object-fit: cover;
}
.SelectAccountDialog_module_avatarInitial {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--avatarLabelColor);
  font-size: 26px;
  font-weight: normal;
}
.SelectAccountDialog_module_accountInfo {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.SelectAccountDialog_module_displayName {
  font-size: 14px;
  font-weight: 500;
  color: var(--textPrimary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SelectAccountDialog_module_emailAddress {
  font-size: 12px;
  color: var(--textSecondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
}

/* src/components/dialogs/SelectChat/styles.module.scss */
.styles_module_selectChatDialog {
  height: 100%;
}
.styles_module_selectChatDialogBody {
  display: flex;
  flex-direction: column;
  padding-bottom: 0px;
  overflow: hidden;
}
.styles_module_searchRow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  justify-content: space-between;
  padding-inline-end: 20px;
}
.styles_module_searchRow.styles_module_withAccountSwitch .select-chat-account-input {
  flex: 1;
}
.styles_module_header {
  word-break: break-all;
}
.styles_module_switchAccountButton {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 0;
  background: transparent;
  color: var(--textPrimary);
  cursor: pointer;
}
.styles_module_switchAccountText {
  line-height: 1;
  font-size: 16px;
}
.styles_module_switchAccountContainer {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
}

/* src/components/ProfileInfoHeader/styles.module.scss */
.styles_module_profileInfoHeader {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.styles_module_infoContainer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-wrap: nowrap;
  justify-content: center;
  word-break: break-word;
}
.styles_module_displayName {
  color: var(--globalText);
  font-size: x-large;
  line-height: 1.25;
  margin: 15px 0 0;
  user-select: text;
}
.styles_module_description {
  text-align: initial;
  white-space: pre-wrap;
  word-break: break-word;
}
.styles_module_address {
  color: #565656;
  margin-top: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: text;
}

/* src/components/dialogs/AddMember/styles.module.scss */
.styles_module_createChatDialogBody {
  height: 100vh;
}
.styles_module_addMemberDialogBody {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.styles_module_addMemberContactList {
  flex-grow: 1;
}
.styles_module_AddMemberChipsWrapper {
  border-bottom: solid 2px #d3d3d3;
  max-height: 33%;
  overflow-y: scroll;
  padding-inline-start: 19px;
  padding-inline-end: 30px;
}
.styles_module_AddMemberChipsWrapper .styles_module_AddMemberChips {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-inline-start: -5px;
  margin-inline-end: -5px;
}
.styles_module_AddMemberChipsWrapper .styles_module_AddMemberChips .styles_module_AddMemberChip {
  display: flex;
  width: auto;
  max-width: fit-content;
  margin: 5px;
  background-color: var(--addMemberChipBackgroundColor);
  border-radius: 25px;
  padding: 4px 5px 0px 4px;
}
.styles_module_AddMemberChipsWrapper .styles_module_AddMemberChips .styles_module_AddMemberChip .styles_module_DisplayName {
  display: flex;
  align-items: center;
  padding-inline-end: 6px;
  padding-bottom: 4px;
  margin-inline-start: 5px;
}
.styles_module_AddMemberChipsWrapper .styles_module_AddMemberChips .styles_module_AddMemberChip .styles_module_DisplayName div {
  max-width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_module_AddMemberChipsWrapper .styles_module_AddMemberChips .styles_module_AddMemberChip .styles_module_Avatar {
  height: var(--local-height);
}
.styles_module_AddMemberChipsWrapper .styles_module_AddMemberChips .styles_module_AddMemberChip .styles_module_Avatar .styles_module_content3 {
  margin: 0px !important;
}
.styles_module_AddMemberChipsWrapper .styles_module_AddMemberChips .styles_module_AddMemberChip .styles_module_removeMember {
  background-color: #777;
  border: none;
  border-radius: 15px;
  padding: 3px;
  padding-top: 2px;
  height: 18px;
  margin-top: 9px;
}
.styles_module_AddMemberChipsWrapper .styles_module_AddMemberChips .styles_module_AddMemberChip .styles_module_removeMember .styles_module_removeIcon {
  cursor: pointer;
  background-color: #fff;
}
.styles_module_AddMemberChipsWrapper .styles_module_AddMemberChips .styles_module_groupMemberSearch {
  display: flex;
  line-height: var(--local-height);
  height: var(--local-height);
  width: 90px;
  margin: 5px;
  margin-top: 8px;
}

/* src/components/dialogs/CreateChat/styles.module.scss */
.styles_module_createChatDialogBody2 {
  height: 100vh;
}

/* src/components/ImageCropper/styles.module.scss */
.styles_module_imageCropperDialogContent {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #000;
  padding-inline-start: 0;
  padding-inline-end: 0;
  margin-bottom: 20px;
}
.styles_module_imageCropperWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 500px;
}
.styles_module_imageCropperContainer {
  width: 500px;
  height: 500px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background: black;
  transform-origin: center center;
}
.styles_module_imageCropperShade {
  width: 100%;
  height: 100%;
  position: relative;
  opacity: 0.75;
  background: black;
  z-index: 1;
}
.styles_module_imageCropperCutImage {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: none;
  max-height: none;
}
.styles_module_imageCropperFullImage {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: black;
  max-width: none;
  max-height: none;
}
.styles_module_imageCropperControls {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  z-index: 10;
}
.styles_module_imageCropperControlsButton {
  display: inline;
  padding: 10px;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
}

/* src/components/LargeProfileImage/styles.module.scss */
.styles_module_largeProfileImage {
  flex: 0 0 100px;
  height: 100px;
  user-select: none;
  width: 100px;
}
.styles_module_largeProfileImageArea {
  align-items: center;
  border-radius: 100%;
  color: white;
  display: flex;
  font-size: 64px;
  height: 100px;
  justify-content: center;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  width: 100px;
}
span.styles_module_largeProfileImageArea {
  --local-avatar-color: #bcbac9;
  background-color: var(--local-avatar-color);
}
@supports (text-wrap: wrap) {
  span.styles_module_largeProfileImageArea {
    background:
      linear-gradient(
        var(--avatarGradientAngle),
        var(--local-avatar-color),
        color-mix(in srgb, var(--local-avatar-color) var(--avatarGradientMixFactor), white));
  }
}
.styles_module_largeProfileImageDefaultIcon {
  background-color: white;
}

/* src/components/ImageSelector/styles.module.scss */
.styles_module_imageSelector {
  position: relative;
}
.styles_module_imageSelectorContainer {
  display: flex;
  justify-content: center;
}
.styles_module_imageSelectorButton {
  align-items: center;
  border-radius: 50%;
  border: 0;
  bottom: 0;
  display: flex;
  height: 35px;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  width: 35px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  background-color: var(--colorPrimary);
}
.styles_module_imageSelectorIcon {
  background-color: white;
}

/* src/components/dialogs/ViewGroup/styles.module.scss */
.styles_module_topAlignedDialog {
  margin-block-start: 25px;
  margin-block-end: auto;
}
.styles_module_searchInputContainer {
  position: relative;
  display: flex;
  flex: 1;
  width: 100%;
  align-items: center;
}
.styles_module_searchInput3 {
  border: 0;
  margin: 0;
  caret-color: var(--colorPrimary);
  flex: 1;
  font-size: 14px;
  height: 30px;
  padding: 0;
  width: 100%;
  outline: none;
  background-color: transparent;
}
.styles_module_searchInputButton3 {
  align-items: center;
  background-color: transparent;
  border-radius: 10px;
  border: 0;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0;
  min-width: 30px;
  position: absolute;
  inset-inline-end: 0;
}
.styles_module_searchInputButtonIcon {
  background-color: currentcolor;
}

/* src/components/SearchInput/styles.module.scss */
.styles_module_inputAndClearButton {
  flex: 1;
  display: flex;
  align-items: center;
  margin-right: 10px;
  border-radius: 3px;
}
input.styles_module_searchInput2 {
  caret-color: var(--navBarText);
  color: var(--navBarText);
  height: 24px;
  margin-inline-end: 5px;
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  width: 100%;
}
input.styles_module_searchInput2::placeholder {
  color: var(--navBarSearchPlaceholder);
}
.styles_module_searchInputButton2 {
  align-items: center;
  background-color: transparent;
  color: var(--navBarText);
  border-radius: 10px;
  border: 0;
  display: flex;
  height: 24px;
  justify-content: center;
  padding-bottom: 0;
  padding-inline-start: 1px;
  padding-inline-end: 0;
  padding-top: 0;
  min-width: 24px;
}
.styles_module_searchInputButton2:hover {
  background-color: var(--navBarButtonHover);
}
.styles_module_searchInputButtonIcon2 {
  background-color: currentcolor;
}

/* src/components/ChatView/styles.module.scss */
.styles_module_chatAndNavbar {
  display: flex;
  flex-direction: column;
}
.styles_module_chatAndNavbar .styles_module_chatNavbar {
  height: var(--navBarHeight);
  background-color: var(--navBarBackground);
  color: var(--navBarText);
  border-bottom: var(--outlineProperties);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0px;
}
.styles_module_chatAndNavbar .styles_module_chatNavbar .styles_module_chatNavbarHeadingWrapper {
  width: 0;
  flex-grow: 1;
}
.styles_module_chatAndNavbar .styles_module_chatNavbar .navbar-heading {
  position: relative;
  width: fit-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  padding-inline-start: 5px;
  margin-inline-end: 0px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
}
.styles_module_chatAndNavbar .styles_module_chatNavbar .navbar-heading h1,
.styles_module_chatAndNavbar .styles_module_chatNavbar .navbar-heading h2,
.styles_module_chatAndNavbar .styles_module_chatNavbar .navbar-heading h3,
.styles_module_chatAndNavbar .styles_module_chatNavbar .navbar-heading h4,
.styles_module_chatAndNavbar .styles_module_chatNavbar .navbar-heading h5,
.styles_module_chatAndNavbar .styles_module_chatNavbar .navbar-heading h6 {
  font-size: inherit;
  font-weight: inherit;
  display: block;
  margin: 0;
}
.styles_module_chatAndNavbar .styles_module_chatNavbar .navbar-heading-chat-info-button {
  position: absolute;
  inset: 0;
  background-color: transparent;
  border: none;
}
.styles_module_chatAndNavbar .styles_module_chatNavbar .views {
  display: flex;
  align-items: center;
  min-height: 26px;
}
.styles_module_chatAndNavbar .styles_module_chatNavbar .navbar-button {
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 0;
  margin-inline-end: 12px;
}
.styles_module_chatAndNavbar .styles_module_chatNavbar .navbar-button:hover {
  background-color: var(--navBarButtonHover);
}
.styles_module_chatAndNavbar .styles_module_chatNavbar #three-dot-menu-button {
  height: 20px;
}
.styles_module_webxdcIcons {
  line-height: 0;
  margin-right: 12px;
}
.styles_module_webxdcIcons img.styles_module_webxdcIcon {
  width: 25px;
  height: 25px;
  cursor: pointer;
  border-radius: 3px;
}
.styles_module_webxdcIconButton {
  display: inline-block !important;
  margin: 0;
  margin-inline-end: 10px;
  padding: 0 !important;
  border-radius: 0 !important;
  line-height: 0;
}
.styles_module_webxdcIconButton:last-child {
  margin-inline-end: 0;
}

/* src/components/dialogs/SelectContact/styles.module.scss */
.styles_module_selectContactDialogBody {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.styles_module_selectContactList {
  flex-grow: 1;
}

/* src/components/EmojiPicker/styles.module.scss */
.styles_module_emojiPicker > div em-emoji-picker {
  --border-radius: 0px;
  --background-rgb: var(--picker-background-rgb);
  --rgb-background: var(--picker-background-rgb);
  --rgb-color: var(--picker-text-rgb);
  --rgb-accent: var(--picker-accent-rgb);
  --rgb-input: var(--picker-selected-input-bg-rgb);
  --color-border: var(--picker-border-and-hover-color);
  --font-family: var(--font-family);
  --color-border-over: rgba(0, 0, 0, 0);
  --shadow: none;
}
.styles_module_emojiPicker.styles_module_full > div {
  width: 100%;
  height: 100%;
}
.styles_module_emojiPicker.styles_module_full > div em-emoji-picker {
  width: 100%;
  height: 100%;
}

/* src/components/composer/styles.module.scss */
.styles_module_emojiPicker2 {
  height: 70vh;
}
.emoji-or-sticker-header-nav ~ .styles_module_emojiPicker2 {
  height: calc(70vh - 40px);
}

/* src/components/AudioPlayer/styles.module.scss */
.styles_module_audioPlayer {
  min-width: 300px;
}
.styles_module_audioPlayer::-webkit-media-controls-panel,
.styles_module_audioPlayer::-webkit-media-controls-enclosure {
  background-color: rgba(200, 200, 200, 0.3);
}

/* src/components/ReactionsBar/styles.module.scss */
@keyframes styles_module_moveUpAndFadeIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 15px, 0);
    pointer-events: none;
  }
  100% {
    opacity: 1;
    pointer-events: none;
  }
}
.styles_module_reactionsBar {
  animation: styles_module_moveUpAndFadeIn 150ms;
  background-color: var(--bp4MenuBg);
  border-radius: 25px;
  box-shadow:
    0 0 0 1px rgba(16, 22, 26, 0.1),
    0 2px 4px rgba(16, 22, 26, 0.2),
    0 8px 24px rgba(16, 22, 26, 0.2);
  display: flex;
  padding-bottom: 4px;
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  padding-top: 4px;
}
.styles_module_reactionsBarButton {
  align-items: center;
  animation: styles_module_moveUpAndFadeIn 250ms;
  background-color: transparent;
  border-radius: 50%;
  border: 0;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 40px;
}
.styles_module_reactionsBarButton ~ .styles_module_reactionsBarButton {
  margin-inline-start: 2px;
}
.styles_module_reactionsBarButton.styles_module_isFromSelf {
  background-color: var(--chatListItemBgHover);
}
.styles_module_reactionsBarButton.styles_module_showAllEmojis {
  background-color: var(--chatListItemBgHover);
  color: var(--bp4MenuText);
}
.styles_module_reactionsBarEmoji {
  font-size: 25px;
  margin-inline-start: 2px;
  margin-top: 3px;
  transition: transform cubic-bezier(0, 0, 0, 1) 200ms;
}
.styles_module_reactionsBarButton:hover .styles_module_reactionsBarEmoji {
  transform: scale(1.25) translate3d(0, -5px, 0);
}
.styles_module_showAllIcon {
  background-color: rgb(120, 120, 120);
}
.styles_module_reactionsBarPicker {
  box-shadow:
    0 0 0 1px rgba(16, 22, 26, 0.1),
    0 2px 4px rgba(16, 22, 26, 0.2),
    0 8px 24px rgba(16, 22, 26, 0.2);
}

/* src/components/AbsolutePositioningHelper/styles.module.scss */
:root {
  --emojifonts:
    "EmojiMart",
    "Apple Color Emoji",
    NotoEmoji;
  --fonts-default:
    Roboto,
    var(--emojifonts),
    "Helvetica Neue",
    Arial,
    Helvetica,
    NotoMono,
    sans-serif;
  --fonts-system: system-ui, var(--fonts-default);
}
.styles_module_absolutePositioningHelper {
  position: fixed;
  z-index: 1000;
}

/* src/components/ContactName/styles.module.scss */
.styles_module_contactName {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.styles_module_contactNameDisplay {
  font-weight: bold;
  white-space: nowrap;
}
.styles_module_contactNameTruncated {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
.styles_module_contactNameAddress {
  color: var(--contactEmailColor);
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* src/components/dialogs/ReactionsDialog/styles.module.scss */
.styles_module_reactionsDialogList {
  margin: 0;
  margin-bottom: 1rem;
}
.styles_module_reactionsDialogListItem {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  text-align: inherit;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
}
.styles_module_reactionsDialogListClickable:hover,
.styles_module_reactionsDialogListClickable:focus {
  background-color: var(--chatListItemBgHover);
}
.styles_module_reactionsDialogAvatar {
  flex: 0 0 48px;
  margin-inline: 10px;
}
.styles_module_reactionsDialogContactName {
  flex: 1;
  margin-inline-end: 10px;
  overflow: hidden;
}
.styles_module_reactionsDialogEmoji {
  flex: 0 0 50px;
  font-size: 20px;
  text-align: center;
}

/* src/components/Reactions/styles.module.scss */
.styles_module_reactions {
  cursor: pointer;
  margin-inline-end: 10px;
  position: relative;
  line-height: 1;
  top: 16px;
}
.styles_module_emoji {
  background-color: var(--messageIncomingBg);
  border-radius: 24px;
  border: solid 1px rgba(100, 100, 100, 0.3);
  font-size: 16px;
  padding: 2px 6px;
}
.styles_module_emoji ~ .styles_module_emoji {
  margin-inline-start: 2px;
}
.styles_module_emoji.styles_module_isFromSelf2 {
  background-color: var(--messageOutgoingBg);
}
.styles_module_emoji.styles_module_showMore {
  color: var(--messageText);
}
.styles_module_emoji.styles_module_showMore::after {
  content: "\22ef";
  display: inline-block;
  position: relative;
  top: 1px;
}
.styles_module_emojiCount {
  bottom: 1px;
  color: var(--messageText);
  font-size: 12px;
  margin-inline-start: 3px;
  margin-inline-end: 1px;
  position: relative;
}
.styles_module_openReactionsListDialogButton {
  position: absolute;
  inset: 0;
  border: none;
  background: transparent;
}

/* src/components/ShortcutMenu/styles.module.scss */
.styles_module_shortcutMenu {
  align-items: center;
  display: flex;
  flex: 0 0 var(--shortcut-menu-width, 65px);
  column-gap: 4px;
  justify-content: space-between;
  width: var(--shortcut-menu-width, 65px);
  visibility: var(--shortcut-menu-visibility);
  opacity: var(--shortcut-menu-multiplier);
  transition-duration: 50ms;
  transition-timing-function: ease-out;
  transition-property: visibility, opacity;
}
.styles_module_shortcutMenu.styles_module_incoming {
  flex-direction: row;
  margin-inline-start: 10px;
}
.styles_module_shortcutMenu.styles_module_outgoing {
  flex-direction: row-reverse;
  margin-inline-end: 10px;
}
.styles_module_shortcutMenuButton {
  opacity: 0.6;
  background-color: var(--chatViewBg);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  margin: 0;
  padding: 5px;
}
.styles_module_shortcutMenuIcon {
  background-color: var(--contextMenuText);
  display: block;
  height: 20px;
  width: 20px;
}
.styles_module_originalMessageButton {
  background-color: var(--showInChatButtonBg);
  border-radius: 100%;
  height: 40px;
  width: 40px;
  border: none;
  position: relative;
  padding: 0;
  cursor: pointer;
}
.styles_module_originalMessageIcon {
  mask-image: url(./images/icons/chevron-right.svg);
  -webkit-mask: url(./images/icons/chevron-right.svg) no-repeat center;
  mask-size: 100%;
  -webkit-mask-size: 100%;
  width: 40px;
  height: 40px;
  background-color: var(--buttonPrimaryText);
  margin-inline-start: 2px;
}

/* src/components/message/styles.module.scss */
.styles_module_messageFooter {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  white-space: nowrap;
}
.styles_module_messageFooter.styles_module_onlyMedia {
  bottom: 5px;
  inset-inline-start: 0;
  margin-inline-start: 10px;
  position: absolute;
  inset-inline-end: 5px;
  pointer-events: none;
}
.styles_module_messageFooter.styles_module_onlyMedia * {
  pointer-events: initial;
}
.styles_module_startWebxdcButton {
  font-size: 14px;
  margin: 10px 0;
  padding-bottom: 6px;
  padding-inline-start: 13px;
  padding-inline-end: 13px;
  padding-top: 7px;
}
.styles_module_vcard {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  text-align: inherit;
  display: flex;
  background-color: rgba(0, 0, 0, 0.1333333333);
  border-radius: 10px;
  padding: 9px;
  padding-top: 0;
  padding-inline-end: 15px;
  min-width: 200px;
  max-width: 260px;
}
.styles_module_vcard .styles_module_avatar3 {
  margin-bottom: 0;
}
.styles_module_vcard .styles_module_contactInfo {
  display: flex;
  flex-direction: column;
  padding-inline-start: 10px;
  justify-content: center;
  min-width: 0;
}
.styles_module_vcard .styles_module_displayName2 {
  margin-bottom: 0;
  margin-top: 10px;
  font-weight: 200;
  font-size: medium;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* src/components/Callout/styles.module.scss */
.styles_module_callout {
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 14px;
  padding: 10px 30px;
  max-height: 55vh;
  overflow-y: auto;
}

/* src/components/dialogs/MessageDetail/styles.module.scss */
.styles_module_dialogHeader2 {
  padding-bottom: 10px;
}
.styles_module_doubleCheckmarkIcon {
  height: 1.5em;
  width: 2.25em;
  mask: url(./images/read.svg) no-repeat center;
  mask-size: 1.5em;
  background-color: var(--messageStatusIcon);
}
.styles_module_formattedMessageInfo {
  margin: 10px;
  font-size: 0.95em;
  padding: 5px 0px;
}
.styles_module_infoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 2px 20px;
}
.styles_module_infoLabel {
  min-width: 200px;
  flex-shrink: 0;
}
.styles_module_infoValue {
  text-align: right;
  flex-shrink: 0;
}
.styles_module_readByHeader {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 20px;
}
.styles_module_readReceiptFormatted {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 20px);
  background: none;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 6px;
  font: inherit;
  color: inherit;
  text-align: start;
  margin-left: 10px;
}
.styles_module_readReceiptFormatted:hover {
  background-color: var(--chatListItemBgHover);
}
.styles_module_readReceiptLeft {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.styles_module_contactName2 {
  font-weight: normal;
}

/* src/components/AppPicker/styles.module.scss */
:root {
  --emojifonts:
    "EmojiMart",
    "Apple Color Emoji",
    NotoEmoji;
  --fonts-default:
    Roboto,
    var(--emojifonts),
    "Helvetica Neue",
    Arial,
    Helvetica,
    NotoMono,
    sans-serif;
  --fonts-system: system-ui, var(--fonts-default);
}
.styles_module_appPickerContainer {
  position: absolute;
  z-index: 10;
  width: 56%;
  max-width: 640px;
  height: 70vh;
  margin-inline-start: 8px;
  bottom: 50px;
  background-color: var(--bgPrimary);
  border-radius: var(--picker-BorderRadius);
  overflow: hidden;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.0901960784);
}
@media (max-width: 900px) {
  .styles_module_appPickerContainer {
    width: 50%;
  }
}
@media (max-width: 720px) {
  .styles_module_appPickerContainer {
    width: calc(100% - 18px);
    min-width: 300px;
  }
}
.styles_module_appPicker {
  position: relative;
}
.styles_module_appPickerList {
  flex-wrap: wrap;
  gap: 6px;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(70vh - 70px);
  padding: 8px 0 32px 8px;
}
.styles_module_appListItem {
  width: 300px;
  height: 76px;
  border-radius: 8px;
  cursor: pointer;
  background: none;
  border: none;
  color: var(--picker-text-rgb);
  text-align: left;
  outline: none;
}
.styles_module_appListItem:hover,
.styles_module_appListItem:focus {
  background-color: var(--picker-border-and-hover-color);
}
.styles_module_appItem {
  display: flex;
  align-items: center;
  color: var(--picker-text-rgb);
  text-align: left;
}
.styles_module_searchInput {
  color: var(--picker-text-rgb);
  width: 100%;
  padding: 10px;
  background: var(--bgPrimary);
  border: none;
  border-bottom: 1px solid var(--picker-border-and-hover-color);
  font-size: 14px;
}
.styles_module_searchInput:focus,
.styles_module_searchInput:active {
  outline: none;
}
.styles_module_searchInputButton {
  position: absolute;
  top: 2px;
  right: 0;
}
.styles_module_searchInputButton.styles_module_searchInputButton {
  color: var(--picker-text-rgb);
}
.styles_module_appIcon {
  width: 64px;
  height: 64px;
  margin-inline-end: 16px;
  border-radius: 5px;
}
.styles_module_appInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.styles_module_appInfo p {
  margin: 2px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_module_appInfo button {
  border: none;
  background: none;
  color: var(--globalLinkColor);
  text-align: left;
  margin: 2px 0;
  padding: 0;
}
.styles_module_appListItem .styles_module_appInfo {
  width: 208px;
}
.styles_module_appDetails p {
  margin: 8px 0;
}
.styles_module_appDetails p span {
  font-weight: bold;
}
.styles_module_appDescription {
  margin: 12px 0;
  line-height: 20px;
}
.styles_module_appDownloadingStatus {
  min-width: 100px;
  padding: 8px 12px;
  margin: 10px 0;
}
.styles_module_appName {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_module_appAuthor {
  color: #808080;
}
.styles_module_tabBar {
  position: sticky;
  bottom: 0px;
  display: flex;
  width: 100%;
  background: var(--bgPrimary);
  border-top: 1px solid var(--picker-border-and-hover-color);
}
.styles_module_tabBar button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--picker-text-rgb);
  flex-grow: 1;
  padding: 8px;
  border: none;
  border-right: 1px solid var(--picker-border-and-hover-color);
  background: var(--bgPrimary);
  cursor: pointer;
}
.styles_module_tabBar button.styles_module_activeTab {
  font-weight: bold;
  background-color: var(--picker-border-and-hover-color);
}
.styles_module_tabBar button:last-child {
  border-right: none;
}
.styles_module_tabBar button:hover {
  background-color: var(--picker-border-and-hover-color);
}
.styles_module_category {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_module_categoryIcon {
  width: 36px;
  height: 36px;
  margin: auto;
}
.styles_module_categoryTitle {
  padding: 6px 0;
}

/* src/components/AudioRecorder/styles.module.scss */
.styles_module_microphoneButton {
  height: 40px;
  width: 40px;
  padding-inline-start: 6px;
  padding-bottom: 8px;
  background-color: var(--composerBg);
  border: none;
}
.styles_module_microphoneButton span {
  display: block;
  width: 25px;
  height: 25px;
  margin-top: 7.5px;
  -webkit-mask-image: url(./images/microphone.svg);
  -webkit-mask-size: contain;
  background-color: var(--composerPlaceholderText);
}
.styles_module_microphoneButton span:hover {
  background-color: var(--buttonSecondaryText);
}
.styles_module_audioRecorder {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: stretch;
  flex-grow: 1;
  margin-inline-start: 10px;
}
.styles_module_audioRecorder p {
  margin: 12px 0 0 3px;
}
.styles_module_audioRecorder .styles_module_microphoneButton span {
  animation: styles_module_pulse 1.5s infinite ease-in-out;
}
@keyframes styles_module_pulse {
  0% {
    background-color: rgba(235, 76, 76, 0.3450980392);
  }
  50% {
    background-color: #d70b0b;
  }
  100% {
    background-color: rgba(235, 76, 76, 0.3450980392);
  }
}
.styles_module_audioRecorder button:not(.styles_module_microphoneButton) {
  padding: 4px;
  height: 32px;
  margin-top: 4px;
  width: 85px;
  border-radius: 5px;
  border: none;
  margin-inline-start: 16px;
}
.styles_module_audioRecorder button:not(.styles_module_microphoneButton).styles_module_stopRecording {
  background-color: var(--buttonPrimaryBackground);
  color: #fff;
  margin-inline-end: 40px;
}
.styles_module_audioRecorder button:not(.styles_module_microphoneButton).styles_module_stopRecording:hover {
  background-color: var(--buttonPrimaryHover);
}
.styles_module_audioRecorder button:not(.styles_module_microphoneButton).styles_module_cancel {
  background-color: var(--buttonSecondaryBackground);
  color: var(--buttonSecondaryText);
  border: 1px solid #ccc;
}
.styles_module_audioRecorder button:not(.styles_module_microphoneButton).styles_module_cancel:hover {
  background-color: var(--buttonSecondaryHover);
}
.styles_module_timer {
  margin-top: 12px;
}
.styles_module_volumeBarContainer {
  flex: 1;
  padding-inline-end: 10px;
}
.styles_module_volumeBarContainer .styles_module_volumeBar {
  display: flex;
  position: relative;
  display: flex;
  margin: 15px 20px 0 15px;
  height: 12px;
  width: 100%;
  max-width: 250px;
  min-width: 60px;
}
.styles_module_volumeBarContainer .styles_module_volumeBar .styles_module_mask {
  display: flex;
  width: 100%;
  z-index: 10;
  height: 12px;
  position: absolute;
  left: 0;
}
.styles_module_volumeBarContainer .styles_module_volumeBar .styles_module_mask .styles_module_step {
  display: flex;
  width: 10%;
  height: 10px;
  border-left: 1px solid #bbb;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}
.styles_module_volumeBarContainer .styles_module_volumeBar .styles_module_mask .styles_module_step:last-child {
  border-right: 1px solid #bbb;
}
.styles_module_volumeBarContainer .styles_module_volumeBar .styles_module_level {
  width: 100%;
  background-color: var(--composerBg);
  height: 10px;
  position: absolute;
  right: 0;
  z-index: 5;
}
.styles_module_volumeBarContainer .styles_module_volumeBar .styles_module_colorBackground {
  width: 100%;
  background: none;
  background:
    linear-gradient(
      to right,
      rgb(52, 237, 52),
      rgb(52, 237, 52) 50%,
      orange 75%,
      red 90%);
  height: 10px;
  position: absolute;
}
@media (max-width: 400px) {
  .styles_module_volumeBarContainer .styles_module_volumeBar {
    display: none;
  }
}

/* src/components/dialogs/MediaView/styles.module.scss */
.styles_module_mediaViewDialog {
  max-width: 90vw !important;
  width: 90vw !important;
  height: 90vh;
}
.styles_module_mediaViewDialogBody {
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.styles_module_mediaViewDialogBody div:has(> .item) {
  margin-bottom: 10px;
}

/* src/components/dialogs/Log/styles.module.scss */
.styles_module_dialogBody2 {
  display: flex;
}
.styles_module_dialogContent2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
}
.styles_module_dialogContent2 textarea {
  font-family: "monospace";
  flex-grow: 1;
}

/* src/components/dialogs/About/styles.module.scss */
.styles_module_aboutContent {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.styles_module_aboutContent img {
  width: 40%;
}
.styles_module_appName2 {
  margin-bottom: 15px;
}

/* src/components/dialogs/EditProfileDialog/styles.module.scss */
.styles_module_editProfileDialog {
  margin-bottom: 20px;
}
.styles_module_editProfileHint {
  margin: 10px 0;
  color: var(--textLessContrast);
}

/* src/components/dialogs/CommandPalette/styles.module.scss */
.styles_module_commandPalette {
  display: flex;
  flex-direction: column;
  height: min(560px, 75vh);
  max-height: 75vh;
  overflow: hidden;
}
.styles_module_searchRow2 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-block-end: 1px solid var(--separatorColor);
}
.styles_module_searchIcon {
  flex: none;
  opacity: 0.5;
}
.styles_module_hint {
  flex: none;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75em;
  white-space: nowrap;
  opacity: 0.5;
}
.styles_module_hintKey {
  padding: 0 5px;
  border-radius: 4px;
  font-family: monospace;
  background-color: var(--chatListItemBgPinned);
}
.styles_module_crumb {
  display: flex;
  align-items: center;
  gap: 5px;
  flex: none;
  max-width: 30%;
  font-weight: 500;
}
.styles_module_crumb .avatar.small {
  --local-avatar-size: 20px;
  --local-avatar-font-size: 12px;
}
.styles_module_crumbLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_module_crumbSep {
  opacity: 0.4;
  margin-inline-start: 2px;
}
.styles_module_filterCrumb {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: none;
  padding: 2px 4px 2px 8px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 0.9em;
  background-color: var(--chatListItemBgPinned);
}
.styles_module_crumbRemove {
  display: flex;
  align-items: center;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 0;
  opacity: 0.6;
}
.styles_module_crumbRemove:hover {
  opacity: 1;
}
input.styles_module_searchInput4 {
  flex: 1;
  min-width: 80px;
  box-sizing: border-box;
  border: none;
  background: transparent;
  font-size: 1em;
}
.styles_module_clearButton {
  flex: none;
  display: flex;
  align-items: center;
  border: none;
  background: transparent;
  cursor: pointer;
  opacity: 0.6;
  padding: 2px;
}
.styles_module_clearButton:hover {
  opacity: 1;
}
.styles_module_list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-block: 6px;
}
.styles_module_sectionHeader {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px 2px;
  font-size: 0.75em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.5;
}
.styles_module_item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 16px;
  border: none;
  background: transparent;
  color: inherit;
  text-align: start;
  cursor: pointer;
}
.styles_module_itemActive {
  background-color: var(--chatListItemBgPinned);
}
.styles_module_itemActive .styles_module_dimmed {
  opacity: 0.85;
}
.styles_module_itemIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 32px;
  block-size: 32px;
  flex: none;
  opacity: 0.7;
}
.styles_module_accountAvatar.avatar .content {
  border-radius: 10%;
}
.styles_module_itemText {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.styles_module_tabHint {
  flex: none;
  margin-inline-start: 8px;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.75em;
  white-space: nowrap;
  border: 1px solid #888;
}
.styles_module_freshMessageCounter {
  flex: none;
  margin-inline-start: 8px;
  color: var(--unreadCountLabel);
  background-color: var(--unreadCountBg);
  text-align: center;
  font-size: 9pt;
  height: 20px;
  padding: 0 5pt;
  line-height: 20px;
  border-radius: 10px;
  font-weight: bold;
}
.styles_module_freshMessageCounterMuted {
  background-color: var(--unreadCountBgMuted);
}
.styles_module_itemLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_module_itemSubtitle {
  font-size: 0.85em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_module_dimmed {
  opacity: 0.6;
}
.styles_module_empty {
  padding: 24px 16px;
  text-align: center;
  opacity: 0.6;
}

/* src/components/GlobalVoiceMessagePlayer/styles.module.scss */
.styles_module_root {
  display: grid;
  grid-template-columns: auto min-content;
  background-color: var(--accountSidebarBg);
  border-left: 1px solid var(--accountSidebarInnerBorderColor);
  color-scheme: dark;
}
.styles_module_audioElContainer {
  line-height: 0;
}
.styles_module_audioElContainer audio {
  width: 100%;
}
.styles_module_audioElContainer audio::-webkit-media-controls-enclosure {
  border-radius: 0;
  background: transparent;
}
.styles_module_audioElContainer audio::-webkit-media-controls-panel {
  padding-right: 0;
}
.styles_module_closeButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  text-align: inherit;
  border-radius: 9999999px;
  padding: 0.5rem;
  line-height: 0;
  align-self: center;
}
.styles_module_closeButton .styles_module_closeButtonIcon {
  vertical-align: middle;
  background-color: var(--accountSidebarIconColor);
}

/* src/components/ImageBackdrop/styles.module.scss */
.styles_module_imageBackdrop {
  background-size: cover;
  height: 100%;
  width: 100%;
}
.styles_module_imageBackdrop.styles_module_welcome {
  background-image: url(./images/backgrounds/petito-moreno.webp);
}
.styles_module_imageBackdrop.styles_module_deletion {
  background-image: url(./images/account_deletion_background.jpg);
}

/* src/components/screens/WelcomeScreen/styles.module.scss */
.styles_module_welcomeScreenBody {
  padding-bottom: 20px;
}
.styles_module_inputError {
  color: var(--colorDanger);
}
.styles_module_welcomeScreenSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}
.styles_module_welcomeScreenSection .styles_module_welcomeScreenImage {
  width: 100%;
}
.styles_module_welcomeScreenSection .styles_module_welcomeScreenTitle {
  color: var(--colorNone);
  font-size: x-large;
  margin-bottom: 0px;
  margin-top: 10px;
}
@media (max-height: 720px) {
  .styles_module_welcomeScreenSection {
    margin-bottom: 15px;
  }
  .styles_module_welcomeScreenSection .styles_module_welcomeScreenImage {
    width: 30vh;
  }
  .styles_module_welcomeScreenSection .styles_module_welcomeScreenTitle {
    margin-top: 8px;
  }
}
.styles_module_welcomeScreenButtonGroup {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
@media (max-height: 720px) {
  .styles_module_welcomeScreenButtonGroup {
    margin-top: 20px;
  }
}
.styles_module_welcomeScreenButton {
  letter-spacing: 0.25px;
  margin: 7px 0;
  width: 100%;
}
.styles_module_instantOnboardingAgreement {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
  width: 100%;
}
.styles_module_openExternalIcon {
  background-color: var(--buttonSecondaryText);
  margin-inline-start: 0.2em;
}

/* src/components/AccountListSidebar/styles.module.scss */
:root {
  --emojifonts:
    "EmojiMart",
    "Apple Color Emoji",
    NotoEmoji;
  --fonts-default:
    Roboto,
    var(--emojifonts),
    "Helvetica Neue",
    Arial,
    Helvetica,
    NotoMono,
    sans-serif;
  --fonts-system: system-ui, var(--fonts-default);
}
.styles_module_avatar {
  --local-avatar-size: 48px;
  --local-avatar-vertical-margin: 8px;
  --local-avatar-font-size: 26px;
  display: inline-block;
  font-weight: normal;
  height: var(--local-avatar-size);
  margin: var(--local-avatar-vertical-margin) 0;
  position: relative;
  user-select: none;
  width: var(--local-avatar-size);
}
.styles_module_avatar div.styles_module_content,
.styles_module_avatar img.styles_module_content {
  height: var(--local-avatar-size);
  width: var(--local-avatar-size);
  border-radius: 100%;
  pointer-events: none;
}
.styles_module_avatar div.styles_module_content {
  background-color: #505050;
  color: var(--avatarLabelColor);
  font-size: var(--local-avatar-font-size);
  line-height: var(--local-avatar-size);
  object-fit: cover;
  text-align: center;
}
.styles_module_avatar img.styles_module_content {
  object-fit: cover;
}
.styles_module_accountListSidebar {
  background-color: var(--accountSidebarBg);
  display: flex;
  flex-direction: column;
  min-width: 76px;
  overflow: hidden;
  padding-top: 4px;
}
.styles_module_accountListSidebar .styles_module_accountListNav {
  flex-grow: 1;
  overflow-y: scroll;
  scrollbar-width: none;
}
.styles_module_accountListSidebar .styles_module_accountListNav::-webkit-scrollbar {
  width: 0;
}
.styles_module_accountListSidebar .styles_module_accountListNav .styles_module_accountList {
  --als-avatar-size: 48px;
  --als-avatar-margin: 7px;
  --als-active-indicator-color: white;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 2px;
}
.styles_module_accountListSidebar .styles_module_accountListNav .styles_module_accountList li:has(.styles_module_accountWrapper.styles_module_isSticky) {
  position: sticky;
  bottom: 0;
  top: 0;
  z-index: 1;
}
.styles_module_accountListSidebar .styles_module_accountWrapper {
  margin-bottom: var(--als-avatar-margin);
  margin-top: var(--als-avatar-margin);
}
.styles_module_accountListSidebar .styles_module_accountWrapper.styles_module_isSticky .styles_module_account .styles_module_avatar {
  opacity: 1;
}
.styles_module_accountListSidebar .styles_module_accountWrapper.styles_module_isSticky .styles_module_account .styles_module_avatar .styles_module_content {
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2509803922);
}
.styles_module_accountListSidebar .styles_module_account {
  display: block;
  border: none;
  background: none;
  padding: 0;
  text-align: start;
  height: var(--als-avatar-size);
  scroll-margin-bottom: calc(3 * var(--als-avatar-margin) + var(--als-avatar-size));
  scroll-margin-top: calc(3 * var(--als-avatar-margin) + var(--als-avatar-size));
  position: relative;
  z-index: 0;
}
.styles_module_accountListSidebar .styles_module_account .styles_module_avatar {
  --local-avatar-size: var(--als-avatar-size);
  --local-avatar-vertical-margin: 0;
  opacity: 0.7;
  transition: opacity ease-in 200ms;
}
.styles_module_accountListSidebar .styles_module_account .styles_module_avatar div.styles_module_content,
.styles_module_accountListSidebar .styles_module_account .styles_module_avatar img.styles_module_content {
  border-radius: 10%;
}
.styles_module_accountListSidebar .styles_module_account.styles_module_active .styles_module_avatar::before,
.styles_module_accountListSidebar .styles_module_account:hover .styles_module_avatar::before,
.styles_module_accountListSidebar .styles_module_account.styles_module_context-menu-active .styles_module_avatar::before {
  --als-active-indicator-height: 15px;
  background: var(--als-active-indicator-color);
  border-radius: 20px;
  content: " ";
  height: var(--als-active-indicator-height);
  margin-inline-start: -18px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: calc(var(--als-avatar-size) / 2 - var(--als-active-indicator-height) / 2);
  width: 10px;
}
.styles_module_accountListSidebar .styles_module_account.styles_module_active .styles_module_avatar,
.styles_module_accountListSidebar .styles_module_account:hover .styles_module_avatar,
.styles_module_accountListSidebar .styles_module_account.styles_module_context-menu-active .styles_module_avatar {
  opacity: 1;
}
.styles_module_accountListSidebar .styles_module_account.styles_module_active .styles_module_avatar::before,
.styles_module_accountListSidebar .styles_module_account.styles_module_context-menu-active .styles_module_avatar::before {
  --als-active-indicator-height: 36px;
}
.styles_module_accountListSidebar .styles_module_account.styles_module_contextMenuActive .styles_module_avatar::before {
  --als-active-indicator-height: 10px;
  opacity: 0.7;
}
.styles_module_accountListSidebar .styles_module_addButton {
  background: none;
  border-radius: 10%;
  border: 1.3pt solid var(--accountSidebarIconColor);
  color: var(--accountSidebarIconColor);
  font-size: 22px;
  margin-bottom: var(--als-avatar-margin);
  margin-top: var(--als-avatar-margin);
  min-height: var(--als-avatar-size);
  min-width: var(--als-avatar-size);
}
.styles_module_accountListSidebar .styles_module_addButton:hover {
  color: var(--accountSidebarBg);
  background: var(--accountSidebarIconColorHover);
  opacity: 0.7;
}
.styles_module_accountListSidebar .styles_module_settingsButton2 {
  background-color: transparent;
  border: 0;
  height: 42px;
  margin: 0;
  padding: 0;
  width: 42px;
}
.styles_module_accountListSidebar .styles_module_settingsButton2 .styles_module_settingsButtonIcon {
  background-color: var(--accountSidebarIconColor);
}
.styles_module_accountListSidebar .styles_module_settingsButton2:hover .styles_module_settingsButtonIcon {
  background-color: var(--accountSidebarIconColorHover);
}
.styles_module_macOSTrafficLightBackground {
  height: 30px;
  flex-shrink: 0;
  margin-bottom: -10px;
}
.styles_module_buttonsContainer3 {
  align-items: center;
  border-top: 1px var(--accountSidebarInnerBorderColor) solid;
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
.styles_module_accountBadge {
  bottom: -6px;
  pointer-events: none;
  position: absolute;
  inset-inline-end: -5px;
  z-index: 1;
}
.styles_module_accountBadgeIcon {
  background-color: var(--unreadCountBg);
  border-radius: 10px;
  color: var(--unreadCountLabel);
  font-size: 9pt;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  padding: 0 4pt;
  text-align: center;
}
.styles_module_accountBadgeIcon.styles_module_bgSyncDisabled {
  background-color: grey;
  padding: 0 3pt;
}
.styles_module_accountBadgeIcon.styles_module_muted {
  background-color: grey;
}
.styles_module_accountMutedIconShadow {
  filter: drop-shadow(0 0 2px black);
  inset-inline-start: 2px;
  pointer-events: none;
  position: absolute;
  top: 2px;
}
.styles_module_accountMutedIcon {
  background-color: white;
}
.styles_module_accountHoverInfoContainer {
  position: absolute;
  z-index: 200;
}
.styles_module_accountHoverInfo {
  background-color: rgb(22, 22, 22);
  border-radius: 4px;
  color: white;
  display: flex;
  flex-direction: column;
  left: 60px;
  padding: 8px;
  top: var(--als-avatar-margin);
}
.styles_module_hoverInfoProperty {
  font-size: smaller;
  color: rgb(180, 180, 180);
}
.styles_module_connectivityDot {
  background-color: lightgray;
  border-radius: 100%;
  display: inline-block;
  line-height: 1em;
  margin-inline: 0.15em;
  min-height: 0.7em;
  min-width: 0.7em;
}
.styles_module_hoverInfoMuteIcon {
  background-color: white;
  position: relative;
  top: 2px;
}
.styles_module_hoverInfoDisabledIcon {
  display: inline-block;
  text-align: center;
  width: 1em;
}
.styles_module_dragging {
  opacity: 0.5;
  transform: scale(0.95);
  transition: all 0.2s ease;
}
.styles_module_dragOverTop,
.styles_module_dragOverBottom {
  position: relative;
}
.styles_module_dragOverTop::before,
.styles_module_dragOverBottom::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--colorPrimary);
  z-index: 10;
  border-radius: 1px;
}
.styles_module_dragOverTop::before {
  top: -2px;
}
.styles_module_dragOverBottom::before {
  bottom: -2px;
}

/* src/components/screens/NoAccountSelectedScreen/styles.module.scss */
.styles_module_noAccountSelectedScreen {
  flex-grow: 1;
}
.styles_module_background {
  background-size: cover;
  background-image: url(./images/backgrounds/petito-moreno.webp);
  height: 100vh;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_module_infoBox {
  display: inline-block;
  text-align: center;
  padding: 7px 14px;
  padding-bottom: 5px;
  background-color: rgba(0, 0, 0, 0.5490196078);
  border-radius: 20px;
  opacity: 0.9;
  color: white;
}

/* src/components/screens/AccountDeletionScreen/styles.module.scss */
.styles_module_AccountDeletionScreen {
  flex-grow: 1;
}
.styles_module_avatar2 {
  --local-avatar-size: 55px;
  --local-avatar-font-size: 37px;
  position: relative;
  user-select: none;
  display: inline-block;
  font-weight: normal;
  height: var(--local-avatar-size);
  width: var(--local-avatar-size);
  margin: 0 0;
}
.styles_module_avatar2 div.styles_module_content2,
.styles_module_avatar2 img.styles_module_content2 {
  height: var(--local-avatar-size);
  width: var(--local-avatar-size);
  border-radius: 10%;
  pointer-events: none;
}
.styles_module_avatar2 div.styles_module_content2 {
  background-color: #505050;
  line-height: var(--local-avatar-size);
  object-fit: cover;
  color: var(--avatarLabelColor);
  text-align: center;
  font-size: var(--local-avatar-font-size);
}
.styles_module_avatar2 img.styles_module_content2 {
  object-fit: cover;
}
.styles_module_accountCard {
  display: flex;
  background: var(--bp4DialogBgSecondary);
  border-radius: 4px;
  padding: 8px;
  margin: 8px;
}
.styles_module_accountName {
  display: flex;
  flex-direction: column;
  margin-inline-start: 8px;
  justify-content: center;
  min-width: 0;
  word-wrap: break-word;
}
.styles_module_accountSize {
  font-size: smaller;
  color: var(--textSecondary);
}
/*# sourceMappingURL=bundle.css.map */