@charset "UTF-8";
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-BoldItalic.woff2");
  font-weight: bolder;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-Bold.woff2");
  font-weight: bolder;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-SemiBoldItalic.woff2");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-Italic.woff2");
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-SemiBold.woff2");
  font-weight: bold;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-Medium.woff2");
  font-weight: 500;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-Regular.woff2");
}
@font-face {
  font-family: "Parisienne";
  src: url("../fonts/stories/Parisienne-Regular.ttf");
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/stories/BarlowCondensed-Medium.ttf");
}
@font-face {
  font-family: "EB Garamond";
  src: url("../fonts/stories/EBGaramond-Regular.ttf");
}
@font-face {
  font-family: "Hatsuishi";
  src: url("../fonts/stories/Hatsuishi-Regular.woff2");
}
@keyframes search-results-loading-pulsating-background-animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.55;
  }
  100% {
    opacity: 1;
  }
}
html {
  height: 100%;
  cursor: inherit;
}
html body.dark-theme {
  color-scheme: dark;
}

body {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
  color: #1b1b1b;
  font-family:
    Inter,
    "Source Sans Pro",
    "Source Han Sans",
    -apple-system,
    system-ui,
    "Segoe UI",
    "Noto Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  /* Japanese */
  /* Farsi (Persian) */
  /* Urdu */
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
}
body:lang(ja) {
  font-family: Inter, "SF Pro", "SF Pro JP", "BIZ UDGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ,
    Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body:lang(fa) {
  font-family:
    "Vazirmatn",
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Tahoma,
    "Noto Sans Arabic",
    Helvetica,
    Arial,
    sans-serif;
}
body:lang(ur) {
  font-family: "Noto Nastaliq Urdu", Gulzar, "Jameel Noori Nastaleeq", "Faiz Lahori Nastaleeq", "Urdu Typesetting",
    Helvetica, Arial, sans-serif;
}
body.light-theme {
  background-color: #ffffff;
  color: #1b1b1b;
}
body.dark-theme {
  background-color: #121212;
  color: #e9e9e9;
}
body.is-resizing-left-pane {
  cursor: col-resize;
}

input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
}

[contenteditable] {
  -webkit-user-modify: read-write-plaintext-only;
}

:dir(ltr) > [dir="auto"]:is(input[value=""], input:not([value]), :not(input):empty, :has(> br:only-child)) {
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  direction: ltr;
}
:dir(rtl) > [dir="auto"]:is(input[value=""], input:not([value]), :not(input):empty, :has(> br:only-child)) {
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  direction: rtl;
}

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

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

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  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;
  inset-inline: 0;
  bottom: 0;
  opacity: 0.25;
  z-index: 99;
  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;
  -webkit-app-region: no-drag;
}

button.grey {
  border-radius: 5px;
  border: solid 1px #b9b9b9;
  cursor: pointer;
  margin-block: 1em;
  margin-inline: 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;
}

.dark-theme a {
  color: #e9e9e9;
}

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

.x {
  display: inline-block;
  float: inline-end;
  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/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .x:before {
    background-color: WindowText;
  }
}

@keyframes loading {
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.app-migration-screen {
  display: flex;
  flex-direction: column;
}

.app-loading-screen {
  z-index: 9000;
  position: absolute;
  inset-inline: 0;
  top: 0;
  bottom: 0;
  padding-block: 0;
  padding-inline: 16px;
  /* Note: background-color is intentionally transparent until body has the
   *       theme class.
   */
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.light-theme .app-loading-screen {
  background-color: #3a76f0;
}
.dark-theme .app-loading-screen {
  background-color: #121212;
}
.app-loading-screen .dot-container {
  display: flex;
  gap: 7px;
  margin-block: 6px 22px;
  margin-inline: 0;
}
.app-loading-screen .dot-container .dot {
  width: 14px;
  height: 14px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  float: inline-start;
  margin-block: 0;
  margin-inline: 6px;
  transform: scale(0);
  animation: loading 1500ms ease infinite 0ms;
}
.app-loading-screen .dot-container .dot:nth-child(2) {
  animation: loading 1500ms ease infinite 333ms;
}
.app-loading-screen .dot-container .dot:nth-child(3) {
  animation: loading 1500ms ease infinite 666ms;
}
.app-loading-screen__progress--container {
  animation: fade-in 150ms ease 1 0ms;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  height: 4px;
  max-width: 400px;
  overflow: hidden;
  width: 100%;
  margin-block: 12px 26px;
  margin-inline: 0;
}
.app-loading-screen__progress--bar {
  background: #ffffff;
  border-radius: 2px;
  display: block;
  height: 100%;
  width: 100%;
  transition: transform 500ms linear;
}
.app-loading-screen__progress--bar:dir(ltr) {
  transform: translateX(-100%);
}
.app-loading-screen__progress--bar:dir(rtl) {
  transform: translateX(100%);
}
.app-loading-screen .message {
  animation: fade-in 150ms ease 1 0ms;
  max-width: 35em;
}
.app-loading-screen .message-placeholder {
  height: 20px;
}

.full-screen-flow {
  position: absolute;
  inset-inline: 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: 99;
}
.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 .header {
  font-weight: normal;
  line-height: 1em;
  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: start;
  margin-inline: auto;
}
.full-screen-flow .body-text-wide {
  max-width: 30em;
  text-align: start;
  margin-inline: auto;
}
.full-screen-flow form {
  height: 100%;
  width: 100%;
}
.full-screen-flow .step {
  height: 100%;
  width: 100%;
  padding-block: 70px 50px;
  padding-inline: 0;
}
.full-screen-flow .step-body {
  margin-inline: 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;
}
@media (forced-colors: active) {
  .full-screen-flow .banner-icon.check-circle-outline {
    background-color: WindowText;
  }
}
.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;
}
@media (forced-colors: active) {
  .full-screen-flow .banner-icon.alert-outline {
    background-color: WindowText;
  }
}
.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;
}
@media (forced-colors: active) {
  .full-screen-flow .banner-icon.folder-outline {
    background-color: WindowText;
  }
}
.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;
}
@media (forced-colors: active) {
  .full-screen-flow .banner-icon.import {
    background-color: WindowText;
  }
}
.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;
}
@media (forced-colors: active) {
  .full-screen-flow .banner-icon.lead-pencil {
    background-color: WindowText;
  }
}
.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;
}
@media (forced-colors: active) {
  .full-screen-flow .banner-icon.sync {
    background-color: WindowText;
  }
}
.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;
}
@media (forced-colors: active) {
  .full-screen-flow .banner-icon.alert-outline-red {
    background-color: WindowText;
  }
}
.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;
}
@media (forced-colors: active) {
  .full-screen-flow .banner-icon.delete {
    background-color: WindowText;
  }
}
.full-screen-flow .button {
  cursor: pointer;
  display: inline-block;
  border: none;
  min-width: 300px;
  padding: 0.75em;
  margin-top: 1em;
  margin-inline: 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 .button:disabled {
  background-color: #c6c6c6;
  cursor: auto;
}
.full-screen-flow button.link {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: block;
  margin-block: 0.5em;
  margin-inline: auto;
  text-align: center;
  text-decoration: underline;
  color: #2c6bed;
}
@media (forced-colors: active) {
  .full-screen-flow button.link {
    border: 1px solid WindowText;
  }
}
.full-screen-flow button.link:disabled {
  color: #c6c6c6;
  cursor: auto;
}
.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-inline: 20px;
}
.full-screen-flow .nav .instructions {
  text-align: start;
  margin-inline: auto;
  margin-bottom: 2em;
  margin-top: 2em;
  max-width: 30em;
}
.full-screen-flow .nav .instructions:after {
  clear: both;
}
.full-screen-flow .nav .android {
  float: inline-start;
}
.full-screen-flow .nav .apple {
  float: inline-end;
}
.full-screen-flow .nav .label {
  float: inline-start;
}
.full-screen-flow .nav .body {
  float: inline-start;
}
.full-screen-flow .StandaloneRegistration__error {
  color: #f44336;
}

.inbox:focus {
  outline: none;
}

.inbox {
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
body {
  --zoom-factor: 1;
  --title-bar-drag-area-height: 0px;
}
body.os-macos:not(.full-screen),
body .app-loading-screen--before-app-load {
  --title-bar-drag-area-height: calc(28px / var(--zoom-factor));
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress-bar-striped {
  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
  );
  background-size: 40px 40px;
}

.progress-bar-striped {
  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 {
  animation: progress-bar-stripes 2s linear infinite;
}

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

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-block: -2px;
  margin-inline: 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 {
  height: 1.4em;
  margin-bottom: -5px;
  margin-inline: 2px;
  vertical-align: baseline;
  width: 1.4em;
}

img.emoji.small {
  width: 32px;
  height: 32px;
}

img.emoji.medium {
  width: 36px;
  height: 36px;
}

img.emoji.large {
  width: 40px;
  height: 40px;
}

img.emoji.extra-large {
  width: 48px;
  height: 48px;
}

img.emoji.max {
  width: 56px;
  height: 56px;
}

img.emoji--invisible {
  visibility: hidden;
}

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

#app-container {
  height: 100%;
}

.inbox {
  height: 100%;
  overflow: hidden;
  position: relative;
}

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

.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-block: 24px;
  margin-inline: 0;
}
@media (forced-colors: active) {
  .module-splash-screen__logo {
    background-color: WindowText;
  }
}
.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-img--80 {
  height: 80px;
  width: 80px;
}
.module-splash-screen__logo.module-logo-blue {
  background-color: #3a76f0;
}

.module-message {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  outline: none;
  padding-inline: 16px;
  transition-property: background, translate;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

.module-message__quote-story-reaction-header {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  margin-bottom: 6px;
}
.module-message__container-outgoing .module-message__quote-story-reaction-header {
  color: rgba(255, 255, 255, 0.8);
}
.module-message__container-incoming .module-message__quote-story-reaction-header {
  color: #5e5e5e;
}

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

@keyframes module-message__shake {
  0% {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    transform: translateX(0px);
  }
  25% {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    transform: translateX(-5px);
  }
  50% {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    transform: translateX(0px);
  }
  75% {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    transform: translateX(5px);
  }
  100% {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    transform: translateX(0px);
  }
}
@keyframes module-message__highlight {
  0% {
    filter: none;
  }
  33% {
    filter: brightness(50%);
  }
  66% {
    filter: brightness(50%);
  }
  100% {
    filter: none;
  }
}
@keyframes module-message__highlight-lighter {
  0% {
    filter: none;
  }
  33% {
    filter: brightness(76%);
  }
  66% {
    filter: brightness(76%);
  }
  100% {
    filter: none;
  }
}
.module-message--outgoing {
  flex-direction: row-reverse;
}

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

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

.module-message__buttons--incoming {
  padding-inline-start: 8px;
}
.module-message__buttons--incoming > * {
  margin-inline-start: 12px;
}
.module-message__buttons--incoming > *:first-child {
  margin-inline-start: 0;
}

.module-message__buttons--outgoing {
  padding-inline-end: 8px;
  flex-direction: row-reverse;
}
.module-message__buttons--outgoing > * {
  margin-inline-end: 12px;
}
.module-message__buttons--outgoing > *:first-child {
  margin-inline-end: 0;
}

.module-message__buttons__download {
  cursor: pointer;
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/save/save.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .module-message__buttons__download {
    background-color: WindowText;
  }
}
.module-message__buttons__download:hover {
  -webkit-mask: url("../images/icons/v3/save/save.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-message__buttons__download:hover {
    background-color: WindowText;
  }
}
.dark-theme .module-message__buttons__download {
  -webkit-mask: url("../images/icons/v3/save/save.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .dark-theme .module-message__buttons__download {
    background-color: WindowText;
  }
}
.dark-theme .module-message__buttons__download:hover {
  -webkit-mask: url("../images/icons/v3/save/save.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .module-message__buttons__download:hover {
    background-color: WindowText;
  }
}
.mouse-mode .module-message--targeted .module-message__buttons__download {
  background-color: #5e5e5e;
}
.dark-theme.mouse-mode .module-message--targeted .module-message__buttons__download {
  background-color: #ffffff;
}
.keyboard-mode .module-message:focus .module-message__buttons__download {
  background-color: #5e5e5e;
}
.dark-theme.keyboard-mode .module-message:focus .module-message__buttons__download {
  background-color: #ffffff;
}

.module-message__buttons__react {
  cursor: pointer;
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/heart/heart-plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .module-message__buttons__react {
    background-color: WindowText;
  }
}
.module-message__buttons__react:hover {
  -webkit-mask: url("../images/icons/v3/heart/heart-plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-message__buttons__react:hover {
    background-color: WindowText;
  }
}
.dark-theme .module-message__buttons__react {
  -webkit-mask: url("../images/icons/v3/heart/heart-plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .dark-theme .module-message__buttons__react {
    background-color: WindowText;
  }
}
.dark-theme .module-message__buttons__react:hover {
  -webkit-mask: url("../images/icons/v3/heart/heart-plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .module-message__buttons__react:hover {
    background-color: WindowText;
  }
}
.mouse-mode .module-message--targeted .module-message__buttons__react {
  background-color: #5e5e5e;
}
.dark-theme.mouse-mode .module-message--targeted .module-message__buttons__react {
  background-color: #ffffff;
}
.keyboard-mode .module-message:focus .module-message__buttons__react {
  background-color: #5e5e5e;
}
.dark-theme.keyboard-mode .module-message:focus .module-message__buttons__react {
  background-color: #ffffff;
}

.module-message__buttons__reply {
  cursor: pointer;
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/reply/reply.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .module-message__buttons__reply {
    background-color: WindowText;
  }
}
.module-message__buttons__reply:hover {
  -webkit-mask: url("../images/icons/v3/reply/reply.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-message__buttons__reply:hover {
    background-color: WindowText;
  }
}
.dark-theme .module-message__buttons__reply {
  -webkit-mask: url("../images/icons/v3/reply/reply.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .dark-theme .module-message__buttons__reply {
    background-color: WindowText;
  }
}
.dark-theme .module-message__buttons__reply:hover {
  -webkit-mask: url("../images/icons/v3/reply/reply.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .module-message__buttons__reply:hover {
    background-color: WindowText;
  }
}
.mouse-mode .module-message--targeted .module-message__buttons__reply {
  background-color: #5e5e5e;
}
.dark-theme.mouse-mode .module-message--targeted .module-message__buttons__reply {
  background-color: #ffffff;
}
.keyboard-mode .module-message:focus .module-message__buttons__reply {
  background-color: #5e5e5e;
}
.dark-theme.keyboard-mode .module-message:focus .module-message__buttons__reply {
  background-color: #ffffff;
}

.module-message__buttons__menu {
  cursor: pointer;
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .module-message__buttons__menu {
    background-color: WindowText;
  }
}
.module-message__buttons__menu:hover {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-message__buttons__menu:hover {
    background-color: WindowText;
  }
}
.dark-theme .module-message__buttons__menu {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .dark-theme .module-message__buttons__menu {
    background-color: WindowText;
  }
}
.dark-theme .module-message__buttons__menu:hover {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .module-message__buttons__menu:hover {
    background-color: WindowText;
  }
}
.mouse-mode .module-message--targeted .module-message__buttons__menu {
  background-color: #5e5e5e;
}
.dark-theme.mouse-mode .module-message--targeted .module-message__buttons__menu {
  background-color: #ffffff;
}
.keyboard-mode .module-message:focus .module-message__buttons__menu {
  background-color: #5e5e5e;
}
.dark-theme.keyboard-mode .module-message:focus .module-message__buttons__menu {
  background-color: #ffffff;
}
.module-message__buttons__menu--container {
  border-radius: 4px;
  height: 20px;
  z-index: 2;
}

.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/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .module-message__error {
    background-color: WindowText;
  }
}
.dark-theme .module-message__error {
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .dark-theme .module-message__error {
    background-color: WindowText;
  }
}

.module-message__error--paused {
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-message__error--paused {
    background-color: WindowText;
  }
}
.dark-theme .module-message__error--paused {
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .dark-theme .module-message__error--paused {
    background-color: WindowText;
  }
}

.module-message__error--outgoing {
  inset-inline-start: 8px;
}

.module-message__error--incoming {
  inset-inline-end: 8px;
}

.module-message__container-outer {
  line-height: 0;
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: min(306px, 100% - 16px - 22px);
}
.module-timeline--width-wide .module-message__container-outer,
.module-message-detail .module-message__container-outer {
  max-width: 50vw;
}
.module-timeline--width-medium .module-message__container-outer {
  max-width: 370px;
}

.module-message__container {
  position: relative;
  display: inline-block;
  border-radius: 18px;
  outline: none;
  margin-bottom: 6px;
  margin-top: 6px;
  min-width: 0px;
  overflow: hidden;
  padding-inline: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.module-message--collapsed-above .module-message__container {
  margin-top: 1px;
}
.module-message--collapsed-below .module-message__container {
  margin-bottom: 1px;
}
.module-message--incoming.module-message--collapsed-above .module-message__container {
  border-start-start-radius: 4px;
}
.module-message--incoming.module-message--collapsed-below .module-message__container {
  border-end-start-radius: 4px;
}
.module-message--outgoing.module-message--collapsed-above .module-message__container {
  border-start-end-radius: 4px;
}
.module-message--outgoing.module-message--collapsed-below .module-message__container {
  border-end-end-radius: 4px;
}

.mouse-mode .module-message__container--targeted {
  animation: module-message__highlight 1.2s cubic-bezier(0.17, 0.17, 0, 1);
}

.mouse-mode .module-message__container--targeted-lighter {
  animation: module-message__highlight-lighter 1.2s cubic-bezier(0.17, 0.17, 0, 1);
}

.module-message__wrapper {
  position: relative;
  transition: background 0.1s ease-out;
}

.module-message__wrapper--select-mode .module-message--incoming:dir(ltr) {
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  translate: 38px 0;
}
.module-message__wrapper--select-mode .module-message--incoming:dir(rtl) {
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  translate: -38px 0;
}

.module-message__alt-accessibility-tree {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.module-message__wrapper--selected {
  background: rgba(44, 107, 237, 0.08);
}

.module-message__select-checkbox {
  position: absolute;
  top: 50%;
  inset-inline-start: 16px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 9999px;
  background: transparent;
  border: 1px solid #c6c6c6;
  animation: module-message__select-checkbox--fadeIn 0.2s ease-out;
  transition:
    background 0.1s ease-out,
    border-color 0.1s ease-out;
}
.module-message__select-checkbox::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin: 2px;
  -webkit-mask: url("../images/icons/v3/check/check-compact-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 0;
  transition: opacity 0.1s ease-out;
}
@media (forced-colors: active) {
  .module-message__select-checkbox::before {
    background-color: WindowText;
  }
}
.module-message__wrapper--selected .module-message__select-checkbox {
  background: #2c6bed;
  border-color: #2c6bed;
}
.module-message__wrapper--selected .module-message__select-checkbox::before {
  opacity: 1;
}

@keyframes module-message__select-checkbox--fadeIn {
  from {
    opacity: 0;
  }
}
.keyboard-mode .module-message:focus-within {
  background: rgba(44, 107, 237, 0.24);
}
.dark-theme.keyboard-mode .module-message:focus-within {
  background: #4a4a4a;
}

.module-message__container--emoji {
  padding-top: 4px;
}
.module-message__container--emoji .module-message__text--outgoing {
  text-align: end;
}

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

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

.module-message__container--outgoing-blue {
  background-color: #336ba3;
}
.dark-theme .module-message__container--outgoing-blue {
  background-color: #336ba3;
}

.module-message__container--outgoing-burlap {
  background-color: #6f6a58;
}
.dark-theme .module-message__container--outgoing-burlap {
  background-color: #6f6a58;
}

.module-message__container--outgoing-crimson {
  background-color: #cf163e;
}
.dark-theme .module-message__container--outgoing-crimson {
  background-color: #cf163e;
}

.module-message__container--outgoing-forest {
  background-color: #3b7845;
}
.dark-theme .module-message__container--outgoing-forest {
  background-color: #3b7845;
}

.module-message__container--outgoing-indigo {
  background-color: #6058ca;
}
.dark-theme .module-message__container--outgoing-indigo {
  background-color: #6058ca;
}

.module-message__container--outgoing-plum {
  background-color: #aa377a;
}
.dark-theme .module-message__container--outgoing-plum {
  background-color: #aa377a;
}

.module-message__container--outgoing-steel {
  background-color: #71717f;
}
.dark-theme .module-message__container--outgoing-steel {
  background-color: #71717f;
}

.module-message__container--outgoing-taupe {
  background-color: #8f616a;
}
.dark-theme .module-message__container--outgoing-taupe {
  background-color: #8f616a;
}

.module-message__container--outgoing-teal {
  background-color: #077d92;
}
.dark-theme .module-message__container--outgoing-teal {
  background-color: #077d92;
}

.module-message__container--outgoing-vermilion {
  background-color: #c73f0a;
}
.dark-theme .module-message__container--outgoing-vermilion {
  background-color: #c73f0a;
}

.module-message__container--outgoing-violet {
  background-color: #9932c8;
}
.dark-theme .module-message__container--outgoing-violet {
  background-color: #9932c8;
}

.module-message__container--outgoing-wintergreen {
  background-color: #1d8663;
}
.dark-theme .module-message__container--outgoing-wintergreen {
  background-color: #1d8663;
}

.module-message__container--outgoing-custom {
  background-attachment: fixed;
}

.module-message__container--outgoing-ultramarine {
  background-attachment: fixed;
  background-image: linear-gradient(180deg, #0552f0, #2c6bed);
}

.module-message__container--outgoing-basil {
  background-attachment: fixed;
  background-image: linear-gradient(180deg, #2f9373, #077343);
}

.module-message__container--outgoing-ember {
  background-attachment: fixed;
  background-image: linear-gradient(168deg, #e57c00, #5e0000);
}

.module-message__container--outgoing-fluorescent {
  background-attachment: fixed;
  background-image: linear-gradient(192deg, #ec13dd, #1b36c6);
}

.module-message__container--outgoing-infrared {
  background-attachment: fixed;
  background-image: linear-gradient(192deg, #f65560, #442ced);
}

.module-message__container--outgoing-lagoon {
  background-attachment: fixed;
  background-image: linear-gradient(180deg, #004066, #32867d);
}

.module-message__container--outgoing-midnight {
  background-attachment: fixed;
  background-image: linear-gradient(180deg, #2c2c3a, #787891);
}

.module-message__container--outgoing-sea {
  background-attachment: fixed;
  background-image: linear-gradient(180deg, #498fd4, #2c66a0);
}

.module-message__container--outgoing-sublime {
  background-attachment: fixed;
  background-image: linear-gradient(180deg, #6281d5, #974460);
}

.module-message__container--outgoing-tangerine {
  background-attachment: fixed;
  background-image: linear-gradient(192deg, #db7133, #911231);
}

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

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

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

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

.module-message__container--deleted-for-everyone {
  color: #1b1b1b;
  border: 1px solid #b9b9b9;
  background-color: transparent;
  background-image: none;
}
.dark-theme .module-message__container--deleted-for-everyone {
  color: #e9e9e9;
  border: 1px solid #3b3b3b;
  background-color: transparent;
  background-image: none;
}

.module-message__attachment-too-big {
  user-select: none;
  margin-inline: -12px;
  margin-top: -8px;
  margin-bottom: -8px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-inline: 12px;
  border-radius: 18px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-style: italic;
  color: #1b1b1b;
  border: 1px solid #e9e9e9;
  background-color: #ffffff;
  background-image: none;
}
.dark-theme .module-message__attachment-too-big {
  color: #e9e9e9;
  border: 1px solid #3b3b3b;
  background-color: #121212;
  background-image: none;
}

.module-message__attachment-too-big--content-above {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.module-message__attachment-too-big--content-below {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
  margin-bottom: 7px;
}

.module-message__attachment-too-big--collapse-above--incoming {
  border-top-left-radius: 4px;
}

.module-message__attachment-too-big--collapse-above--outgoing {
  border-top-right-radius: 4px;
}

.module-message__attachment-too-big--collapse-below--incoming {
  border-bottom-left-radius: 4px;
}

.module-message__attachment-too-big--collapse-below--outgoing {
  border-bottom-right-radius: 4px;
}

.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-inline-end: 6px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.module-message__tap-to-view__icon {
  margin-inline-end: 6px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/view_once/view_once.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-message__tap-to-view__icon {
    background-color: WindowText;
  }
}
.dark-theme .module-message__tap-to-view__icon {
  -webkit-mask: url("../images/icons/v3/view_once/view_once.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-message__tap-to-view__icon {
    background-color: WindowText;
  }
}

.module-message__tap-to-view__icon--expired {
  -webkit-mask: url("../images/icons/v3/view_once/view_once-dash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-message__tap-to-view__icon--expired {
    background-color: WindowText;
  }
}
.dark-theme .module-message__tap-to-view__icon--expired {
  -webkit-mask: url("../images/icons/v3/view_once/view_once-dash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-message__tap-to-view__icon--expired {
    background-color: WindowText;
  }
}

.module-message__tap-to-view__icon--outgoing {
  background-color: #e9e9e9;
}

.module-message__tap-to-view__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  color: #e9e9e9;
}

.module-message__tap-to-view__text--incoming {
  color: #1b1b1b;
}
.dark-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;
}

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

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

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

.module-message__attachment-container {
  text-align: center;
  position: relative;
  margin-inline: -12px;
  margin-top: -8px;
  margin-bottom: -8px;
  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;
}
.module-message__attachment-container--with-content-above {
  margin-top: 4px;
}

.module-message__sticker-container {
  text-align: center;
  margin-inline: -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;
}
@media (forced-colors: active) {
  .module-message__generic-attachment {
    border: 1px solid WindowText;
  }
}
.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__icon-container {
  position: relative;
  user-select: none;
}

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

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

.module-message__generic-attachment__icon-dangerous-container {
  position: absolute;
  top: -1px;
  inset-inline-end: -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;
}
@media (forced-colors: active) {
  .module-message__generic-attachment__icon-dangerous {
    background-color: WindowText;
  }
}

.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-inline: auto;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: clip;
  color: #1b1b1b;
}

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

.module-message__generic-attachment__file-name {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  margin-top: 2px;
  user-select: none;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ffffff;
}
.dark-theme .module-message__generic-attachment__file-name {
  color: #f6f6f6;
}

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

.module-message__generic-attachment__file-size {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  margin-top: 3px;
  user-select: none;
  color: #ffffff;
}
.dark-theme .module-message__generic-attachment__file-size {
  color: #f6f6f6;
}

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

.module-message__link-preview {
  cursor: pointer;
  display: block;
  margin-inline: -12px;
  width: calc(100% + 24px);
  outline: none;
  margin-top: -8px;
  margin-bottom: 5px;
  overflow: hidden;
}
.module-message__link-preview--nonclickable {
  cursor: inherit;
}
.module-message__link-preview--nonclickable .module-image__image,
.module-message__link-preview--nonclickable .module-image__border-overlay--with-click-handler {
  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-block: 8px;
  padding-inline: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #f6f6f6;
}
.dark-theme .module-message__link-preview__content {
  background-color: #2e2e2e;
}

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

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

.module-message__link-preview__title {
  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-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  margin-top: 4px;
  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-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;
  flex-grow: 1;
}
.module-message__link-preview__footer > *:not(:first-child):before {
  content: "•";
  font-size: 50%;
  margin-inline: 0.2rem;
}

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

.module-message__author {
  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;
  user-select: none;
}

.module-message__author--with-tap-to-view-expired {
  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_sticker {
  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__text {
  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: rgba(255, 255, 255, 0.9);
}
.dark-theme .module-message__text {
  color: rgba(255, 255, 255, 0.9);
}
.module-message__text a {
  text-decoration: underline;
  outline: none;
  word-break: break-all;
  color: rgba(255, 255, 255, 0.9);
}
.keyboard-mode .module-message__text a:focus {
  outline: 1px solid #1b1b1b;
}
.dark-theme .module-message__text a {
  color: rgba(255, 255, 255, 0.9);
}
.dark-theme.keyboard-mode .module-message__text a:focus {
  outline: 1px solid rgba(255, 255, 255, 0.9);
}

.module-message__text--incoming {
  color: #1b1b1b;
}
.dark-theme .module-message__text--incoming {
  color: #e9e9e9;
}
.module-message__text--incoming a {
  text-decoration: underline;
  outline: none;
  color: #1b1b1b;
}
.keyboard-mode .module-message__text--incoming a:focus {
  outline: 1px solid #1b1b1b;
}
.dark-theme .module-message__text--incoming a {
  color: #e9e9e9;
}
.dark-theme.keyboard-mode .module-message__text--incoming a:focus {
  outline: 1px solid #e9e9e9;
}

.module-message__text--error {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-style: italic;
}

.module-message__text--delete-for-everyone {
  user-select: none;
  color: #1b1b1b;
}
.dark-theme .module-message__text--delete-for-everyone {
  color: #e9e9e9;
}

.module-message__metadata {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 3px;
  font-style: normal;
}
.module-message__metadata--inline {
  float: inline-end;
  margin-top: -14px;
  position: relative;
  z-index: 1;
}

.module-message__metadata__edited {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  color: #5e5e5e;
  cursor: pointer;
  margin-inline-end: 6px;
  z-index: 1;
}
@media (forced-colors: active) {
  .module-message__metadata__edited {
    border: 1px solid WindowText;
  }
}
.dark-theme .module-message__metadata__edited {
  color: #b9b9b9;
}

.module-message__metadata__sms {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-inline-start: 6px;
  margin-bottom: 2px;
  -webkit-mask: url("../images/icons/v2/lock-unlock-outline-12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-message__metadata__sms {
    background-color: WindowText;
  }
}

.module-message__metadata__sms--incoming {
  background-color: #5e5e5e;
}
.dark-theme .module-message__metadata__sms--incoming {
  background-color: #b9b9b9;
}

.module-message__container--outgoing .module-message__metadata__edited {
  color: rgba(255, 255, 255, 0.8);
}

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

.module-message__metadata--outline-only-bubble {
  color: #5e5e5e;
}
.dark-theme .module-message__metadata--outline-only-bubble {
  color: #b9b9b9;
}

.module-message__metadata__date {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  user-select: none;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.8);
}
.dark-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;
}
@media (forced-colors: active) {
  .module-message__metadata__tapable {
    border: 1px solid WindowText;
  }
}

.module-message__metadata__date--incoming {
  color: rgba(255, 255, 255, 0.8);
  color: #5e5e5e;
}
.dark-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);
}

.module-message__metadata__date--outline-only-bubble {
  color: #5e5e5e;
}
.dark-theme .module-message__metadata__date--outline-only-bubble {
  color: #b9b9b9;
}

.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: rgba(255, 255, 255, 0.8);
}

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

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

.module-message__metadata__status-icon--paused,
.module-message__metadata__status-icon--sending {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-sending.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
.page-is-visible .module-message__metadata__status-icon--paused,
.page-is-visible .module-message__metadata__status-icon--sending {
  animation: rotate 4s linear infinite;
}
@media (forced-colors: active) {
  .module-message__metadata__status-icon--paused,
  .module-message__metadata__status-icon--sending {
    background-color: WindowText;
  }
}

.module-message__metadata__status-icon--sent {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-sent.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .module-message__metadata__status-icon--sent {
    background-color: WindowText;
  }
}
.dark-theme .module-message__metadata__status-icon--sent {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-sent.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-message__metadata__status-icon--sent {
    background-color: WindowText;
  }
}

.module-message__metadata__status-icon--delivered {
  margin-inline-end: 0px;
  width: 18px;
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-delivered.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .module-message__metadata__status-icon--delivered {
    background-color: WindowText;
  }
}
.dark-theme .module-message__metadata__status-icon--delivered {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-delivered.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-message__metadata__status-icon--delivered {
    background-color: WindowText;
  }
}

.module-message__metadata__status-icon--read,
.module-message__metadata__status-icon--viewed {
  margin-inline-end: 0px;
  width: 18px;
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-read.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .module-message__metadata__status-icon--read,
  .module-message__metadata__status-icon--viewed {
    background-color: WindowText;
  }
}
.dark-theme .module-message__metadata__status-icon--read,
.dark-theme .module-message__metadata__status-icon--viewed {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-read.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-message__metadata__status-icon--read,
  .dark-theme .module-message__metadata__status-icon--viewed {
    background-color: WindowText;
  }
}

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

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

.module-message__metadata__status-icon--outline-only-bubble {
  background-color: #5e5e5e;
}
.dark-theme .module-message__metadata__status-icon--outline-only-bubble {
  background-color: #b9b9b9;
}

.module-message__metadata__spinner-container {
  margin-inline-start: 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-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  margin-top: 8px;
  margin-bottom: -8px;
  margin-inline: -12px;
  text-align: center;
  padding: 10px;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
  color: #2c6bed;
  background-color: #f6f6f6;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
@media (forced-colors: active) {
  .module-message__send-message-button {
    border: 1px solid WindowText;
  }
}
.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__send-message-button--no-bottom-left-curve {
  border-bottom-left-radius: 4px;
}

.module-message__send-message-button--no-bottom-right-curve {
  border-bottom-right-radius: 4px;
}

.module-message__author-avatar-container {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  margin-inline-end: 8px;
  min-width: 28px;
  padding-bottom: 6px;
}
.module-message__author-avatar-container--with-reactions {
  padding-bottom: 15px;
}
.module-message__author-avatar-container--typing {
  flex-direction: row-reverse;
  overflow-y: clip;
}

.module-message__container-outer--typing-bubble {
  overflow-y: clip;
}

.module-message__typing-avatar-container {
  flex-direction: row-reverse;
  overflow-y: clip;
}

.module-message__typing-avatar {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.module-message__typing-avatar:not(:last-child) {
  margin-inline-start: -4px;
}
.module-message__typing-avatar--overflow-count .module-Avatar__contents {
  background: #e9e9e9;
  color: #5e5e5e;
}
.dark-theme .module-message__typing-avatar--overflow-count .module-Avatar__contents {
  background: #3b3b3b;
  color: #b9b9b9;
}
.module-message__typing-avatar--overflow-count .module-Avatar__label {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  font-weight: 600;
}
.module-message__typing-avatar .module-Avatar {
  min-width: 28px;
  width: 28px;
  height: 28px;
}
.module-message__typing-avatar .module-Avatar__contents {
  outline: 3px solid;
  outline-color: #ffffff;
}
.dark-theme .module-message__typing-avatar .module-Avatar__contents {
  outline-color: #121212;
}

.module-message__typing-avatar-spacer {
  flex: 0 1 24px;
}

.module-message__unopened-gift-badge {
  width: 240px;
  height: 132px;
  background-color: #2c6bed;
  position: relative;
  margin-inline: -12px;
  margin-top: -8px;
  margin-bottom: 8px;
}
.module-message__unopened-gift-badge--outgoing {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.dark-theme .module-message__unopened-gift-badge--outgoing {
  border-bottom: 1px solid #121212;
}
.module-message__unopened-gift-badge__container {
  cursor: default;
  user-select: none;
}
.module-message__unopened-gift-badge__ribbon-horizontal {
  position: absolute;
  inset-inline: 0;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
}
.module-message__unopened-gift-badge__ribbon-vertical {
  position: absolute;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 50%;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 16px;
  background-color: #ffffff;
}
.module-message__unopened-gift-badge__bow {
  position: absolute;
  top: 50%;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 50%;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translate(-50%, -50%);
  margin-top: 3px;
  width: 81px;
  height: 60px;
}
.module-message__unopened-gift-badge__text {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-style: italic;
}
.module-message__unopened-gift-badge__text--incoming {
  color: #5e5e5e;
}
.dark-theme .module-message__unopened-gift-badge__text--incoming {
  color: #b9b9b9;
}
.module-message__unopened-gift-badge__container .module-message__text--incoming {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-style: italic;
  color: #5e5e5e;
}
.dark-theme .module-message__unopened-gift-badge__container .module-message__text--incoming {
  color: #b9b9b9;
}
.module-message__unopened-gift-badge__container .module-message__text--outgoing {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-style: italic;
  color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-message__unopened-gift-badge__container .module-message__text--outgoing {
  color: rgba(255, 255, 255, 0.8);
}

.module-message__redeemed-gift-badge {
  display: flex;
  flex-direction: row;
}
.module-message__redeemed-gift-badge__container {
  user-select: none;
}
.module-message__redeemed-gift-badge__badge {
  height: 64px;
  width: 64px;
  margin-inline: 4px 12px;
  margin-top: 8px;
  margin-bottom: 16px;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-message__redeemed-gift-badge__badge--missing-incoming {
  border-radius: 50%;
  background-color: #dedede;
}
.dark-theme .module-message__redeemed-gift-badge__badge--missing-incoming {
  background-color: #5e5e5e;
}
.module-message__redeemed-gift-badge__badge--missing-outgoing {
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
}
.dark-theme .module-message__redeemed-gift-badge__badge--missing-outgoing {
  background-color: rgba(255, 255, 255, 0.2);
}
.module-message__redeemed-gift-badge__text {
  flex-grow: 1;
  margin-top: 19px;
}
.module-message__redeemed-gift-badge__title {
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
}
.module-message__redeemed-gift-badge__remaining {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}
.module-message__redeemed-gift-badge__remaining--incoming {
  color: #3b3b3b;
}
.dark-theme .module-message__redeemed-gift-badge__remaining--incoming {
  color: #b9b9b9;
}
.module-message__redeemed-gift-badge__remaining--outgoing {
  color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-message__redeemed-gift-badge__remaining--outgoing {
  color: rgba(255, 255, 255, 0.8);
}
.module-message__redeemed-gift-badge__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  color: #1b1b1b;
  background-color: #e9e9e9;
  margin-inline: auto;
  width: 216px;
  margin-bottom: 7px;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
@media (forced-colors: active) {
  .module-message__redeemed-gift-badge__button {
    border: 1px solid WindowText;
  }
}
.dark-theme .module-message__redeemed-gift-badge__button {
  color: #e9e9e9;
  background-color: #4a4a4a;
}
.mouse-mode .module-message__redeemed-gift-badge__button:hover {
  background-color: #c6c6c6;
}
.dark-theme.mouse-mode .module-message__redeemed-gift-badge__button:hover {
  background-color: #656565;
}
.mouse-mode .module-message__redeemed-gift-badge__button:active {
  background-color: #afafaf;
}
.dark-theme.mouse-mode .module-message__redeemed-gift-badge__button:active {
  background-color: #777777;
}
.keyboard-mode .module-message__redeemed-gift-badge__button:active {
  background-color: #afafaf;
}
.dark-theme.keyboard-mode .module-message__redeemed-gift-badge__button:active {
  background-color: #777777;
}
.keyboard-mode .module-message__redeemed-gift-badge__button:focus {
  box-shadow: 0px 0px 0px 3px #2c6bed;
}
.dark-theme.keyboard-mode .module-message__redeemed-gift-badge__button:focus {
  box-shadow: 0px 0px 0px 3px #6191f3;
}
.module-message__redeemed-gift-badge__button--incoming {
  color: #1b1b1b;
  background-color: #ffffff;
}
.dark-theme .module-message__redeemed-gift-badge__button--incoming {
  color: #e9e9e9;
  background-color: #545454;
}
.mouse-mode .module-message__redeemed-gift-badge__button--incoming:hover {
  background-color: #ffffff;
}
.dark-theme.mouse-mode .module-message__redeemed-gift-badge__button--incoming:hover {
  background-color: #545454;
}
.module-message__redeemed-gift-badge__button--outgoing {
  color: #1b1b1b;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-message__redeemed-gift-badge__button--outgoing {
  color: #1b1b1b;
  background-color: rgba(255, 255, 255, 0.8);
}
.mouse-mode .module-message__redeemed-gift-badge__button--outgoing:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.dark-theme.mouse-mode .module-message__redeemed-gift-badge__button--outgoing:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.keyboard-mode .module-message__redeemed-gift-badge__button--outgoing:focus {
  box-shadow: 0px 0px 0px 3px #6191f3;
}
.dark-theme.keyboard-mode .module-message__redeemed-gift-badge__button--outgoing:focus {
  box-shadow: 0px 0px 0px 3px #6191f3;
}
.mouse-mode .module-message__redeemed-gift-badge__button--outgoing:active {
  background-color: #ffffff;
}
.dark-theme.mouse-mode .module-message__redeemed-gift-badge__button--outgoing:active {
  background-color: #ffffff;
}
.keyboard-mode .module-message__redeemed-gift-badge__button--outgoing:active {
  background-color: #ffffff;
}
.dark-theme.keyboard-mode .module-message__redeemed-gift-badge__button--outgoing:active {
  background-color: #ffffff;
}
.module-message__redeemed-gift-badge__button__text {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 36px;
}
.module-message__redeemed-gift-badge__icon-check {
  height: 19px;
  width: 19px;
  margin-inline-end: 5px;
  display: inline-block;
}
.module-message__redeemed-gift-badge__icon-check--incoming {
  -webkit-mask: url("../images/icons/v3/check/check-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-message__redeemed-gift-badge__icon-check--incoming {
    background-color: WindowText;
  }
}
.dark-theme .module-message__redeemed-gift-badge__icon-check--incoming {
  -webkit-mask: url("../images/icons/v3/check/check-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-message__redeemed-gift-badge__icon-check--incoming {
    background-color: WindowText;
  }
}
.module-message__redeemed-gift-badge__icon-check--outgoing {
  -webkit-mask: url("../images/icons/v3/check/check-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-message__redeemed-gift-badge__icon-check--outgoing {
    background-color: WindowText;
  }
}
.dark-theme .module-message__redeemed-gift-badge__icon-check--outgoing {
  -webkit-mask: url("../images/icons/v3/check/check-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .dark-theme .module-message__redeemed-gift-badge__icon-check--outgoing {
    background-color: WindowText;
  }
}

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

.module-message__reactions {
  position: relative;
  z-index: 2;
  height: 22px;
  display: flex;
  user-select: none;
}
.module-message__reactions--incoming {
  align-self: flex-end;
  padding-inline-end: 8px;
  margin-inline-start: 8px;
}
.module-message__reactions--outgoing {
  align-self: flex-start;
  padding-inline-start: 8px;
  margin-inline-end: 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;
}
@media (forced-colors: active) {
  .module-message__reactions__reaction {
    border: 1px solid WindowText;
  }
}
.module-message__reactions__reaction--with-count {
  min-width: 40px;
  padding-block: 0;
  padding-inline: 6px;
}
.module-message__reactions__reaction__count {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  font-weight: 600;
  margin-inline-start: 4px;
  color: #5e5e5e;
}
.module-message__reactions__reaction__count--no-emoji {
  margin-inline-start: 0px;
}
.dark-theme .module-message__reactions__reaction__count {
  color: #b9b9b9;
}
.dark-theme .module-message__reactions__reaction__count--is-me {
  color: #dedede;
}
.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: #1b1b1b;
}
.module-message__reactions__reaction--is-me {
  background: #b9b9b9;
}
.dark-theme .module-message__reactions__reaction--is-me {
  background: #5e5e5e;
}

.module-expire-timer {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-inline-start: 6px;
  margin-bottom: 2px;
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-60.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-expire-timer {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-60.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-expire-timer {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-expire-timer {
    background-color: WindowText;
  }
}

.module-expire-timer--55 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-55.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-expire-timer--55 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-55.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-expire-timer--55 {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-expire-timer--55 {
    background-color: WindowText;
  }
}

.module-expire-timer--50 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-50.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-expire-timer--50 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-50.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-expire-timer--50 {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-expire-timer--50 {
    background-color: WindowText;
  }
}

.module-expire-timer--45 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-45.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-expire-timer--45 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-45.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-expire-timer--45 {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-expire-timer--45 {
    background-color: WindowText;
  }
}

.module-expire-timer--40 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-40.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-expire-timer--40 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-40.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-expire-timer--40 {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-expire-timer--40 {
    background-color: WindowText;
  }
}

.module-expire-timer--35 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-35.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-expire-timer--35 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-35.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-expire-timer--35 {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-expire-timer--35 {
    background-color: WindowText;
  }
}

.module-expire-timer--30 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-30.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-expire-timer--30 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-30.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-expire-timer--30 {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-expire-timer--30 {
    background-color: WindowText;
  }
}

.module-expire-timer--25 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-25.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-expire-timer--25 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-25.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-expire-timer--25 {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-expire-timer--25 {
    background-color: WindowText;
  }
}

.module-expire-timer--20 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-20.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-expire-timer--20 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-20.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-expire-timer--20 {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-expire-timer--20 {
    background-color: WindowText;
  }
}

.module-expire-timer--15 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-15.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-expire-timer--15 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-15.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-expire-timer--15 {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-expire-timer--15 {
    background-color: WindowText;
  }
}

.module-expire-timer--10 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-10.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-expire-timer--10 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-10.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-expire-timer--10 {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-expire-timer--10 {
    background-color: WindowText;
  }
}

.module-expire-timer--05 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-05.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-expire-timer--05 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-05.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-expire-timer--05 {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-expire-timer--05 {
    background-color: WindowText;
  }
}

.module-expire-timer--00 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-00.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-expire-timer--00 {
  -webkit-mask: url("../images/icons/v3/message_timer/messagetimer-00.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .dark-theme .module-expire-timer--00 {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-expire-timer--00 {
    background-color: WindowText;
  }
}

.module-expire-timer--incoming {
  background-color: rgba(255, 255, 255, 0.8);
  background-color: #5e5e5e;
}
.dark-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: rgba(255, 255, 255, 0.8);
}

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

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

.module-expire-timer--outline-only-bubble {
  background-color: #5e5e5e;
}
.dark-theme .module-expire-timer--outline-only-bubble {
  background-color: #b9b9b9;
}

.module-about__container {
  margin-inline: auto;
  max-width: 248px;
  text-align: center;
}
.module-about__text {
  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-inline-end: 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;
}
@media (forced-colors: active) {
  .module-embedded-contact {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .module-embedded-contact:focus {
  box-shadow: 0px 0px 0px 2px #2c6bed;
}

.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-inline: 5px;
}

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

.module-embedded-contact__contact-name {
  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: #ffffff;
}
.dark-theme .module-embedded-contact__contact-name {
  color: #e9e9e9;
}

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

.module-embedded-contact__contact-method {
  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: rgba(255, 255, 255, 0.8);
}
.dark-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);
  color: #5e5e5e;
}

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

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

.module-contact-detail__contact-name {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
}

.module-contact-detail__contact-method {
  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;
}
@media (forced-colors: active) {
  .module-contact-detail__send-message {
    border: 1px solid WindowText;
  }
}

.module-contact-detail__send-message__inner {
  display: flex;
  align-items: center;
  padding-inline-end: 5px;
  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-inline-end: 5px;
  -webkit-mask: url("../images/icons/v3/chat/chat.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-contact-detail__send-message__bubble-icon {
    background-color: WindowText;
  }
}
.dark-theme .module-contact-detail__send-message__bubble-icon {
  -webkit-mask: url("../images/icons/v3/chat/chat.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .module-contact-detail__send-message__bubble-icon {
    background-color: WindowText;
  }
}

.module-contact-detail__additional-contact {
  text-align: start;
  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-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  font-weight: 600;
  color: #848484;
  margin-bottom: 3px;
}

.module-inline-notification-wrapper {
  outline: none;
}
.keyboard-mode .module-inline-notification-wrapper:focus {
  background: rgba(44, 107, 237, 0.24);
}
.dark-theme.keyboard-mode .module-inline-notification-wrapper:focus {
  background: #4a4a4a;
}

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

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

.module-error-boundary-notification {
  text-align: center;
  cursor: pointer;
  color: #5e5e5e;
}
.keyboard-mode .module-error-boundary-notification:focus {
  outline: 0;
}
.keyboard-mode .module-error-boundary-notification:focus .module-error-boundary-notification__message {
  opacity: 1;
}
.module-error-boundary-notification__message {
  opacity: 0.8;
}
.dark-theme .module-error-boundary-notification {
  color: #e9e9e9;
}
.module-error-boundary-notification__icon-container {
  margin-inline: auto;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
}
.module-error-boundary-notification__icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  opacity: 0.6;
  -webkit-mask: url("../images/icons/v2/error-solid-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-error-boundary-notification__icon {
    background-color: WindowText;
  }
}
.dark-theme .module-error-boundary-notification__icon {
  -webkit-mask: url("../images/icons/v2/error-solid-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-error-boundary-notification__icon {
    background-color: WindowText;
  }
}

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

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

.module-in-contacts-icon__icon {
  display: inline-block;
  height: 14px;
  width: 14px;
  margin-bottom: 2px;
  vertical-align: middle;
  -webkit-mask: url("../images/icons/v3/person/person-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-in-contacts-icon__icon {
    background-color: WindowText;
  }
}
.dark-theme .module-in-contacts-icon__icon {
  -webkit-mask: url("../images/icons/v3/person/person-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-in-contacts-icon__icon {
    background-color: WindowText;
  }
}
.keyboard-mode .module-in-contacts-icon__icon:focus {
  -webkit-mask: url("../images/icons/v3/person/person-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .keyboard-mode .module-in-contacts-icon__icon:focus {
    background-color: WindowText;
  }
}

.conversation-details-panel {
  max-width: 750px;
  margin-block: 0;
  margin-inline: auto;
  user-select: none;
}
.conversation .conversation-details-panel {
  overflow-y: auto;
}

button.ConversationDetails__action-button {
  margin-inline-start: 16px;
}

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

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

.module-media-gallery__scroll-observer {
  position: absolute;
  bottom: 0;
  height: 30px;
  width: 100%;
}
.module-media-gallery__scroll-observer::after {
  content: "";
  height: 1px;
  display: block;
}

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

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

.module-attachment-section__header {
  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;
}
@media (forced-colors: active) {
  .module-document-list-item__content {
    border: 1px solid WindowText;
  }
}
.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;
}
@media (forced-colors: active) {
  .module-document-list-item__icon {
    background-color: WindowText;
  }
}

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

.module-document-list-item__file-size {
  display: inline-block;
  margin-top: 8px;
  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-inline-end: 4px;
  margin-bottom: 4px;
  position: relative;
}
@media (forced-colors: active) {
  .module-media-grid-item {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .module-media-grid-item:focus {
  box-shadow: 0px 0px 0px 2px #2c6bed;
}

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

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

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

.module-media-grid-item__image-container {
  position: relative;
}

.module-media-grid-item__circle-overlay {
  position: absolute;
  top: 50%;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 50%;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translate(-50%, -50%);
  width: 42px;
  height: 42px;
  background-color: #ffffff;
  border-radius: 21px;
}

.module-media-grid-item__play-overlay {
  position: absolute;
  top: 50%;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 50%;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translate(-50%, -50%);
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v3/play/play-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .module-media-grid-item__play-overlay {
    background-color: WindowText;
  }
}

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

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

/* Module: Empty State*/
.module-empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -0.56px;
  color: #848484;
}

.module-message-request-actions {
  padding-block: 8px 12px;
  padding-inline: 16px;
  background: #ffffff;
}
.dark-theme .module-message-request-actions {
  background: #121212;
}
.module-message-request-actions__message {
  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-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 .module-Button {
  min-width: 80px;
}
.module-message-request-actions__buttons .module-Button:not(:last-of-type) {
  margin-inline-end: 8px;
}

.module-image {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.module-image--hidden {
  visibility: hidden;
}

.module-image--tap-to-play,
.module-image--not-downloaded {
  align-items: center;
  display: flex;
  justify-content: center;
}
.module-image--tap-to-play span,
.module-image--not-downloaded span {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 48px;
  height: 48px;
  width: 48px;
  background-color: rgba(0, 0, 0, 0.7);
}
.module-image--tap-to-play:hover span,
.module-image--not-downloaded:hover span {
  background-color: rgba(0, 0, 0, 0.8);
}
.module-image--tap-to-play:focus span,
.module-image--not-downloaded:focus span {
  background-color: #3b3b3b;
  border: 4px solid #2c6bed;
  box-sizing: border-box;
  outline: none;
}

.module-image--not-downloaded span:after {
  content: "";
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v3/arrow/arrow-down.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-image--not-downloaded span:after {
    background-color: WindowText;
  }
}

.module-image--tap-to-play span:after {
  display: flex;
  flex-direction: column;
  align-items: center;
  content: "GIF";
  height: 24px;
  width: 24px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #ffffff;
}

.module-image__download-pending {
  position: relative;
}
.module-image__download-pending--spinner-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  inset-inline-start: 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-block: 12px;
  margin-inline: 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;
  inset-inline-start: 6px;
}

.module-image--cropped {
  overflow: hidden;
}

.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;
  inset-inline: 0;
  z-index: 2;
}
@media (forced-colors: active) {
  .module-image__border-overlay {
    border: 1px solid WindowText;
  }
}

.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.085);
}
.dark-theme .module-image__border-overlay--with-border {
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
}

.module-image--gif__filesize {
  position: absolute;
  top: 10px;
  inset-inline-start: 10px;
  padding-block: 2px;
  padding-inline: 8px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.7);
  /* The height is: 14px + 2x2px from the padding */
  border-radius: 9px;
  font-size: 11px;
  line-height: 14px;
  user-select: none;
}
.module-image--gif video {
  cursor: pointer;
  object-fit: cover;
}

.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;
  inset-inline: 0;
}

.module-image__play-overlay__circle {
  position: absolute;
  top: 50%;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 50%;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  border-radius: 24px;
}

.module-image__play-overlay__icon {
  position: absolute;
  top: 50%;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 50%;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translate(-50%, -50%);
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v3/play/play-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .module-image__play-overlay__icon {
    background-color: WindowText;
  }
}

.module-image__text-container {
  position: absolute;
  top: 0;
  inset-inline: 0;
  bottom: 0;
  z-index: 3;
  pointer-events: none;
  color: #ffffff;
  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: 4px;
  inset-inline-end: 4px;
  width: 16px;
  height: 16px;
  z-index: 2;
  background-image: url("../images/icons/v3/x/x-compact.svg");
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.6));
}
@media (forced-colors: active) {
  .module-image__close-button {
    border: 1px solid WindowText;
  }
}
.module-image__close-button::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask: url("../images/icons/v3/x/x-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-image__close-button::before {
    background-color: WindowText;
  }
}
.keyboard-mode .module-image__close-button:focus {
  outline: 2px solid #2c6bed;
}

.module-image-grid {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 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;
  gap: 1px;
}

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

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

.module-message__typing-animation-container .module-typing-animation {
  width: 30px;
}

.module-typing-animation__dot {
  border-radius: 50%;
  height: 6px;
  width: 6px;
  opacity: 0.4;
  will-change: transform, opacity;
  background-color: #5e5e5e;
}
.dark-theme .module-typing-animation__dot {
  background-color: #ffffff;
}
.page-is-visible .module-typing-animation__dot {
  animation-name: typing-animation;
  animation-duration: 1600ms;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.page-is-visible .module-left-pane .module-typing-animation__dot {
  animation-name: typing-animation-bare;
}

.module-typing-animation__dot--light {
  background-color: #ffffff;
  background-color: #5e5e5e;
}

@keyframes typing-animation {
  0% {
    opacity: 0.4;
  }
  20% {
    transform: scale(1.3);
    opacity: 1;
  }
  40% {
    opacity: 0.4;
  }
}
@keyframes typing-animation-bare {
  0% {
    opacity: 0.4;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0.4;
  }
}
.module-typing-animation__dot--second {
  animation-delay: 160ms;
}

.module-typing-animation__dot--third {
  animation-delay: 320ms;
}

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

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

.module-attachments__edit-icon {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 100%;
  display: flex;
  height: 36px;
  justify-content: center;
  inset-inline-start: 50%;
  margin-inline-start: -20px;
  margin-top: -18px;
  position: absolute;
  top: 50%;
  visibility: hidden;
  width: 36px;
}
.module-attachments__edit-icon::after {
  -webkit-mask: url("../images/icons/v3/edit/edit-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  content: "";
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .module-attachments__edit-icon::after {
    background-color: WindowText;
  }
}

.module-attachments--editable {
  display: inline-block;
  position: relative;
}
.module-attachments--editable:hover .module-attachments__edit-icon {
  visibility: visible;
}

.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;
  inset-inline-end: 16px;
  width: 20px;
  height: 20px;
  z-index: 2;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-attachments__close-button {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .module-attachments__close-button {
    background-color: WindowText;
  }
}
.dark-theme .module-attachments__close-button {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .module-attachments__close-button {
    background-color: WindowText;
  }
}
.keyboard-mode .module-attachments__close-button:focus {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .keyboard-mode .module-attachments__close-button:focus {
    background-color: WindowText;
  }
}

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

.module-staged-attachment {
  margin-inline-end: 8px;
}
.module-staged-attachment.module-image::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  content: "";
  display: block;
  height: 40px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.2s ease-out;
  width: 100%;
}
.module-staged-attachment.module-image:hover::before {
  opacity: 1;
}

.module-staged-generic-attachment {
  height: 120px;
  width: 120px;
  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: 4px;
  inset-inline-end: 4px;
  width: 16px;
  height: 16px;
  z-index: 2;
  -webkit-mask: url("../images/icons/v3/x/x-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-staged-generic-attachment__close-button {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .module-staged-generic-attachment__close-button {
    background-color: WindowText;
  }
}
.dark-theme .module-staged-generic-attachment__close-button {
  -webkit-mask: url("../images/icons/v3/x/x-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .dark-theme .module-staged-generic-attachment__close-button {
    background-color: WindowText;
  }
}

.module-staged-generic-attachment__icon {
  margin-top: 30px;
  background: url("../images/file-gradient.svg") no-repeat center;
  height: 44px;
  width: 56px;
  margin-inline: 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-inline: auto;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: clip;
  color: #1b1b1b;
}

.module-staged-generic-attachment__filename {
  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-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;
}
@media (forced-colors: active) {
  .module-staged-placeholder-attachment {
    border: 1px solid WindowText;
  }
}
.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;
  top: 50%;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 50%;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translate(-50%, -50%);
  height: 28px;
  width: 28px;
  -webkit-mask: url("../images/icons/v3/plus/plus-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .module-staged-placeholder-attachment__plus-icon {
    background-color: WindowText;
  }
}
.dark-theme .module-staged-placeholder-attachment__plus-icon {
  -webkit-mask: url("../images/icons/v3/plus/plus-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .dark-theme .module-staged-placeholder-attachment__plus-icon {
    background-color: WindowText;
  }
}

.module-payment-notification__container {
  display: block;
}
.module-payment-notification__label {
  margin-block: 0 7px;
  margin-inline: 0;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #5e5e5e;
}
.dark-theme .module-payment-notification__label {
  color: #b9b9b9;
}
.module-payment-notification__check_device_box {
  display: flex;
  gap: 9px;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  padding-block: 22px;
  padding-inline: 7px;
  padding-inline-start: 12px;
  border-radius: 18px;
  margin-block: 0;
  margin-inline: -4px;
  background: rgba(255, 255, 255, 0.6);
  color: #1b1b1b;
}
.dark-theme .module-payment-notification__check_device_box {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.module-payment-notification__check_device_box::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  -webkit-mask: url("../images/icons/v3/info/info.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: currentcolor;
}
@media (forced-colors: active) {
  .module-payment-notification__check_device_box::before {
    background-color: WindowText;
  }
}
.module-payment-notification__note {
  margin-block: 9px 0;
  margin-inline: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
}
.module-payment-notification--outgoing .module-payment-notification__label {
  color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-payment-notification--outgoing .module-payment-notification__label {
  color: rgba(255, 255, 255, 0.8);
}
.module-payment-notification--outgoing .module-payment-notification__check_device_box {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

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

.module-spinner__circle {
  position: absolute;
  top: 0;
  inset-inline-start: 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);
}
@media (forced-colors: active) {
  .module-spinner__circle {
    background-color: WindowText;
  }
}

.module-spinner__arc {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 3;
  height: 100%;
  width: 100%;
  animation: rotate 1000ms linear infinite;
  -webkit-mask: url("../images/spinner-56.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-spinner__arc {
    background-color: WindowText;
  }
}
.dark-theme .module-spinner__arc {
  -webkit-mask: url("../images/spinner-56.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-spinner__arc {
    background-color: WindowText;
  }
}

.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%;
}
.dark-theme .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%;
}
.dark-theme .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: #5e5e5e;
}
.dark-theme .module-spinner__arc--incoming {
  background-color: #f6f6f6;
}

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

.module-spinner__arc--outgoing {
  background-color: #ffffff;
}
.dark-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-primary-button {
  background-color: rgba(255, 255, 255, 0.4);
}

.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-spinner__arc--on-primary-button {
  background-color: #ffffff;
}

.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;
}
@media (forced-colors: active) {
  .module-reaction-viewer {
    border: 1px solid WindowText;
  }
}
.dark-theme .module-reaction-viewer {
  background: #3b3b3b;
}
.module-reaction-viewer__header {
  width: 100%;
  min-height: 44px;
  padding-block: 0px;
  padding-inline: 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-block: 0px;
  padding-inline: 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-inline-start: 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-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-inline-start: 4px;
}
.module-reaction-viewer__body {
  flex-grow: 1;
  padding-block: 0;
  padding-inline: 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-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  flex-grow: 1;
  margin-inline-start: 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;
}

.module-calling__modal-container {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  z-index: 1300;
}
.module-calling__container {
  align-items: center;
  background-color: #1b1b1b;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  position: fixed;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1301;
}
.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 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  filter: blur(25px);
  height: 100%;
  position: absolute;
  width: 100%;
  transform: scale(1.2, 1.2);
}
.module-calling__camera-is-off {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  align-items: center;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-block-start: 15px;
  margin-block-end: 15px;
  justify-content: center;
  text-align: center;
  transition: opacity 100ms ease-out;
  user-select: none;
  z-index: 1;
}
.module-calling__camera-is-off::before {
  content: "";
  display: block;
  background-color: #ffffff;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 100%;
  -webkit-mask-image: url("../images/icons/v3/video/video-slash-light.svg");
  height: 24px;
  width: 24px;
  margin-block-end: 12px;
}
.module-calling__camera-is-off-spacer {
  flex-basis: 120px;
}

.module-calling__spacer {
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
}

@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__container--hide-controls .module-ongoing-call__prev-page,
.module-ongoing-call__container--hide-controls .module-ongoing-call__next-page {
  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;
  pointer-events: none;
}

.module-ongoing-call__remote-video-enabled {
  background-color: #121212;
  height: 100%;
  width: 100%;
}
.module-ongoing-call__remote-video-enabled--reconnecting {
  filter: blur(15px);
}
.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:not(.module-ongoing-call__container--call-not-started)
  .module-ongoing-call__footer {
  position: absolute;
}
.module-ongoing-call__next-page,
.module-ongoing-call__prev-page {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #343434;
  z-index: 3;
}
@media (forced-colors: active) {
  .module-ongoing-call__next-page,
  .module-ongoing-call__prev-page {
    border: 1px solid WindowText;
  }
}
.module-ongoing-call__next-page--arrow,
.module-ongoing-call__prev-page--arrow {
  width: 20px;
  height: 20px;
}
.module-ongoing-call__next-page {
  inset-inline-end: 4px;
}
.module-ongoing-call__next-page--arrow {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-ongoing-call__next-page--arrow {
    background-color: WindowText;
  }
}
:dir(rtl) .module-ongoing-call__next-page--arrow {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.module-ongoing-call__prev-page {
  inset-inline-start: 4px;
}
.module-ongoing-call__prev-page--arrow {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-ongoing-call__prev-page--arrow {
    background-color: WindowText;
  }
}
:dir(rtl) .module-ongoing-call__prev-page--arrow {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.module-ongoing-call__direct-call-ringing-spacer {
  flex: 1;
}
.module-ongoing-call__participants {
  display: flex;
  flex: 1 1 0;
  width: 100%;
  margin-block-start: 24px;
  z-index: 2;
  -webkit-app-region: no-drag;
}
.module-ongoing-call__participants__grid--wrapper {
  margin-block-start: 26px;
  margin-block-end: 16px;
  margin-inline: 16px;
  display: flex;
  width: 100%;
}
.module-ongoing-call__participants__grid {
  flex-grow: 1;
  position: relative;
}
.module-ongoing-call__participants__grid
  .module-ongoing-call__group-call-remote-participant--hand-raised
  .module-ongoing-call__group-call-remote-participant__info__contact-name {
  display: block;
  visibility: visible;
}
.module-ongoing-call__participants__grid .module-ongoing-call__group-call-remote-participant {
  container-type: size;
}
@container (min-width: 180px) or (min-height: 180px) {
  .module-ongoing-call__participants__grid
    .module-ongoing-call__group-call-remote-participant
    .module-ongoing-call__group-call-remote-participant__footer {
    padding-block: 0 14px;
    padding-inline: 16px;
  }
  .module-ongoing-call__participants__grid
    .module-ongoing-call__group-call-remote-participant
    .module-ongoing-call__group-call-remote-participant__error {
    display: block;
  }
}
.module-ongoing-call__participants__grid
  .module-ongoing-call__group-call-remote-participant--hand-raised
  .module-ongoing-call__group-call-remote-participant__footer {
  padding-block: 0 8px;
  padding-inline: 8px;
}
.module-ongoing-call__participants__overflow {
  flex: 0 0 auto;
  position: relative;
  margin-block-start: calc(60px + var(--title-bar-drag-area-height));
  margin-inline-end: 16px;
}
.module-ongoing-call__participants__overflow__inner {
  position: absolute;
  bottom: 0;
  inset-inline-start: 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 .module-ongoing-call__group-call-remote-participant__footer {
  height: 40px;
  padding-block: 0 8px;
  padding-inline: 10px;
}
.module-ongoing-call__participants__overflow
  .module-ongoing-call__group-call-remote-participant--hand-raised
  .module-ongoing-call__group-call-remote-participant__footer {
  padding-block: 0 6px;
  padding-inline: 6px;
}
.module-ongoing-call__participants__overflow__scroll-marker {
  scroll-behavior: smooth;
  display: flex;
  justify-content: center;
  inset-inline-start: 0;
  opacity: 1;
  position: absolute;
  transition: opacity 200ms ease-out;
  width: 100%;
  z-index: 3;
}
@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: #343434;
  border-radius: 100%;
  border: 0;
  height: 24px;
  padding-inline: 4px;
  margin-inline: 0;
  opacity: 0;
  outline: none;
  transition: opacity 200ms ease-out;
  width: 24px;
}
.module-ongoing-call__participants__overflow__scroll-marker__button::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-down.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
@media (forced-colors: active) {
  .module-ongoing-call__participants__overflow__scroll-marker__button::before {
    background-color: WindowText;
  }
}
.module-ongoing-call__participants__overflow__scroll-marker--top {
  top: 0;
  background: linear-gradient(#1b1b1b, transparent 20px, transparent);
}
.module-ongoing-call__participants__overflow__scroll-marker--top
  .module-ongoing-call__participants__overflow__scroll-marker__button {
  margin-block-start: 16px;
  transform: rotate(180deg);
}
.module-ongoing-call__participants__overflow__scroll-marker--bottom {
  bottom: 0;
  background: linear-gradient(to top, #1b1b1b, transparent 20px, transparent);
}
.module-ongoing-call__participants__overflow__scroll-marker--bottom
  .module-ongoing-call__participants__overflow__scroll-marker__button {
  margin-block-end: 16px;
}
.module-ongoing-call__participants__overflow:hover .module-ongoing-call__participants__overflow__scroll-marker__button {
  opacity: 1;
}
.module-ongoing-call__group-call--pagination-tile {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  position: absolute;
  border-radius: 10px;
  background-color: #343434;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #c6c6c6;
}
@media (forced-colors: active) {
  .module-ongoing-call__group-call--pagination-tile {
    border: 1px solid WindowText;
  }
}
.module-ongoing-call__group-call--pagination-tile--next-arrow {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #c6c6c6;
  height: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .module-ongoing-call__group-call--pagination-tile--next-arrow {
    background-color: WindowText;
  }
}
:dir(rtl) .module-ongoing-call__group-call--pagination-tile--next-arrow {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.module-ongoing-call__group-call--pagination-tile--prev-arrow {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #c6c6c6;
  height: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .module-ongoing-call__group-call--pagination-tile--prev-arrow {
    background-color: WindowText;
  }
}
:dir(rtl) .module-ongoing-call__group-call--pagination-tile--prev-arrow {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.module-ongoing-call__group-call-remote-participant {
  display: flex;
  justify-content: center;
  position: relative;
  line-height: 0;
  overflow: hidden;
  border-radius: 10px;
  transition:
    top 200ms linear,
    inset-inline-start 200ms linear,
    transform 200ms linear,
    width 200ms linear,
    height 200ms linear;
}
@media (prefers-reduced-motion) {
  .module-ongoing-call__group-call-remote-participant {
    transition: none;
  }
}
.module-ongoing-call__group-call-remote-participant:after {
  content: "";
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  border: 0 solid transparent;
  border-radius: 10px;
  transition-property: border-width, border-color;
  transition-duration: 300ms;
  transition-delay: 1000ms;
  transition-timing-function: ease-in-out;
  pointer-events: none;
}
.module-ongoing-call__group-call-remote-participant--speaking:after {
  border-width: 3px;
  border-color: #ffffff;
  transition-duration: 0ms;
  transition-delay: 0ms;
}
.module-ongoing-call__group-call-remote-participant__remote-video {
  background-color: #3b3b3b;
}
.module-ongoing-call__group-call-remote-participant__remote-video--reconnecting {
  filter: blur(15px);
}
.module-ongoing-call__group-call-remote-participant-background.module-calling__background--no-avatar {
  background-color: #343434;
}
.module-ongoing-call__group-call-remote-participant-background .module-calling__background--blur {
  pointer-events: none;
}
.module-ongoing-call__group-call-remote-participant__error {
  display: none;
  margin-block-end: 16px;
  margin-inline: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  text-align: center;
  z-index: 1;
}
.module-ongoing-call__group-call-remote-participant__more-info {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  padding-block: 3px;
  padding-inline: 10px;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 2;
}
@media (forced-colors: active) {
  .module-ongoing-call__group-call-remote-participant__more-info {
    border: 1px solid WindowText;
  }
}
.module-ongoing-call__group-call-remote-participant__more-info-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__more-info--icon {
  width: 20px;
  height: 20px;
}
.module-ongoing-call__group-call-remote-participant__more-info--icon-blocked {
  -webkit-mask: url("../images/icons/v3/block/block.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-ongoing-call__group-call-remote-participant__more-info--icon-blocked {
    background-color: WindowText;
  }
}
.module-ongoing-call__group-call-remote-participant__more-info--icon-missing-media-keys {
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-ongoing-call__group-call-remote-participant__more-info--icon-missing-media-keys {
    background-color: WindowText;
  }
}
.module-ongoing-call__group-call-remote-participant__error-icon {
  width: 20px;
  height: 20px;
  margin-block-end: 12px;
}
.module-ongoing-call__group-call-remote-participant__error-icon--blocked {
  -webkit-mask: url("../images/icons/v3/block/block.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-ongoing-call__group-call-remote-participant__error-icon--blocked {
    background-color: WindowText;
  }
}
.module-ongoing-call__group-call-remote-participant__error-icon--missing-media-keys {
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-ongoing-call__group-call-remote-participant__error-icon--missing-media-keys {
    background-color: WindowText;
  }
}
.module-ongoing-call__group-call-remote-participant__footer {
  display: flex;
  position: absolute;
  bottom: 0;
  height: 60px;
  padding-block: 0 10px;
  padding-inline: 12px;
  user-select: none;
  width: 100%;
  z-index: 2;
}
.module-ongoing-call__group-call-remote-participant__info {
  display: flex;
  align-items: center;
  align-self: flex-end;
  justify-content: space-between;
  max-width: 100%;
}
.module-ongoing-call__group-call-remote-participant__info__contact-name {
  flex-grow: 1;
  font-size: 13px;
  line-height: 18px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  visibility: hidden;
  direction: inherit;
  white-space: nowrap;
}
.module-ongoing-call__group-call-remote-participant__info--clickable {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
}
@media (forced-colors: active) {
  .module-ongoing-call__group-call-remote-participant__info--clickable {
    border: 1px solid WindowText;
  }
}
.module-ongoing-call__group-call-remote-participant--hand-raised
  .module-ongoing-call__group-call-remote-participant__footer {
  background: transparent;
}
.module-ongoing-call__group-call-remote-participant--hand-raised
  .module-ongoing-call__group-call-remote-participant__info {
  background: #ffffff;
  border-radius: 40px;
}
.module-ongoing-call__group-call-remote-participant--hand-raised
  .module-ongoing-call__group-call-remote-participant__info__contact-name {
  display: none;
  color: #000000;
  margin-inline-end: 12px;
}
.module-ongoing-call__group-call-remote-participant:hover
  .module-ongoing-call__group-call-remote-participant__info__contact-name {
  display: block;
  visibility: visible;
}
.module-ongoing-call__group-call-remote-participant:hover:not(
    .module-ongoing-call__group-call-remote-participant--hand-raised
  )
  .module-ongoing-call__group-call-remote-participant__footer {
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.6) 100%);
}
.module-ongoing-call__local-preview-video-container {
  display: contents;
}
.module-ongoing-call__local-preview-fullsize {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.module-ongoing-call__local-preview-fullsize video {
  max-height: calc(100% - 24px);
  height: auto;
  transform: rotateY(180deg);
  width: calc(100% - 24px);
  border-radius: 8px;
}
.module-ongoing-call__local-preview-fullsize--presenting video {
  transform: none;
}
.module-ongoing-call__footer {
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  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 {
  border-radius: 10px;
  display: flex;
  flex-shrink: 0;
  height: 80px;
  margin-block-end: 16px;
  margin-inline: 0 16px;
  overflow: hidden;
  position: relative;
  width: 106.67px;
}
.module-ongoing-call__footer__local-preview--active {
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.4);
}
.module-ongoing-call__footer__local-preview__video {
  height: 100%;
  width: 100%;
}
.module-ongoing-call__footer__local-preview__video video {
  background-color: #3b3b3b;
  height: 100%;
  width: 100%;
  transform: rotateY(180deg);
}
.module-ongoing-call__footer__local-preview__video--presenting video {
  transform: inherit;
}
.module-ongoing-call__controls {
  z-index: 3;
}
.module-ongoing-call__controls--fadeIn {
  animation-name: module-ongoing-call__controls--fade-in;
  animation-duration: 1200ms;
  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;
  pointer-events: none;
}
.module-calling-branch {
  position: absolute;
  top: calc(18px + var(--title-bar-drag-area-height));
  margin-left: 10px;
  inset-inline-start: 0;
}

.module-calling-tools {
  position: absolute;
  top: calc(32px + var(--title-bar-drag-area-height));
  inset-inline-end: 0;
  display: flex;
}
.module-calling-tools__button {
  margin-inline-end: 12px;
}
.module-calling-tools__button:last-child {
  margin-inline-end: 24px;
}
.module-calling-tools .ContextMenu__container {
  background: none;
  text-wrap: nowrap;
}

.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: fixed;
  width: 120px;
  z-index: 1304;
}
.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-Avatar img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
}
.module-calling-pip__video--remote .module-calling__background--no-avatar {
  background: transparent;
}
.module-calling-pip__video--local,
.module-calling-pip__video--local-presenting {
  bottom: 38px;
  height: 32px;
  position: absolute;
  inset-inline-end: 4px;
  width: 32px;
}
.module-calling-pip__video--local video,
.module-calling-pip__video--local-presenting video {
  width: 100%;
  height: 100%;
}
.module-calling-pip__video--local video {
  transform: rotateY(180deg);
}
.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/v3/phone/phone-down-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e8554b;
  height: 28px;
  width: 28px;
  border: none;
}
@media (forced-colors: active) {
  .module-calling-pip__button--hangup {
    background-color: WindowText;
  }
}
.dark-theme .module-calling-pip__button--hangup {
  -webkit-mask: url("../images/icons/v3/phone/phone-down-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-calling-pip__button--hangup {
    background-color: WindowText;
  }
}
.module-calling-pip__button--pip {
  -webkit-mask: url("../images/icons/v3/pip/pip-maximize-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
  height: 24px;
  width: 24px;
  border: none;
}
@media (forced-colors: active) {
  .module-calling-pip__button--pip {
    background-color: WindowText;
  }
}
.dark-theme .module-calling-pip__button--pip {
  -webkit-mask: url("../images/icons/v3/pip/pip-maximize-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-calling-pip__button--pip {
    background-color: WindowText;
  }
}

.module-calling-participants-list {
  display: flex;
  flex-direction: column;
  width: 320px;
  height: 440px;
  max-height: calc(100vh - 80px - 22px);
  padding-block: 5px 0;
  padding-inline: 5px;
  margin-block-end: 85px;
  margin-block-start: 20px;
  margin-inline: auto;
  background-color: #2e2e2e;
  border-radius: 10px;
  color: #ffffff;
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.2));
  outline: 1px solid #545454;
  overflow: hidden;
}
.module-calling-participants-list__overlay {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: row;
  width: 100vw;
  height: 100vh;
  padding-inline-start: 15px;
  align-items: flex-end;
  inset-inline-start: 0;
  z-index: 1301;
}
.module-calling-participants-list__overlay::after {
  content: "";
  display: flex;
  flex-shrink: 1;
  flex-basis: 480px;
}
.module-calling-participants-list__title {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
}
.module-calling-participants-list__contact-icon {
  margin-inline-start: 0.3em;
  background-color: #b9b9b9;
}
.module-calling-participants-list__list {
  height: 100%;
  overflow: auto;
  margin: 0;
  padding-block: 0;
  padding-inline: 0;
}
.module-calling-participants-list__list::-webkit-scrollbar {
  width: 4px;
}
.module-calling-participants-list__list::-webkit-scrollbar-corner,
.module-calling-participants-list__list::-webkit-scrollbar-track {
  background: transparent;
}
.module-calling-participants-list__contact {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: flex;
  align-items: center;
  width: 100%;
  margin-block: 2px;
  padding-block: 8px;
  padding-inline-start: 10px;
  padding-inline-end: 2px;
  list-style-type: none;
  border-radius: 6px;
  cursor: auto;
}
@media (forced-colors: active) {
  .module-calling-participants-list__contact {
    border: 1px solid WindowText;
  }
}
.module-calling-participants-list__contact:hover {
  background-color: #545454;
}
.module-calling-participants-list__contact[disabled] {
  cursor: auto;
}
.module-calling-participants-list__avatar-and-name {
  display: flex;
  flex-grow: 1;
  min-width: 0;
  align-items: center;
}
.module-calling-participants-list__name {
  display: inline-block;
  font-size: 13px;
  margin-inline-start: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.module-calling-participants-list__header {
  display: flex;
  justify-content: space-between;
  margin-block-end: 2px;
  padding-block: 8px;
  padding-inline: 10px 5px;
}
.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/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  height: 18px;
  width: 18px;
  margin-inline-end: 4px;
  z-index: 2;
}
@media (forced-colors: active) {
  .module-calling-participants-list__close {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .module-calling-participants-list__close {
    background-color: WindowText;
  }
}
.keyboard-mode .module-calling-participants-list__close:focus {
  background: #2c6bed;
}
.module-calling-participants-list__status-icon {
  display: flex;
  flex: none;
  margin-inline: 8px;
  height: 16px;
  width: 16px;
}
.module-calling-participants-list__hand-raised {
  -webkit-mask: url("../images/icons/v3/raise_hand/raise_hand-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-calling-participants-list__hand-raised {
    background-color: WindowText;
  }
}
.module-calling-participants-list__muted--video {
  -webkit-mask: url("../images/icons/v3/video/video-slash-compact-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-calling-participants-list__muted--video {
    background-color: WindowText;
  }
}
.module-calling-participants-list__muted--audio {
  -webkit-mask: url("../images/icons/v3/mic/mic-slash-compact-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-calling-participants-list__muted--audio {
    background-color: WindowText;
  }
}
.module-calling-participants-list__presenting {
  -webkit-mask: url("../images/icons/v3/share_screen/share_screen-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-calling-participants-list__presenting {
    background-color: WindowText;
  }
}
.module-calling-participants-list__remove {
  -webkit-mask: url("../images/icons/v3/minus/minus-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-calling-participants-list__remove {
    background-color: WindowText;
  }
}

button.module-calling-participants-list__contact {
  cursor: pointer;
}

.module-call-need-permission-screen {
  align-items: center;
  background-color: #121212;
  color: #e9e9e9;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  position: fixed;
  top: 0;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 0;
  width: 100%;
}
.module-call-need-permission-screen__text {
  margin-block: 2em;
  margin-inline: 1em;
  max-width: 400px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  text-align: center;
}
.module-call-need-permission-screen__button {
  padding-block: 0.5em;
  padding-inline: 1em;
  border: 0;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  color: #e9e9e9;
  background: #4a4a4a;
}

.module-conversation-list {
  padding-bottom: 8px;
  padding-inline: 10px;
}
.module-conversation-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  visibility: hidden;
  width: 6px;
  background: rgba(0, 0, 0, 0.4);
}
.dark-theme .module-conversation-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.4);
}
.module-conversation-list::-webkit-scrollbar {
  background: transparent;
}
.module-conversation-list::-webkit-scrollbar-track {
  background: transparent;
}
.module-conversation-list:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.module-conversation-list::-webkit-scrollbar-thumb {
  background: #b9b9b9;
  border-color: #f0f0f0;
}
.dark-theme .module-conversation-list::-webkit-scrollbar-thumb {
  background: #848484;
  border-color: #2e2e2e;
}
.module-left-pane--mode-choose-group-members .module-conversation-list,
.module-left-pane--mode-compose .module-conversation-list {
  padding-inline: 0;
}
.module-conversation-list--width-narrow {
  padding-inline: 10px 1px;
  scrollbar-gutter: stable;
}
.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;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  width: 100%;
  padding-inline: 18px;
  display: flex;
  color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-conversation-list__item--archive-button {
    border: 1px solid WindowText;
  }
}
.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__icon::before {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask: url("../images/icons/v3/archive/archive.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-conversation-list__item--archive-button__icon::before {
    background-color: WindowText;
  }
}
.dark-theme .module-conversation-list__item--archive-button__icon::before {
  -webkit-mask: url("../images/icons/v3/archive/archive.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-conversation-list__item--archive-button__icon::before {
    background-color: WindowText;
  }
}
.module-conversation-list__item--archive-button__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-inline: 8px;
}
.module-conversation-list__item--archive-button__archived-count {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  padding: 6px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 10px;
  white-space: pre;
  color: #5e5e5e;
  background-color: #e9e9e9;
}
.dark-theme .module-conversation-list__item--archive-button__archived-count {
  color: #b9b9b9;
  background-color: #3b3b3b;
}
.module-conversation-list--width-narrow .module-conversation-list__item--archive-button__icon {
  display: block;
  width: 48px;
  height: 48px;
  padding: 12px;
}
.module-conversation-list--width-narrow .module-conversation-list__item--archive-button__text,
.module-conversation-list--width-narrow .module-conversation-list__item--archive-button__archived-count {
  display: none;
}
.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;
  border-radius: 10px;
  cursor: inherit;
  display: flex;
  flex-direction: row;
  height: 72px;
  margin-block: 2px;
  margin-inline: 0;
  padding-block: 8px;
  padding-inline: 14px;
  user-select: none;
  width: 100%;
}
@media (forced-colors: active) {
  .module-conversation-list__item--contact-or-conversation {
    border: 1px solid WindowText;
  }
}
.module-conversation-list__item--contact-or-conversation
  .module-conversation-list__item--contact-or-conversation__unread-indicator {
  height: 18px;
  min-width: 18px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2c6bed;
}
.module-conversation-list--width-narrow
  .module-conversation-list__item--contact-or-conversation
  .module-conversation-list__item--contact-or-conversation__unread-indicator {
  display: none;
}
.dark-theme
  .module-conversation-list__item--contact-or-conversation
  .module-conversation-list__item--contact-or-conversation__unread-indicator {
  background-color: #406ec9;
}
.module-conversation-list__item--contact-or-conversation
  .module-conversation-list__item--contact-or-conversation__unread-indicator--unread-messages,
.module-conversation-list__item--contact-or-conversation
  .module-conversation-list__item--contact-or-conversation__unread-indicator--marked-unread {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  font-weight: 600;
  text-align: center;
  word-break: normal;
  padding-inline: 4px;
  line-height: 100%;
  color: #ffffff;
  font-weight: 500;
}
.module-conversation-list__item--contact-or-conversation
  .module-conversation-list__item--contact-or-conversation__unread-indicator--unread-mentions__icon {
  -webkit-mask: url("../images/icons/v3/at/at.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  width: 12px;
  height: 12px;
}
@media (forced-colors: active) {
  .module-conversation-list__item--contact-or-conversation
    .module-conversation-list__item--contact-or-conversation__unread-indicator--unread-mentions__icon {
    background-color: WindowText;
  }
}
.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-checkbox {
  cursor: pointer;
}
.module-conversation-list__item--contact-or-conversation--is-checkbox--disabled {
  cursor: not-allowed;
}
.module-conversation-list__item--contact-or-conversation:hover:not(
    :disabled,
    .module-conversation-list__item--contact-or-conversation--disabled,
    .module-conversation-list__item--contact-or-conversation--is-selected
  ),
.module-conversation-list__item--contact-or-conversation:focus:not(
    :disabled,
    .module-conversation-list__item--contact-or-conversation--disabled,
    .module-conversation-list__item--contact-or-conversation--is-selected
  ) {
  background-color: #e9e9e9;
}
.module-conversation-list__item--contact-or-conversation:hover:not(
    :disabled,
    .module-conversation-list__item--contact-or-conversation--disabled,
    .module-conversation-list__item--contact-or-conversation--is-selected
  )
  .module-conversation-list__item--contact-or-conversation__unread-indicator,
.module-conversation-list__item--contact-or-conversation:focus:not(
    :disabled,
    .module-conversation-list__item--contact-or-conversation--disabled,
    .module-conversation-list__item--contact-or-conversation--is-selected
  )
  .module-conversation-list__item--contact-or-conversation__unread-indicator {
  border-color: #e9e9e9;
}
.dark-theme
  .module-conversation-list__item--contact-or-conversation:hover:not(
    :disabled,
    .module-conversation-list__item--contact-or-conversation--disabled,
    .module-conversation-list__item--contact-or-conversation--is-selected
  ),
.dark-theme
  .module-conversation-list__item--contact-or-conversation:focus:not(
    :disabled,
    .module-conversation-list__item--contact-or-conversation--disabled,
    .module-conversation-list__item--contact-or-conversation--is-selected
  ) {
  background-color: #3b3b3b;
}
.dark-theme
  .module-conversation-list__item--contact-or-conversation:hover:not(
    :disabled,
    .module-conversation-list__item--contact-or-conversation--disabled,
    .module-conversation-list__item--contact-or-conversation--is-selected
  )
  .module-conversation-list__item--contact-or-conversation__unread-indicator,
.dark-theme
  .module-conversation-list__item--contact-or-conversation:focus:not(
    :disabled,
    .module-conversation-list__item--contact-or-conversation--disabled,
    .module-conversation-list__item--contact-or-conversation--is-selected
  )
  .module-conversation-list__item--contact-or-conversation__unread-indicator {
  border-color: #3b3b3b;
}
.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--is-selected
  .module-conversation-list__item--contact-or-conversation__avatar-container
  .module-conversation-list__item--contact-or-conversation__unread-indicator {
  border-color: #dedede;
}
.dark-theme
  .module-conversation-list__item--contact-or-conversation--is-selected
  .module-conversation-list__item--contact-or-conversation__avatar-container
  .module-conversation-list__item--contact-or-conversation__unread-indicator {
  border-color: #4a4a4a;
}
.module-conversation-list__item--contact-or-conversation__avatar-container {
  position: relative;
}
.module-conversation-list__item--contact-or-conversation__avatar-container
  .module-conversation-list__item--contact-or-conversation__unread-indicator {
  border-radius: 9999px;
  border: 3px solid transparent;
  height: 24px;
  margin: 0;
  min-width: 24px;
  position: absolute;
  top: -4px;
  display: none;
  border-color: #f6f6f6;
}
.module-conversation-list--width-narrow
  .module-conversation-list__item--contact-or-conversation__avatar-container
  .module-conversation-list__item--contact-or-conversation__unread-indicator {
  display: flex;
}
.dark-theme
  .module-conversation-list__item--contact-or-conversation__avatar-container
  .module-conversation-list__item--contact-or-conversation__unread-indicator {
  border-color: #2e2e2e;
}
.module-conversation-list__item--contact-or-conversation__avatar-container
  .module-conversation-list__item--contact-or-conversation__unread-indicator--unread-messages,
.module-conversation-list__item--contact-or-conversation__avatar-container
  .module-conversation-list__item--contact-or-conversation__unread-indicator--marked-unread {
  inset-inline-end: -8px;
}
.module-conversation-list__item--contact-or-conversation__avatar-container
  .module-conversation-list__item--contact-or-conversation__unread-indicator--unread-mentions {
  inset-inline-start: -8px;
}
.module-conversation-list__item--contact-or-conversation__avatar-container
  .module-conversation-list__item--contact-or-conversation__unread-indicator--is-selected {
  border-color: #dedede;
}
.dark-theme
  .module-conversation-list__item--contact-or-conversation__avatar-container
  .module-conversation-list__item--contact-or-conversation__unread-indicator--is-selected {
  border-color: #4a4a4a;
}
.module-conversation-list__item--contact-or-conversation__content {
  flex-grow: 1;
  margin-inline-start: 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--width-narrow .module-conversation-list__item--contact-or-conversation__content__header {
  display: none;
}
.module-conversation-list__item--contact-or-conversation__content__header__name {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  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__name__contact-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.module-conversation-list__item--contact-or-conversation__content__header__name__contact-name
  .ContactModal__official-badge {
  position: relative;
  top: 1px;
}
.module-conversation-list__item--contact-or-conversation__content__header__name__mute-icon {
  height: 14px;
  margin-inline-start: 8px;
  min-width: 14px;
  width: 14px;
  -webkit-mask: url("../images/icons/v3/bell/bell-slash-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .module-conversation-list__item--contact-or-conversation__content__header__name__mute-icon {
    background-color: WindowText;
  }
}
.dark-theme .module-conversation-list__item--contact-or-conversation__content__header__name__mute-icon {
  -webkit-mask: url("../images/icons/v3/bell/bell-slash-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-conversation-list__item--contact-or-conversation__content__header__name__mute-icon {
    background-color: WindowText;
  }
}
.module-conversation-list__item--contact-or-conversation__content__header__date {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  display: inline-block;
  flex-shrink: 0;
  margin-inline-start: 6px;
  color: #5e5e5e;
}
.dark-theme .module-conversation-list__item--contact-or-conversation__content__header__date {
  color: #b9b9b9;
}
.module-conversation-list__item--contact-or-conversation__content__message {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.module-conversation-list--width-narrow .module-conversation-list__item--contact-or-conversation__content__message {
  align-items: center;
  justify-content: flex-start;
}
.module-conversation-list__item--contact-or-conversation--is-checkbox
  .module-conversation-list__item--contact-or-conversation__content__message__text {
  /* restrict the growth so it doesn't encroach on the checkbox */
  -webkit-line-clamp: 1;
}
.module-conversation-list__item--contact-or-conversation__content__message__text {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: start;
  color: #5e5e5e;
}
.dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text {
  color: #b9b9b9;
}
.module-conversation-list--width-narrow
  .module-conversation-list__item--contact-or-conversation__content__message__text {
  display: none;
}
.module-conversation-list__item--contact-or-conversation__content__message__text--always-full-size {
  height: 36px;
}
.module-conversation-list__item--contact-or-conversation__content__message__text__blocked {
  display: flex;
  align-items: center;
}
.module-conversation-list__item--contact-or-conversation__content__message__text__blocked::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-inline-end: 4px;
  -webkit-mask: url("../images/icons/v3/block/block.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: currentColor;
}
@media (forced-colors: active) {
  .module-conversation-list__item--contact-or-conversation__content__message__text__blocked::before {
    background-color: WindowText;
  }
}
.module-conversation-list__item--contact-or-conversation__content__message__text__message-request {
  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-inline-end: 3px;
}
.module-conversation-list__item--contact-or-conversation__content__message__text__status-icon {
  flex-shrink: 0;
  margin-top: 4px;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-inline-start: 6px;
}
.module-conversation-list--width-narrow
  .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon {
  display: none;
}
.module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--sending {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-sending.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
.page-is-visible
  .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--sending {
  animation: rotate 4s linear infinite;
}
@media (forced-colors: active) {
  .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--sending {
    background-color: WindowText;
  }
}
.dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--sending {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-sending.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--sending {
    background-color: WindowText;
  }
}
.module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--sent {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-sent.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--sent {
    background-color: WindowText;
  }
}
.dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--sent {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-sent.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--sent {
    background-color: WindowText;
  }
}
.module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--delivered {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-delivered.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
  width: 18px;
}
@media (forced-colors: active) {
  .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--delivered {
    background-color: WindowText;
  }
}
.dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--delivered {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-delivered.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--delivered {
    background-color: WindowText;
  }
}
.module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--read,
.module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--viewed {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-read.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
  width: 18px;
}
@media (forced-colors: active) {
  .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--read,
  .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--viewed {
    background-color: WindowText;
  }
}
.dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--read,
.dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--viewed {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-read.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--read,
  .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--viewed {
    background-color: WindowText;
  }
}
.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/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .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 {
    background-color: WindowText;
  }
}
.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/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .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 {
    background-color: WindowText;
  }
}
.module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--paused {
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--paused {
    background-color: WindowText;
  }
}
.dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--paused {
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .dark-theme .module-conversation-list__item--contact-or-conversation__content__message__text__status-icon--paused {
    background-color: WindowText;
  }
}
.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-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-style: italic;
}
.module-conversation-list__item--contact-or-conversation__content__unread-indicators {
  display: flex;
  flex-direction: row;
  gap: 4px;
  flex-shrink: 0;
  margin-inline-start: 10px;
  margin-top: 1px;
}
.module-conversation-list__item--contact-or-conversation__checkbox {
  -webkit-appearance: none;
  background: #ffffff;
  border-radius: 100%;
  height: 20px;
  margin-inline: 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/v3/check/check.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  width: 13px;
  height: 13px;
}
@media (forced-colors: active) {
  .module-conversation-list__item--contact-or-conversation__checkbox:checked::before {
    background-color: WindowText;
  }
}
.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--contact-or-conversation__checkbox--container {
  margin-inline-start: 8px;
  /* prevent sibling content from pushing this smaller (min-width: the "!important" of width) */
  min-width: 20px;
}
.module-conversation-list__item--header {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  align-items: flex-end;
  display: flex;
  height: 100%;
  overflow-x: hidden;
  padding-bottom: 8px;
  padding-inline-start: 16px;
  text-overflow: ellipsis;
  user-select: none;
  white-space: nowrap;
}
.dark-theme .module-conversation-list__item--header {
  color: #e9e9e9;
}
.module-conversation-list--width-narrow .module-conversation-list__item--header {
  border-radius: 9999px;
  display: block;
  height: 2px;
  margin-block: 19px;
  margin-inline: 14px 0;
  padding-bottom: 0;
  width: 48px;
  color: transparent;
  overflow: hidden;
  text-indent: -99999px;
  background: rgba(0, 0, 0, 0.12);
}
.dark-theme .module-conversation-list--width-narrow .module-conversation-list__item--header {
  background: rgba(255, 255, 255, 0.12);
}
.module-conversation-list__item--spinner {
  width: 100%;
  padding: 10px;
  text-align: center;
}

.module-left-pane {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: relative;
}
.module-left-pane__dialogs:first-child {
  margin-top: 8px;
}

.module-left-pane__header {
  flex-grow: 0;
  flex-shrink: 0;
  user-select: none;
}
.module-left-pane__header__contents {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding-block: 15px;
}
.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-inline-start: 16px;
  width: 20px;
  height: 20px;
}
@media (forced-colors: active) {
  .module-left-pane__header__contents__back-button {
    border: 1px solid WindowText;
  }
}
.module-left-pane__header__contents__back-button:disabled {
  cursor: not-allowed;
}
.module-left-pane__header__contents__back-button:dir(ltr) {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-left-pane__header__contents__back-button:dir(ltr) {
    background-color: WindowText;
  }
}
:dir(rtl) .module-left-pane__header__contents__back-button:dir(ltr) {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.module-left-pane__header__contents__back-button:dir(rtl) {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-left-pane__header__contents__back-button:dir(rtl) {
    background-color: WindowText;
  }
}
:dir(rtl) .module-left-pane__header__contents__back-button:dir(rtl) {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.keyboard-mode .module-left-pane__header__contents__back-button:dir(ltr):focus {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .keyboard-mode .module-left-pane__header__contents__back-button:dir(ltr):focus {
    background-color: WindowText;
  }
}
:dir(rtl) .keyboard-mode .module-left-pane__header__contents__back-button:dir(ltr):focus {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.keyboard-mode .module-left-pane__header__contents__back-button:dir(rtl):focus {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .keyboard-mode .module-left-pane__header__contents__back-button:dir(rtl):focus {
    background-color: WindowText;
  }
}
:dir(rtl) .keyboard-mode .module-left-pane__header__contents__back-button:dir(rtl):focus {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.dark-theme .module-left-pane__header__contents__back-button:dir(ltr) {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-left-pane__header__contents__back-button:dir(ltr) {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .module-left-pane__header__contents__back-button:dir(ltr) {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.dark-theme .module-left-pane__header__contents__back-button:dir(rtl) {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-left-pane__header__contents__back-button:dir(rtl) {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .module-left-pane__header__contents__back-button:dir(rtl) {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.dark-theme.keyboard-mode .module-left-pane__header__contents__back-button:dir(ltr):hover {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #6191f3;
}
@media (forced-colors: active) {
  .dark-theme.keyboard-mode .module-left-pane__header__contents__back-button:dir(ltr):hover {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme.keyboard-mode .module-left-pane__header__contents__back-button:dir(ltr):hover {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.dark-theme.keyboard-mode .module-left-pane__header__contents__back-button:dir(rtl):hover {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #6191f3;
}
@media (forced-colors: active) {
  .dark-theme.keyboard-mode .module-left-pane__header__contents__back-button:dir(rtl):hover {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme.keyboard-mode .module-left-pane__header__contents__back-button:dir(rtl):hover {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.module-left-pane__header__contents__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  flex-grow: 1;
  padding-inline-end: 36px;
  text-align: center;
  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__header__form__expire-timer {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-block: 0 16px;
  margin-inline: 16px;
}
.module-left-pane__header__form__expire-timer__label {
  margin-inline-end: 12px;
}
.module-left-pane__header__form__expire-timer .module-disappearing-timer-select {
  width: 144px;
}

.module-left-pane__startComposingIcon {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/compose/compose.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-left-pane__startComposingIcon {
    background-color: WindowText;
  }
}
.dark-theme .module-left-pane__startComposingIcon {
  -webkit-mask: url("../images/icons/v3/compose/compose.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-left-pane__startComposingIcon {
    background-color: WindowText;
  }
}

.module-left-pane__moreActionsIcon {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-left-pane__moreActionsIcon {
    background-color: WindowText;
  }
}
.dark-theme .module-left-pane__moreActionsIcon {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-left-pane__moreActionsIcon {
    background-color: WindowText;
  }
}

.module-left-pane__archive-helper-text {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  flex-grow: 0;
  flex-shrink: 0;
  user-select: none;
  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-inline: 1em;
  width: 100%;
  text-align: center;
  outline: none;
}

.module-left-pane__no-search-results__sms-only {
  margin-top: 12px;
  color: #5e5e5e;
}
.dark-theme .module-left-pane__no-search-results__sms-only {
  color: #b9b9b9;
}

.module-left-pane__compose-search-form__input {
  flex-grow: 1;
}

.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;
  inset-inline-start: 0;
  padding: 12px;
  position: absolute;
  width: 100%;
  background: linear-gradient(transparent, #f6f6f6);
}
.dark-theme .module-left-pane__footer {
  background: linear-gradient(transparent, #2e2e2e);
}

.module-left-pane__resize-grab-area {
  position: absolute;
  width: 8px;
  height: 100%;
  inset-inline-end: -8px;
  top: 0;
  z-index: 2;
  cursor: col-resize;
}

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

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

.module-timeline__messages__container {
  flex: 1 1;
  overflow-x: hidden;
  overflow-y: overlay;
  display: flex;
  flex-direction: column;
}
.module-timeline__messages__container button {
  -webkit-app-region: initial;
}

.module-timeline__messages {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  padding-bottom: 6px;
  position: relative;
  justify-content: flex-end;
}
.module-timeline__messages::after {
  content: "";
  height: 1px;
  display: block;
}
.module-timeline__messages--have-newest:not(.module-timeline__messages--scroll-locked) > * {
  overflow-anchor: none;
}
.module-timeline__messages--have-newest:not(.module-timeline__messages--scroll-locked)::after {
  overflow-anchor: auto;
}
.module-timeline__messages--have-oldest {
  justify-content: flex-start;
}
.module-timeline__messages__at-bottom-detector {
  position: absolute;
  bottom: 0;
}

.module-timeline__scrolldown-buttons {
  z-index: 10;
  position: absolute;
  inset-inline-end: 16px;
  bottom: 12px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ReactVirtualized__List {
  outline: none;
}

.MediaQualitySelector__popper,
.ContextMenu__popper,
.module-emoji-picker,
.module-sticker-picker {
  width: 332px;
  border-radius: 4px;
  margin-bottom: 6px;
  z-index: 125;
  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;
}
@media (forced-colors: active) {
  .MediaQualitySelector__popper,
  .ContextMenu__popper,
  .module-emoji-picker,
  .module-sticker-picker {
    border: 1px solid WindowText;
  }
}
.MediaQualitySelector__popper ::-webkit-scrollbar-thumb,
.ContextMenu__popper ::-webkit-scrollbar-thumb,
.module-emoji-picker ::-webkit-scrollbar-thumb,
.module-sticker-picker ::-webkit-scrollbar-thumb {
  border: 2px solid #f6f6f6;
}
.dark-theme .MediaQualitySelector__popper,
.dark-theme .ContextMenu__popper,
.dark-theme .module-emoji-picker,
.dark-theme .module-sticker-picker {
  background: #3b3b3b;
}
.dark-theme .MediaQualitySelector__popper ::-webkit-scrollbar-thumb,
.dark-theme .ContextMenu__popper ::-webkit-scrollbar-thumb,
.dark-theme .module-emoji-picker ::-webkit-scrollbar-thumb,
.dark-theme .module-sticker-picker ::-webkit-scrollbar-thumb {
  border: 2px solid #3b3b3b;
}

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

.module-sticker-picker__header {
  display: flex;
  flex-direction: row;
  padding-block: 0;
  padding-inline: 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;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translateX(0);
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.module-sticker-picker__recents--title {
  color: #e9e9e9;
}

.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-inline-end: 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/v3/recent/recent.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-sticker-picker__header__button--recents::after {
    background-color: WindowText;
  }
}
.dark-theme .module-sticker-picker__header__button--recents::after {
  -webkit-mask: url("../images/icons/v3/recent/recent.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-sticker-picker__header__button--recents::after {
    background-color: WindowText;
  }
}
.module-sticker-picker__header__button--add-pack::after {
  -webkit-mask: url("../images/icons/v3/plus/plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-sticker-picker__header__button--add-pack::after {
    background-color: WindowText;
  }
}
.dark-theme .module-sticker-picker__header__button--add-pack::after {
  -webkit-mask: url("../images/icons/v3/plus/plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-sticker-picker__header__button--add-pack::after {
    background-color: WindowText;
  }
}
.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;
  inset-inline-start: 0;
}
.module-sticker-picker__header__button--prev-page:dir(ltr)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-sticker-picker__header__button--prev-page:dir(ltr)::after {
    background-color: WindowText;
  }
}
:dir(rtl) .module-sticker-picker__header__button--prev-page:dir(ltr)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.dark-theme .module-sticker-picker__header__button--prev-page:dir(ltr)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-sticker-picker__header__button--prev-page:dir(ltr)::after {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .module-sticker-picker__header__button--prev-page:dir(ltr)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.module-sticker-picker__header__button--prev-page:dir(rtl)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-sticker-picker__header__button--prev-page:dir(rtl)::after {
    background-color: WindowText;
  }
}
:dir(rtl) .module-sticker-picker__header__button--prev-page:dir(rtl)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.dark-theme .module-sticker-picker__header__button--prev-page:dir(rtl)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-sticker-picker__header__button--prev-page:dir(rtl)::after {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .module-sticker-picker__header__button--prev-page:dir(rtl)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.module-sticker-picker__header__button--next-page {
  position: absolute;
  inset-inline-end: 0;
}
.module-sticker-picker__header__button--next-page:dir(ltr)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-sticker-picker__header__button--next-page:dir(ltr)::after {
    background-color: WindowText;
  }
}
:dir(rtl) .module-sticker-picker__header__button--next-page:dir(ltr)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.dark-theme .module-sticker-picker__header__button--next-page:dir(ltr)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-sticker-picker__header__button--next-page:dir(ltr)::after {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .module-sticker-picker__header__button--next-page:dir(ltr)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.module-sticker-picker__header__button--next-page:dir(rtl)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-sticker-picker__header__button--next-page:dir(rtl)::after {
    background-color: WindowText;
  }
}
:dir(rtl) .module-sticker-picker__header__button--next-page:dir(rtl)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.dark-theme .module-sticker-picker__header__button--next-page:dir(rtl)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-sticker-picker__header__button--next-page:dir(rtl)::after {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .module-sticker-picker__header__button--next-page:dir(rtl)::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.module-sticker-picker__header__button--error {
  position: relative;
}
.module-sticker-picker__header__button--error::before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  inset-inline-start: 14px;
  top: 2px;
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .module-sticker-picker__header__button--error::before {
    background-color: WindowText;
  }
}
.module-sticker-picker__header__button--hint {
  position: relative;
}
.module-sticker-picker__header__button--hint::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  inset-inline-end: 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__grid {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 68px;
}
.module-sticker-picker__body__content {
  width: 332px;
  height: 356px;
  padding-block: 8px 16px;
  padding-inline: 13px;
  overflow-y: auto;
}
.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-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  text-align: center;
  padding-block: 8px 12px;
  padding-inline: 0 16px;
  color: #5e5e5e;
}
.dark-theme .module-sticker-picker__body__text {
  color: #b9b9b9;
}
.module-sticker-picker__body__text:only-child {
  padding-block: 0 28px;
  padding-inline: 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-block: 8px 12px;
  padding-inline: 0px 16px;
  position: absolute;
  top: 0;
}

.module-sticker-picker__time--digital {
  font-family:
    Hatsuishi,
    Inter,
    "Source Sans Pro",
    "Source Han Sans",
    -apple-system,
    system-ui,
    "Segoe UI",
    "Noto Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  /* Japanese */
  /* Farsi (Persian) */
  /* Urdu */
  color: #ffffff;
  font-size: 28px;
  line-height: 0px;
}
.module-sticker-picker__time--digital:lang(ja) {
  font-family: Inter, "SF Pro", "SF Pro JP", "BIZ UDGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ,
    Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.module-sticker-picker__time--digital:lang(fa) {
  font-family:
    "Vazirmatn",
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Tahoma,
    "Noto Sans Arabic",
    Helvetica,
    Arial,
    sans-serif;
}
.module-sticker-picker__time--digital:lang(ur) {
  font-family: "Noto Nastaliq Urdu", Gulzar, "Jameel Noori Nastaleeq", "Faiz Lahori Nastaleeq", "Urdu Typesetting",
    Helvetica, Arial, sans-serif;
}

.module-sticker-picker__time--analog {
  background: url(../images/analog-time/Arabic.svg) center no-repeat;
  background-size: contain;
  height: 64px;
  position: relative;
  width: 64px;
}

.module-sticker-picker__time--analog__hour {
  background: url(../images/analog-time/Arabic-hour.svg) center no-repeat;
  height: 14px;
  inset-inline-start: 50%;
  margin-inline-start: -1px;
  margin-top: -14px;
  position: absolute;
  top: 50%;
  transform-origin: 50% 100%;
  width: 2px;
}

.module-sticker-picker__time--analog__minute {
  background: url(../images/analog-time/Arabic-minute.svg) center no-repeat;
  height: 22px;
  inset-inline-start: 50%;
  margin-inline-start: -1px;
  margin-top: -22px;
  position: absolute;
  top: 50%;
  transform-origin: 50% 100%;
  width: 2px;
}

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

.module-sticker-button__button {
  border: 0;
  border-radius: 4px;
  background: none;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
}
.keyboard-mode .module-sticker-button__button:focus {
  outline: 2px solid #2c6bed;
}
.module-sticker-button__button::after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  -webkit-mask: url("../images/icons/v3/sticker/sticker.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-sticker-button__button::after {
    background-color: WindowText;
  }
}
.dark-theme .module-sticker-button__button::after {
  -webkit-mask: url("../images/icons/v3/sticker/sticker.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-sticker-button__button::after {
    background-color: WindowText;
  }
}
.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-block: 7px;
  padding-inline: 12px;
  border-radius: 8px;
  margin-bottom: 6px;
  z-index: 150;
  background: #ffffff;
  box-shadow:
    0px 8px 20px rgba(0, 0, 0, 0.3),
    0px 0px 8px rgba(0, 0, 0, 0.05);
}
@media (forced-colors: active) {
  .module-sticker-button__tooltip {
    border: 1px solid WindowText;
  }
}
.dark-theme .module-sticker-button__tooltip {
  background: #3b3b3b;
}
@media (forced-colors: active) {
  .module-sticker-button__tooltip {
    border: 1px solid WindowText;
  }
}
.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-inline-start: 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-block: 0;
  padding-inline: 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-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: 16px;
  height: 16px;
  border: none;
  -webkit-mask: url("../images/icons/v3/x/x-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-sticker-button__tooltip--introduction__close__button {
    background-color: WindowText;
  }
}
.dark-theme .module-sticker-button__tooltip--introduction__close__button {
  -webkit-mask: url("../images/icons/v3/x/x-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-sticker-button__tooltip--introduction__close__button {
    background-color: WindowText;
  }
}

.module-emoji-picker__footer,
.module-emoji-picker__header {
  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-block: 0;
  margin-inline: 12px;
}
.module-emoji-picker__header__search-field {
  flex-grow: 1;
  margin-inline-start: 8px;
  position: relative;
  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;
  inset-inline-start: 8px;
  top: 6px;
  -webkit-mask: url("../images/icons/v3/search/search-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-emoji-picker__header__search-field::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-picker__header__search-field::after {
  -webkit-mask: url("../images/icons/v3/search/search-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-picker__header__search-field::after {
    background-color: WindowText;
  }
}
.module-emoji-picker__header__search-field__input {
  width: 100%;
  height: 28px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  line-height: 28px;
  border-radius: 17px;
  border-width: 1px;
  border-style: solid;
  padding-block: 0;
  padding-inline: 30px 8px;
  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__footer__skin-tones {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
}
.module-emoji-picker__footer__settings-spacer {
  width: 28px;
  margin-inline-end: 12px;
}
.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(:last-of-type) {
  margin-inline-end: 4px;
}
.module-emoji-picker__button--settings {
  margin-inline-start: 12px;
  border-radius: 100%;
  background: #ffffff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
.dark-theme .module-emoji-picker__button--settings {
  background: #4a4a4a;
}
.module-emoji-picker__button--settings::before {
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  -webkit-mask: url("../images/icons/v3/settings/settings.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-emoji-picker__button--settings::before {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-picker__button--settings::before {
  -webkit-mask: url("../images/icons/v3/settings/settings.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-picker__button--settings::before {
    background-color: WindowText;
  }
}
.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/v3/search/search.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-emoji-picker__button--icon--search::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-picker__button--icon--search::after {
  -webkit-mask: url("../images/icons/v3/search/search.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-picker__button--icon--search::after {
    background-color: WindowText;
  }
}
.module-emoji-picker__button--icon--close::after {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-emoji-picker__button--icon--close::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-picker__button--icon--close::after {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-picker__button--icon--close::after {
    background-color: WindowText;
  }
}
.module-emoji-picker__button--icon--recents::after {
  -webkit-mask: url("../images/icons/v3/recent/recent.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-emoji-picker__button--icon--recents::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-picker__button--icon--recents::after {
  -webkit-mask: url("../images/icons/v3/recent/recent.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-picker__button--icon--recents::after {
    background-color: WindowText;
  }
}
.module-emoji-picker__button--icon--emoji::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-emoji-picker__button--icon--emoji::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-picker__button--icon--emoji::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-picker__button--icon--emoji::after {
    background-color: WindowText;
  }
}
.module-emoji-picker__button--icon--animal::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-animal.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-emoji-picker__button--icon--animal::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-picker__button--icon--animal::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-animal.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-picker__button--icon--animal::after {
    background-color: WindowText;
  }
}
.module-emoji-picker__button--icon--food::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-food.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-emoji-picker__button--icon--food::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-picker__button--icon--food::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-food.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-picker__button--icon--food::after {
    background-color: WindowText;
  }
}
.module-emoji-picker__button--icon--activity::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-activity.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-emoji-picker__button--icon--activity::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-picker__button--icon--activity::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-activity.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-picker__button--icon--activity::after {
    background-color: WindowText;
  }
}
.module-emoji-picker__button--icon--travel::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-travel.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-emoji-picker__button--icon--travel::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-picker__button--icon--travel::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-travel.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-picker__button--icon--travel::after {
    background-color: WindowText;
  }
}
.module-emoji-picker__button--icon--object::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-object.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-emoji-picker__button--icon--object::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-picker__button--icon--object::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-object.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-picker__button--icon--object::after {
    background-color: WindowText;
  }
}
.module-emoji-picker__button--icon--symbol::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-symbol.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-emoji-picker__button--icon--symbol::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-picker__button--icon--symbol::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-symbol.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-picker__button--icon--symbol::after {
    background-color: WindowText;
  }
}
.module-emoji-picker__button--icon--flag::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-flag.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-emoji-picker__button--icon--flag::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-picker__button--icon--flag::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-flag.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-picker__button--icon--flag::after {
    background-color: WindowText;
  }
}
.module-emoji-picker__body {
  padding-block: 8px 0;
  padding-inline: 12px 16px;
  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-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-block: 0;
  margin-inline: 6px;
  padding-top: 4px;
}

.module-emoji-button__button {
  border: 0;
  border-radius: 4px;
  background: none;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
}
.keyboard-mode .module-emoji-button__button:focus {
  outline: 2px solid #2c6bed;
}
.module-emoji-button__button::after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  -webkit-mask: url("../images/icons/v3/emoji/emoji.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-emoji-button__button::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-button__button::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-button__button::after {
    background-color: WindowText;
  }
}
.module-emoji-button__button--profile-editor::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-emoji-button__button--profile-editor::after {
    background-color: WindowText;
  }
}
.dark-theme .module-emoji-button__button--profile-editor::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji-plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-emoji-button__button--profile-editor::after {
    background-color: WindowText;
  }
}
.module-emoji-button__button--has-emoji {
  opacity: 1;
}
.module-emoji-button__button--has-emoji::after {
  display: none;
}
.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;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  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;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  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;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  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;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  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;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  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;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  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;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  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;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  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;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translate3d(0, 0, 0);
  vertical-align: baseline;
}

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

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

.module-last-seen-indicator__text {
  margin-top: 3px;
  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;
}

/* 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/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  height: 24px;
  position: absolute;
  inset-inline-end: 5px;
  top: 0;
  width: 24px;
  z-index: 2;
}
@media (forced-colors: active) {
  .module-calling-device-selection__close-button {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .module-calling-device-selection__close-button {
    background-color: WindowText;
  }
}
.keyboard-mode .module-calling-device-selection__close-button:focus,
.keyboard-mode .module-calling-device-selection__close-button:active,
.keyboard-mode .module-calling-device-selection__close-button:hover {
  background-color: #2c6bed;
}

.module-calling-device-selection__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  margin-top: 12px;
  margin-bottom: 20px;
}

.module-calling-device-selection__label {
  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-group-v1-disabled-actions {
  padding-block: 8px 12px;
  padding-inline: 16px;
  max-width: 650px;
  margin-inline: auto;
  background: #ffffff;
}
.dark-theme .module-group-v1-disabled-actions {
  background: #121212;
}

.module-group-v1-disabled-actions__message {
  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-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  border-radius: 4px;
  padding: 8px;
  padding-inline: 30px;
  background-color: #2c6bed;
  color: #ffffff;
  border: 1px solid white;
}
@media (forced-colors: active) {
  .module-group-v1-disabled-actions__buttons__button {
    border: 1px solid WindowText;
  }
}
.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-block: 8px 12px;
  padding-inline: 16px;
  max-width: 650px;
  margin-inline: auto;
  background: #ffffff;
}
.dark-theme .module-group-v2-pending-approval-actions {
  background: #121212;
}

.module-group-v2-pending-approval-actions__message {
  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-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  border-radius: 4px;
  padding: 8px;
  padding-inline: 30px;
  color: #1b1b1b;
  background-color: #e9e9e9;
  color: #5e5e5e;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .module-group-v2-pending-approval-actions__buttons__button {
    border: 1px solid WindowText;
  }
}
.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);
  width: 100vw;
  height: 100vh;
  inset-inline-start: 0;
  top: 0;
  position: fixed;
  z-index: 1302;
}

.module-modal-host__overlay-container {
  display: flex;
  flex-direction: row;
  width: 100vw;
  height: 100vh;
  inset-inline-start: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 20px;
  position: fixed;
  z-index: 1302;
}

.module-modal-host__width-container {
  max-width: 360px;
  width: 95%;
}

.module-modal-host--on-top-of-everything .module-modal-host__overlay,
.module-modal-host--on-top-of-everything .module-modal-host__overlay-container {
  z-index: 9001;
}

.module-group-v2-join-dialog {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  border-radius: 8px;
  width: 360px;
  margin-inline: 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;
  inset-inline-end: 12px;
  top: 12px;
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-group-v2-join-dialog__close-button {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .module-group-v2-join-dialog__close-button {
    background-color: WindowText;
  }
}
.dark-theme .module-group-v2-join-dialog__close-button {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-group-v2-join-dialog__close-button {
    background-color: WindowText;
  }
}
.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-weight: 600;
  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 {
  color: #5e5e5e;
  text-align: center;
}

.module-group-v2-join-dialog__prompt {
  margin-top: 40px;
}
.module-group-v2-join-dialog__prompt--approval {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #848484;
  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-inline-start: 16px;
}

.module-group-v2-join-dialog__description {
  color: #5e5e5e;
  margin-top: 12px;
}

.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;
}
@media (forced-colors: active) {
  .module-progress-dialog {
    border: 1px solid WindowText;
  }
}
.dark-theme .module-progress-dialog {
  background: #2e2e2e;
  color: #e9e9e9;
}

.module-progress-dialog__spinner {
  padding: 10px;
}

.module-progress-dialog__text {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
}

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

.module-error-modal__button-container {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.module-button__small {
  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-block: 7px;
  padding-inline: 12px;
}
@media (forced-colors: active) {
  .module-button__small {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .module-button__small:focus {
  box-shadow: 0px 0px 0px 2px #2c6bed;
}
.dark-theme .module-button__small {
  color: #e9e9e9;
  border-color: #4a4a4a;
}

.module-background-color__default {
  background-color: rgba(0, 0, 0, 0.4);
}
.module-background-color--A100 {
  --bg: #e3e3fe;
  --fg: #3838f5;
  background-color: var(--bg);
  color: var(--fg);
}
.module-background-color--A100--icon {
  background-color: var(--fg);
}
.dark-theme .module-background-color--A100--icon {
  background-color: var(--fg);
}
.module-background-color--A110 {
  --bg: #dde7fc;
  --fg: #1251d3;
  background-color: var(--bg);
  color: var(--fg);
}
.module-background-color--A110--icon {
  background-color: var(--fg);
}
.dark-theme .module-background-color--A110--icon {
  background-color: var(--fg);
}
.module-background-color--A120 {
  --bg: #d8e8f0;
  --fg: #086da0;
  background-color: var(--bg);
  color: var(--fg);
}
.module-background-color--A120--icon {
  background-color: var(--fg);
}
.dark-theme .module-background-color--A120--icon {
  background-color: var(--fg);
}
.module-background-color--A130 {
  --bg: #cde4cd;
  --fg: #067906;
  background-color: var(--bg);
  color: var(--fg);
}
.module-background-color--A130--icon {
  background-color: var(--fg);
}
.dark-theme .module-background-color--A130--icon {
  background-color: var(--fg);
}
.module-background-color--A140 {
  --bg: #eae0fd;
  --fg: #661aff;
  background-color: var(--bg);
  color: var(--fg);
}
.module-background-color--A140--icon {
  background-color: var(--fg);
}
.dark-theme .module-background-color--A140--icon {
  background-color: var(--fg);
}
.module-background-color--A150 {
  --bg: #f5e3fe;
  --fg: #9f00f0;
  background-color: var(--bg);
  color: var(--fg);
}
.module-background-color--A150--icon {
  background-color: var(--fg);
}
.dark-theme .module-background-color--A150--icon {
  background-color: var(--fg);
}
.module-background-color--A160 {
  --bg: #f6d8ec;
  --fg: #b8057c;
  background-color: var(--bg);
  color: var(--fg);
}
.module-background-color--A160--icon {
  background-color: var(--fg);
}
.dark-theme .module-background-color--A160--icon {
  background-color: var(--fg);
}
.module-background-color--A170 {
  --bg: #f5d7d7;
  --fg: #be0404;
  background-color: var(--bg);
  color: var(--fg);
}
.module-background-color--A170--icon {
  background-color: var(--fg);
}
.dark-theme .module-background-color--A170--icon {
  background-color: var(--fg);
}
.module-background-color--A180 {
  --bg: #fef5d0;
  --fg: #836b01;
  background-color: var(--bg);
  color: var(--fg);
}
.module-background-color--A180--icon {
  background-color: var(--fg);
}
.dark-theme .module-background-color--A180--icon {
  background-color: var(--fg);
}
.module-background-color--A190 {
  --bg: #eae6d5;
  --fg: #7d6f40;
  background-color: var(--bg);
  color: var(--fg);
}
.module-background-color--A190--icon {
  background-color: var(--fg);
}
.dark-theme .module-background-color--A190--icon {
  background-color: var(--fg);
}
.module-background-color--A200 {
  --bg: #d2d2dc;
  --fg: #4f4f6d;
  background-color: var(--bg);
  color: var(--fg);
}
.module-background-color--A200--icon {
  background-color: var(--fg);
}
.dark-theme .module-background-color--A200--icon {
  background-color: var(--fg);
}
.module-background-color--A210 {
  --bg: #d7d7d9;
  --fg: #5c5c5c;
  background-color: var(--bg);
  color: var(--fg);
}
.module-background-color--A210--icon {
  background-color: var(--fg);
}
.dark-theme .module-background-color--A210--icon {
  background-color: var(--fg);
}

.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-block: 8px;
  padding-inline: 21px;
  position: fixed;
  text-align: center;
  z-index: 150;
}
.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;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  direction: ltr;
}
.module-tooltip .module-tooltip-arrow::after {
  border: solid 6px transparent;
  content: "";
  display: block;
  height: 0;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  margin-left: -6px;
  margin-top: -6px;
  position: absolute;
  width: 0;
}
.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"] .module-tooltip-arrow {
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 0;
}
.module-tooltip[data-placement="right"] .module-tooltip-arrow::after {
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: -6px;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  border-right-color: var(--tooltip-background-color);
}
.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"] .module-tooltip-arrow {
  /* stylelint-disable-next-line liberty/use-logical-spec */
  right: 0;
}
.module-tooltip[data-placement="left"] .module-tooltip-arrow::after {
  /* stylelint-disable-next-line liberty/use-logical-spec */
  right: -12px;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  border-left-color: var(--tooltip-background-color);
}

.module-chat-session-refreshed-dialog__image {
  text-align: center;
}

.module-chat-session-refreshed-dialog__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 3px;
}

.module-delivery-issue-dialog__image {
  text-align: center;
}

.module-delivery-issue-dialog__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 3px;
}

/* 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-block: 6px;
  padding-inline: 0;
  opacity: 0;
  user-select: none;
  visibility: hidden;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .react-contextmenu {
    border: 1px solid WindowText;
  }
}
.react-contextmenu:not(:has(:nth-child(2))) {
  padding-block: 0;
}
.react-contextmenu:not(:has(:nth-child(2))) .react-contextmenu-item {
  padding-block: 9px;
  border-radius: 4px;
}
.dark-theme .react-contextmenu {
  background-color: #3b3b3b;
}

.react-contextmenu--visible {
  opacity: 1;
  visibility: visible;
  z-index: 125;
  -webkit-app-region: no-drag;
}

.react-contextmenu-item {
  outline: none;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  padding-block: 7px;
  padding-inline: 12px;
  color: #1b1b1b;
}
.dark-theme .react-contextmenu-item {
  color: #f6f6f6;
}
.react-contextmenu-item--divider {
  height: 1px;
  margin-block: 6px;
  margin-inline: 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;
  inset-inline-end: 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-inline-end: 36px;
}

.react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item:after {
  content: " ";
  display: inline-block;
  height: 18px;
  position: absolute;
  inset-inline-end: 7px;
  width: 12px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
  color: #1b1b1b;
}
@media (forced-colors: active) {
  .react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item:after {
    background-color: WindowText;
  }
}
:dir(rtl) .react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item:after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.dark-theme .react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item:after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item:after {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item:after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}

.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--disabled.react-contextmenu-item--selected {
  background-color: inherit;
  cursor: inherit;
}

.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__container {
  max-width: 100%;
}
.module-message__container--incoming {
  align-self: flex-start;
}
.module-message__container--outgoing {
  align-self: flex-end;
}
.module-message__container--with-reactions {
  margin-bottom: -6px;
}
.module-message__container--deleted-for-everyone {
  font-style: italic;
}

.module-message__context--icon::before {
  content: " ";
  display: inline-block;
  height: 16px;
  margin-inline-end: 8px;
  width: 16px;
  vertical-align: middle;
}
.module-message__context__download::before {
  -webkit-mask: url("../images/icons/v3/save/save-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-message__context__download::before {
    background-color: WindowText;
  }
}
.dark-theme .module-message__context__download::before {
  -webkit-mask: url("../images/icons/v3/save/save-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-message__context__download::before {
    background-color: WindowText;
  }
}
.module-message__context__reply::before {
  -webkit-mask: url("../images/icons/v3/reply/reply-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-message__context__reply::before {
    background-color: WindowText;
  }
}
.dark-theme .module-message__context__reply::before {
  -webkit-mask: url("../images/icons/v3/reply/reply-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-message__context__reply::before {
    background-color: WindowText;
  }
}
.module-message__context__react::before {
  -webkit-mask: url("../images/icons/v3/heart/heart-plus-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-message__context__react::before {
    background-color: WindowText;
  }
}
.dark-theme .module-message__context__react::before {
  -webkit-mask: url("../images/icons/v3/heart/heart-plus-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-message__context__react::before {
    background-color: WindowText;
  }
}
.module-message__context__more-info::before {
  -webkit-mask: url("../images/icons/v3/info/info-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-message__context__more-info::before {
    background-color: WindowText;
  }
}
.dark-theme .module-message__context__more-info::before {
  -webkit-mask: url("../images/icons/v3/info/info-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-message__context__more-info::before {
    background-color: WindowText;
  }
}
.module-message__context__select::before {
  -webkit-mask: url("../images/icons/v3/check/check-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-message__context__select::before {
    background-color: WindowText;
  }
}
.dark-theme .module-message__context__select::before {
  -webkit-mask: url("../images/icons/v3/check/check-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-message__context__select::before {
    background-color: WindowText;
  }
}
.module-message__context__retry-send::before {
  -webkit-mask: url("../images/icons/v3/send/send.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-message__context__retry-send::before {
    background-color: WindowText;
  }
}
.dark-theme .module-message__context__retry-send::before {
  -webkit-mask: url("../images/icons/v3/send/send.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-message__context__retry-send::before {
    background-color: WindowText;
  }
}
.module-message__context__forward-message::before {
  -webkit-mask: url("../images/icons/v3/forward/forward-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-message__context__forward-message::before {
    background-color: WindowText;
  }
}
.dark-theme .module-message__context__forward-message::before {
  -webkit-mask: url("../images/icons/v3/forward/forward-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-message__context__forward-message::before {
    background-color: WindowText;
  }
}
.module-message__context__edit-message::before {
  -webkit-mask: url("../images/icons/v3/edit/edit-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-message__context__edit-message::before {
    background-color: WindowText;
  }
}
.dark-theme .module-message__context__edit-message::before {
  -webkit-mask: url("../images/icons/v3/edit/edit-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-message__context__edit-message::before {
    background-color: WindowText;
  }
}
.module-message__context__delete-message::before,
.module-message__context__delete-message-for-everyone::before {
  -webkit-mask: url("../images/icons/v3/trash/trash-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-message__context__delete-message::before,
  .module-message__context__delete-message-for-everyone::before {
    background-color: WindowText;
  }
}
.dark-theme .module-message__context__delete-message::before,
.dark-theme .module-message__context__delete-message-for-everyone::before {
  -webkit-mask: url("../images/icons/v3/trash/trash-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-message__context__delete-message::before,
  .dark-theme .module-message__context__delete-message-for-everyone::before {
    background-color: WindowText;
  }
}
.module-message__context__copy-timestamp::before {
  -webkit-mask: url("../images/icons/v3/copy/copy-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-message__context__copy-timestamp::before {
    background-color: WindowText;
  }
}
.dark-theme .module-message__context__copy-timestamp::before {
  -webkit-mask: url("../images/icons/v3/copy/copy-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-message__context__copy-timestamp::before {
    background-color: WindowText;
  }
}

.module-message__action {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 30px;
  margin-top: 14px;
  margin-bottom: 4px;
  padding: 8px;
  text-align: center;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
}
@media (forced-colors: active) {
  .module-message__action {
    border: 1px solid WindowText;
  }
}

.module-message__action--outgoing {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.22);
}
.module-message__action--outgoing:hover {
  background-color: rgba(255, 255, 255, 0.36);
}

.module-message__action--outgoing--in-another-call {
  color: rgba(255, 255, 255, 0.5);
}

.module-message__action--incoming {
  color: #315ff4;
  background-color: rgba(255, 255, 255, 0.7);
}
.module-message__action--incoming:hover {
  background-color: #ffffff;
}
.dark-theme .module-message__action--incoming {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.07);
}
.dark-theme .module-message__action--incoming:hover {
  background-color: rgba(255, 255, 255, 0.17);
}

.module-message__action--incoming--in-another-call {
  color: rgba(49, 95, 244, 0.5);
}
.dark-theme .module-message__action--incoming--in-another-call {
  color: rgba(255, 255, 255, 0.5);
}

.module-message__link-preview__call-link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 12px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti input,
.iti input[type="text"],
.iti input[type="tel"] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}

.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.iti__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;
  -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.iti__country {
  padding: 5px 10px;
  outline: none;
}

.iti__dial-code {
  color: #999;
}

.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box,
.iti__country-name,
.iti__dial-code {
  vertical-align: middle;
}

.iti__flag-box,
.iti__country-name {
  margin-right: 6px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type="text"],
.iti--allow-dropdown input[type="tel"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="text"],
.iti--separate-dial-code input[type="tel"] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 13060;
  padding: 1px;
}

.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}

.iti__flag.iti__be {
  width: 18px;
}

.iti__flag.iti__ch {
  width: 15px;
}

.iti__flag.iti__mc {
  width: 19px;
}

.iti__flag.iti__ne {
  width: 18px;
}

.iti__flag.iti__np {
  width: 13px;
}

.iti__flag.iti__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}

.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}

.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}

.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}

.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}

.iti__flag {
  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 (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("../img/flags@2x.png");
  }
}
.iti__flag.iti__np {
  background-color: transparent;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-BoldItalic.woff2");
  font-weight: bolder;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-Bold.woff2");
  font-weight: bolder;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-SemiBoldItalic.woff2");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-Italic.woff2");
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-SemiBold.woff2");
  font-weight: bold;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-Medium.woff2");
  font-weight: 500;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v3.19/Inter-Regular.woff2");
}
@font-face {
  font-family: "Parisienne";
  src: url("../fonts/stories/Parisienne-Regular.ttf");
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/stories/BarlowCondensed-Medium.ttf");
}
@font-face {
  font-family: "EB Garamond";
  src: url("../fonts/stories/EBGaramond-Regular.ttf");
}
@font-face {
  font-family: "Hatsuishi";
  src: url("../fonts/stories/Hatsuishi-Regular.woff2");
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress-bar-striped {
  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
  );
  background-size: 40px 40px;
}

.progress-bar-striped {
  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 {
  animation: progress-bar-stripes 2s linear infinite;
}

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

.iti__flag {
  background-image: url("../node_modules/intl-tel-input/build/img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("../node_modules/intl-tel-input/build/img/flags@2x.png");
  }
}
.intl-tel-input .country-list {
  text-align: start;
}

.intl-tel-input .country-list .country .country-name {
  color: #000000;
}

.About {
  align-items: center;
  background-color: #3a76f0;
  color: #ffffff;
  display: flex;
  font-size: 14px;
  height: 100vh;
  justify-content: center;
  overflow: hidden;
  text-align: center;
}
.About img {
  margin-top: 1em;
}
.About a {
  color: #ffffff;
}

.AboutContactModal__headerTitle.module-Modal__headerTitle {
  padding-block-end: 0;
}
.AboutContactModal__body_inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-inline: 8px;
  padding-block-end: 20px;
}
.AboutContactModal__row {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.AboutContactModal__row--centered {
  justify-content: center;
}
.AboutContactModal__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  font-weight: 500;
  margin: 0;
  margin-block-end: 4px;
}
.AboutContactModal__row__icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: text-top;
  flex-shrink: 0;
}
.AboutContactModal__row__icon--profile {
  -webkit-mask: url("../images/icons/v3/person/person-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AboutContactModal__row__icon--profile {
    background-color: WindowText;
  }
}
.dark-theme .AboutContactModal__row__icon--profile {
  -webkit-mask: url("../images/icons/v3/person/person-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AboutContactModal__row__icon--profile {
    background-color: WindowText;
  }
}
.AboutContactModal__row__icon--verified {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AboutContactModal__row__icon--verified {
    background-color: WindowText;
  }
}
.dark-theme .AboutContactModal__row__icon--verified {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AboutContactModal__row__icon--verified {
    background-color: WindowText;
  }
}
.AboutContactModal__row__icon--blocked {
  -webkit-mask: url("../images/icons/v3/block/block.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AboutContactModal__row__icon--blocked {
    background-color: WindowText;
  }
}
.dark-theme .AboutContactModal__row__icon--blocked {
  -webkit-mask: url("../images/icons/v3/block/block.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AboutContactModal__row__icon--blocked {
    background-color: WindowText;
  }
}
.AboutContactModal__row__icon--message-request {
  -webkit-mask: url("../images/icons/v3/chat/chat-badge.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AboutContactModal__row__icon--message-request {
    background-color: WindowText;
  }
}
.dark-theme .AboutContactModal__row__icon--message-request {
  -webkit-mask: url("../images/icons/v3/chat/chat-badge.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AboutContactModal__row__icon--message-request {
    background-color: WindowText;
  }
}
.AboutContactModal__row__icon--no-dms {
  -webkit-mask: url("../images/icons/v3/chat/chat-x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AboutContactModal__row__icon--no-dms {
    background-color: WindowText;
  }
}
.dark-theme .AboutContactModal__row__icon--no-dms {
  -webkit-mask: url("../images/icons/v3/chat/chat-x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AboutContactModal__row__icon--no-dms {
    background-color: WindowText;
  }
}
.AboutContactModal__row__icon--connections {
  -webkit-mask: url("../images/icons/v3/connections/connections.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AboutContactModal__row__icon--connections {
    background-color: WindowText;
  }
}
.dark-theme .AboutContactModal__row__icon--connections {
  -webkit-mask: url("../images/icons/v3/connections/connections.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AboutContactModal__row__icon--connections {
    background-color: WindowText;
  }
}
.AboutContactModal__row__icon--chat-x {
  -webkit-mask: url("../images/icons/v3/chat/chat-x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AboutContactModal__row__icon--chat-x {
    background-color: WindowText;
  }
}
.dark-theme .AboutContactModal__row__icon--chat-x {
  -webkit-mask: url("../images/icons/v3/chat/chat-x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AboutContactModal__row__icon--chat-x {
    background-color: WindowText;
  }
}
.AboutContactModal__row__icon--person {
  -webkit-mask: url("../images/icons/v3/person/person-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AboutContactModal__row__icon--person {
    background-color: WindowText;
  }
}
.dark-theme .AboutContactModal__row__icon--person {
  -webkit-mask: url("../images/icons/v3/person/person-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AboutContactModal__row__icon--person {
    background-color: WindowText;
  }
}
.AboutContactModal__row__icon--phone {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AboutContactModal__row__icon--phone {
    background-color: WindowText;
  }
}
.dark-theme .AboutContactModal__row__icon--phone {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AboutContactModal__row__icon--phone {
    background-color: WindowText;
  }
}
.AboutContactModal__row__icon--group {
  -webkit-mask: url("../images/icons/v3/group/group.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AboutContactModal__row__icon--group {
    background-color: WindowText;
  }
}
.dark-theme .AboutContactModal__row__icon--group {
  -webkit-mask: url("../images/icons/v3/group/group.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AboutContactModal__row__icon--group {
    background-color: WindowText;
  }
}
.AboutContactModal__row__icon--about {
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AboutContactModal__row__icon--about {
    background-color: WindowText;
  }
}
.dark-theme .AboutContactModal__row__icon--about {
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AboutContactModal__row__icon--about {
    background-color: WindowText;
  }
}
.AboutContactModal__row__icon--note {
  -webkit-mask: url("../images/icons/v3/note/note.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AboutContactModal__row__icon--note {
    background-color: WindowText;
  }
}
.dark-theme .AboutContactModal__row__icon--note {
  -webkit-mask: url("../images/icons/v3/note/note.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AboutContactModal__row__icon--note {
    background-color: WindowText;
  }
}
.AboutContactModal__button {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  cursor: pointer;
}
@media (forced-colors: active) {
  .AboutContactModal__button {
    border: 1px solid WindowText;
  }
}
.AboutContactModal__button::after {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  flex-shrink: 0;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .AboutContactModal__button::after {
    background-color: WindowText;
  }
}
:dir(rtl) .AboutContactModal__button::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left-bold.svg") no-repeat center;
}
.AboutContactModal__verified {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  cursor: pointer;
}
@media (forced-colors: active) {
  .AboutContactModal__verified {
    border: 1px solid WindowText;
  }
}

.AboutContactModal__TitleWithoutNickname {
  color: #848484;
}

.AboutContactModal__OneLineEllipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AboutContactModal__TitleWithoutNickname__Tooltip {
  max-width: 300px;
}

.module-AddGroupMembersModal__header {
  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-inline-start: 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;
  inset-inline-end: 12px;
  top: 12px;
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-AddGroupMembersModal__close-button {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .module-AddGroupMembersModal__close-button {
    background-color: WindowText;
  }
}
.dark-theme .module-AddGroupMembersModal__close-button {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-AddGroupMembersModal__close-button {
    background-color: WindowText;
  }
}
.keyboard-mode .module-AddGroupMembersModal__close-button:focus {
  background-color: #2c6bed;
}
.dark-theme.keyboard-mode .module-AddGroupMembersModal__close-button:focus {
  background-color: #6191f3;
}
.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-block: 0;
  margin-inline: 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;
}
@media (forced-colors: active) {
  .module-AddGroupMembersModal--choose-members {
    border: 1px solid WindowText;
  }
}
.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-block: 0;
  margin-inline: auto;
  max-height: 100%;
  max-width: 360px;
  padding: 16px;
  position: relative;
  width: 95%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-AddGroupMembersModal--confirm-adds {
    border: 1px solid WindowText;
  }
}
.dark-theme .module-AddGroupMembersModal--confirm-adds {
  background: #121212;
  color: #e9e9e9;
}
.module-AddGroupMembersModal--confirm-adds .module-AddGroupMembersModal__button-container {
  margin-top: 12px;
  padding: 0;
}
.module-AddGroupMembersModal .module-conversation-list {
  padding: 0;
}

.AddUserToAnotherGroupModal__main-body {
  display: flex;
  flex-direction: column;
  min-height: 300px;
}
.AddUserToAnotherGroupModal__list-wrapper {
  flex-grow: 1;
  overflow: hidden;
}

.AddUserToAnotherGroupModal .module-conversation-list__item,
.AddUserToAnotherGroupModal .module-conversation-list__item--contact-or-conversation {
  height: 52px;
  padding-block: 0;
  padding-inline: 6px;
}

.AnnouncementsOnlyGroupBanner__banner {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  padding: 16px;
  text-align: center;
  border-top: 1px solid #e9e9e9;
  color: #5e5e5e;
}
.dark-theme .AnnouncementsOnlyGroupBanner__banner {
  border-top: 1px solid #e9e9e9;
  color: #e9e9e9;
}
.AnnouncementsOnlyGroupBanner__banner--admins {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  color: #2c6bed;
}
@media (forced-colors: active) {
  .AnnouncementsOnlyGroupBanner__banner--admins {
    border: 1px solid WindowText;
  }
}

.App {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.App.light-theme {
  background-color: #ffffff;
  color: #1b1b1b;
}
.App.dark-theme {
  background-color: #121212;
  color: #e9e9e9;
}

.AudioCapture {
  display: flex;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: none;
}
.AudioCapture__microphone {
  height: 32px;
  width: 32px;
  border-radius: 4px;
  text-align: center;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  outline: none;
}
.keyboard-mode .AudioCapture__microphone:focus {
  outline: 2px solid #2c6bed;
}
.AudioCapture__microphone:before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/mic/mic.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .AudioCapture__microphone:before {
    background-color: WindowText;
  }
}
.dark-theme .AudioCapture__microphone:before {
  -webkit-mask: url("../images/icons/v3/mic/mic.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .AudioCapture__microphone:before {
    background-color: WindowText;
  }
}
.AudioCapture__recorder-button {
  flex-grow: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  opacity: 0.3;
  text-align: center;
  padding: 0;
  outline: none;
}
.AudioCapture__recorder-button:focus,
.AudioCapture__recorder-button:hover {
  opacity: 1;
}
.AudioCapture__recorder-button .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-bottom: -3px;
}
.AudioCapture__recorder-button--complete {
  background: #92cf94;
  border: 1px solid #4caf50;
}
.AudioCapture__recorder-button--complete .icon {
  -webkit-mask: url("../images/icons/v3/check/check.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #4caf50;
}
@media (forced-colors: active) {
  .AudioCapture__recorder-button--complete .icon {
    background-color: WindowText;
  }
}
.AudioCapture__recorder-button--cancel {
  background: #f99d97;
  border: 1px solid #f44336;
}
.AudioCapture__recorder-button--cancel .icon {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .AudioCapture__recorder-button--cancel .icon {
    background-color: WindowText;
  }
}
.AudioCapture__time {
  color: #5e5e5e;
  font-variant: tabular-nums;
  line-height: 36px;
  margin-block: 0;
  margin-inline: 15px;
}
@keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.AudioCapture__time::before {
  content: "";
  display: inline-block;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  background: #f44336;
  margin-inline-end: 10px;
  opacity: 0;
  animation: pulse 2s infinite;
}

.AutoSizeInput__input {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  background: inherit;
  border: none;
  resize: none;
  padding: 0;
  min-width: 20px;
  width: 20px;
  color: #000000;
}
.AutoSizeInput__input:placeholder {
  color: #848484;
}
.dark-theme .AutoSizeInput__input {
  color: #e9e9e9;
}
.AutoSizeInput__input:focus {
  outline: none;
}
.AutoSizeInput__input--sizer {
  visibility: hidden;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: auto;
  z-index: -1;
}

.module-Avatar {
  display: inline-flex;
  line-height: 0;
  position: relative;
  z-index: 0;
  user-select: none;
  vertical-align: middle;
}
.module-Avatar__contents {
  position: relative;
  overflow: hidden;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  outline: none;
}
.module-Avatar__contents--A100 {
  --bg: #e3e3fe;
  --fg: #3838f5;
  background-color: var(--bg);
  color: var(--fg);
}
.module-Avatar__contents--A100--icon {
  background-color: var(--fg);
}
.dark-theme .module-Avatar__contents--A100--icon {
  background-color: var(--fg);
}
.module-Avatar__contents--A110 {
  --bg: #dde7fc;
  --fg: #1251d3;
  background-color: var(--bg);
  color: var(--fg);
}
.module-Avatar__contents--A110--icon {
  background-color: var(--fg);
}
.dark-theme .module-Avatar__contents--A110--icon {
  background-color: var(--fg);
}
.module-Avatar__contents--A120 {
  --bg: #d8e8f0;
  --fg: #086da0;
  background-color: var(--bg);
  color: var(--fg);
}
.module-Avatar__contents--A120--icon {
  background-color: var(--fg);
}
.dark-theme .module-Avatar__contents--A120--icon {
  background-color: var(--fg);
}
.module-Avatar__contents--A130 {
  --bg: #cde4cd;
  --fg: #067906;
  background-color: var(--bg);
  color: var(--fg);
}
.module-Avatar__contents--A130--icon {
  background-color: var(--fg);
}
.dark-theme .module-Avatar__contents--A130--icon {
  background-color: var(--fg);
}
.module-Avatar__contents--A140 {
  --bg: #eae0fd;
  --fg: #661aff;
  background-color: var(--bg);
  color: var(--fg);
}
.module-Avatar__contents--A140--icon {
  background-color: var(--fg);
}
.dark-theme .module-Avatar__contents--A140--icon {
  background-color: var(--fg);
}
.module-Avatar__contents--A150 {
  --bg: #f5e3fe;
  --fg: #9f00f0;
  background-color: var(--bg);
  color: var(--fg);
}
.module-Avatar__contents--A150--icon {
  background-color: var(--fg);
}
.dark-theme .module-Avatar__contents--A150--icon {
  background-color: var(--fg);
}
.module-Avatar__contents--A160 {
  --bg: #f6d8ec;
  --fg: #b8057c;
  background-color: var(--bg);
  color: var(--fg);
}
.module-Avatar__contents--A160--icon {
  background-color: var(--fg);
}
.dark-theme .module-Avatar__contents--A160--icon {
  background-color: var(--fg);
}
.module-Avatar__contents--A170 {
  --bg: #f5d7d7;
  --fg: #be0404;
  background-color: var(--bg);
  color: var(--fg);
}
.module-Avatar__contents--A170--icon {
  background-color: var(--fg);
}
.dark-theme .module-Avatar__contents--A170--icon {
  background-color: var(--fg);
}
.module-Avatar__contents--A180 {
  --bg: #fef5d0;
  --fg: #836b01;
  background-color: var(--bg);
  color: var(--fg);
}
.module-Avatar__contents--A180--icon {
  background-color: var(--fg);
}
.dark-theme .module-Avatar__contents--A180--icon {
  background-color: var(--fg);
}
.module-Avatar__contents--A190 {
  --bg: #eae6d5;
  --fg: #7d6f40;
  background-color: var(--bg);
  color: var(--fg);
}
.module-Avatar__contents--A190--icon {
  background-color: var(--fg);
}
.dark-theme .module-Avatar__contents--A190--icon {
  background-color: var(--fg);
}
.module-Avatar__contents--A200 {
  --bg: #d2d2dc;
  --fg: #4f4f6d;
  background-color: var(--bg);
  color: var(--fg);
}
.module-Avatar__contents--A200--icon {
  background-color: var(--fg);
}
.dark-theme .module-Avatar__contents--A200--icon {
  background-color: var(--fg);
}
.module-Avatar__contents--A210 {
  --bg: #d7d7d9;
  --fg: #5c5c5c;
  background-color: var(--bg);
  color: var(--fg);
}
.module-Avatar__contents--A210--icon {
  background-color: var(--fg);
}
.dark-theme .module-Avatar__contents--A210--icon {
  background-color: var(--fg);
}
.keyboard-mode button.module-Avatar__contents:focus {
  box-shadow: 0 0 0 3px #2c6bed;
}

.module-Avatar__image,
.module-Avatar__label,
.module-Avatar__icon,
.module-Avatar__spinner-container,
.module-Avatar__click-to-view {
  width: 100%;
  height: 100%;
}
.module-Avatar__image {
  background-position: center center;
  background-size: cover;
  transition: filter 100ms ease-out;
}
.module-Avatar__click-to-view {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  align-items: center;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
}
.module-Avatar__click-to-view::before {
  -webkit-mask: url("../images/icons/v2/click-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  content: "";
  display: block;
  height: 24px;
  margin-bottom: 8px;
  width: 24px;
}
@media (forced-colors: active) {
  .module-Avatar__click-to-view::before {
    background-color: WindowText;
  }
}
.module-Avatar__click-to-view:hover {
  background: rgba(0, 0, 0, 0.4);
}
.module-Avatar__label {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  transition: font-size 100ms ease-out;
}
.module-Avatar__icon {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 62.5%;
  background-color: var(--fg);
}
@media (forced-colors: active) {
  .module-Avatar__icon {
    background-color: WindowText;
  }
}
.module-Avatar__icon--callLink {
  -webkit-mask-image: url("../images/icons/v3/video/video-display-bold.svg");
}
.module-Avatar__icon--direct {
  -webkit-mask-image: url("../images/icons/v3/person/person.svg");
}
.module-Avatar__icon--group {
  -webkit-mask-image: url("../images/icons/v3/group/group.svg");
}
.module-Avatar__icon--note-to-self {
  -webkit-mask-image: url("../images/icons/v3/note/note.svg");
}
.module-Avatar__icon--search-result {
  -webkit-mask-image: url("../images/icons/v3/search/search.svg");
}
.module-Avatar__spinner-container {
  padding: 4px;
}
.module-Avatar__badge {
  position: absolute;
  z-index: 1;
  bottom: 0;
  inset-inline-end: 0;
}
.module-Avatar__badge--static {
  pointer-events: none;
}
.module-Avatar__badge--button {
  background-color: transparent;
  background-position: center center;
  background-size: contain;
  border: 0;
  outline: none;
}
.keyboard-mode .module-Avatar__badge--button:focus {
  outline: 2px solid #2c6bed;
  border-radius: 6px;
}
.module-Avatar--with-story {
  border-radius: 100%;
  border: 2px solid rgba(0, 0, 0, 0.4);
  padding: 3px;
}
.dark-theme .module-Avatar--with-story {
  border-color: rgba(255, 255, 255, 0.4);
}
.dark-theme .module-Avatar--with-story--unread {
  border-color: #406ec9;
}
.module-Avatar--with-story--unread {
  border-color: #406ec9;
}
.module-Avatar--signal-official .module-Avatar__contents {
  align-items: center;
  background-color: #2c6bed;
  display: flex;
  justify-content: center;
}
.module-Avatar--signal-official .module-Avatar__image {
  height: 66%;
  width: 66%;
}

.AvatarEditor__top-buttons {
  display: flex;
}
.AvatarEditor__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  font-size: 9px;
  justify-content: center;
  line-height: 14px;
  margin-block: 0;
  margin-inline: 8px;
  min-height: 44px;
  min-width: 60px;
  padding-block: 0;
  padding-inline: 8px;
  background-color: #e9e9e9;
  color: #000000;
}
@media (forced-colors: active) {
  .AvatarEditor__button {
    border: 1px solid WindowText;
  }
}
.dark-theme .AvatarEditor__button {
  background-color: #4a4a4a;
  color: #e9e9e9;
}
.AvatarEditor__button::before {
  content: "";
  display: block;
  height: 18px;
  width: 18px;
}
.AvatarEditor__button--photo::before {
  -webkit-mask: url("../images/icons/v3/album/album-tilt.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AvatarEditor__button--photo::before {
    background-color: WindowText;
  }
}
.dark-theme .AvatarEditor__button--photo::before {
  -webkit-mask: url("../images/icons/v3/album/album-tilt.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AvatarEditor__button--photo::before {
    background-color: WindowText;
  }
}
.AvatarEditor__button--text::before {
  -webkit-mask: url("../images/icons/v2/text-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .AvatarEditor__button--text::before {
    background-color: WindowText;
  }
}
.dark-theme .AvatarEditor__button--text::before {
  -webkit-mask: url("../images/icons/v2/text-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .AvatarEditor__button--text::before {
    background-color: WindowText;
  }
}
.AvatarEditor__button:focus {
  box-shadow: 0 0 0 2px #2c6bed;
}
.AvatarEditor__avatars {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.AvatarEditor__divider {
  border: none;
  border-bottom: 1px solid #dedede;
  margin-bottom: 24px;
  margin-top: 20px;
  border-color: #dedede;
}
.dark-theme .AvatarEditor__divider {
  border-color: #3b3b3b;
}
.AvatarEditor__preview {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.AvatarEditor__avatar-selector-title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-bottom: 14px;
}

.AvatarModalButtons {
  bottom: 0;
  position: absolute;
  inset-inline-end: 0;
}
.AvatarModalButtons .module-Button {
  margin-inline-start: 12px;
}

.AvatarPreview {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.AvatarPreview__avatar {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  border-radius: 100%;
  cursor: auto;
  display: flex;
  font-size: 32px;
  height: 80px;
  justify-content: center;
  margin-bottom: 16px;
  margin-top: 4px;
  position: relative;
  transition: background-color 100ms ease-out;
  user-select: none;
  width: 80px;
}
@media (forced-colors: active) {
  .AvatarPreview__avatar {
    border: 1px solid WindowText;
  }
}
.AvatarPreview__avatar--loading {
  background: #000000;
}
.AvatarPreview__avatar--has-image {
  background-size: cover;
  background-position: center center;
}
.keyboard-mode .AvatarPreview__avatar:focus {
  box-shadow: 0 0 0 3px #2c6bed;
}
.AvatarPreview__group {
  -webkit-mask: url("../images/icons/v3/group/group.svg") no-repeat center;
  -webkit-mask-size: 70%;
  height: 100%;
  width: 100%;
}
.AvatarPreview__note_to_self {
  -webkit-mask: url("../images/icons/v3/note/note.svg") no-repeat center;
  -webkit-mask-size: 70%;
  height: 100%;
  width: 100%;
}
.AvatarPreview__upload {
  align-items: center;
  background: #f6f6f6;
  border-radius: 100%;
  bottom: 4px;
  box-shadow:
    0px 4px 16px rgba(0, 0, 0, 0.12),
    0px 2px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  height: 28px;
  justify-content: center;
  position: absolute;
  inset-inline-end: -7px;
  width: 28px;
}
.AvatarPreview__upload::after {
  -webkit-mask: url("../images/icons/v3/camera/camera.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
  content: "";
  display: block;
  height: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .AvatarPreview__upload::after {
    background-color: WindowText;
  }
}
.AvatarPreview__clear {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  background-color: #ffffff;
  border-radius: 100%;
  box-shadow:
    0px 4px 16px rgba(0, 0, 0, 0.12),
    0px 2px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  width: 24px;
}
@media (forced-colors: active) {
  .AvatarPreview__clear {
    border: 1px solid WindowText;
  }
}
.AvatarPreview__clear:after {
  -webkit-mask: url("../images/icons/v3/x/x-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
  content: "";
  height: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .AvatarPreview__clear:after {
    background-color: WindowText;
  }
}

.AvatarTextEditor__input {
  background: transparent;
  border: none;
  color: inherit;
  outline: none;
  padding: 0;
  text-align: center;
  transition: font-size 30ms linear;
  width: 100%;
}
.AvatarTextEditor__measure {
  inset-inline-start: -9999;
  position: fixed;
  top: -9999;
  touch-action: none;
  visibility: hidden;
}

.BackupMediaDownloadProgress {
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px;
  padding-inline-end: 16px;
  margin-inline: 10px;
  user-select: none;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #c6c6c6;
}
.BackupMediaDownloadProgress__title {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
}
.dark-theme .BackupMediaDownloadProgress {
  background: #3b3b3b;
  border: 1px solid #5e5e5e;
}

.BackupMediaDownloadProgress__icon--complete::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask: url("../images/icons/v3/check/check-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .BackupMediaDownloadProgress__icon--complete::after {
    background-color: WindowText;
  }
}
.dark-theme .BackupMediaDownloadProgress__icon--complete::after {
  -webkit-mask: url("../images/icons/v3/check/check-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #6191f3;
}
@media (forced-colors: active) {
  .dark-theme .BackupMediaDownloadProgress__icon--complete::after {
    background-color: WindowText;
  }
}

button.BackupMediaDownloadProgress__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 600;
  color: #2c6bed;
}
@media (forced-colors: active) {
  button.BackupMediaDownloadProgress__button {
    border: 1px solid WindowText;
  }
}
.dark-theme button.BackupMediaDownloadProgress__button {
  color: #6191f3;
}

button.BackupMediaDownloadProgress__button-more {
  position: absolute;
  inset-inline-end: 14px;
  inset-block-start: 10px;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
}
@media (forced-colors: active) {
  button.BackupMediaDownloadProgress__button-more {
    border: 1px solid WindowText;
  }
}
button.BackupMediaDownloadProgress__button-more::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  button.BackupMediaDownloadProgress__button-more::after {
    background-color: WindowText;
  }
}
.dark-theme button.BackupMediaDownloadProgress__button-more::after {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #c6c6c6;
}
@media (forced-colors: active) {
  .dark-theme button.BackupMediaDownloadProgress__button-more::after {
    background-color: WindowText;
  }
}

button.BackupMediaDownloadProgress__button-close {
  position: absolute;
  inset-inline-end: 14px;
  inset-block-start: 10px;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
}
@media (forced-colors: active) {
  button.BackupMediaDownloadProgress__button-close {
    border: 1px solid WindowText;
  }
}
button.BackupMediaDownloadProgress__button-close::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  button.BackupMediaDownloadProgress__button-close::after {
    background-color: WindowText;
  }
}
.dark-theme button.BackupMediaDownloadProgress__button-close::after {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #c6c6c6;
}
@media (forced-colors: active) {
  .dark-theme button.BackupMediaDownloadProgress__button-close::after {
    background-color: WindowText;
  }
}

.BackupMediaDownloadProgress__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-height: 36px;
}

.BackupMediaDownloadProgress__progressbar-hint {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: rgba(94, 94, 94, 0.8);
}
.dark-theme .BackupMediaDownloadProgress__progressbar-hint {
  color: #b9b9b9;
}

.BackupMediaDownloadCancelConfirmation {
  min-width: 440px;
}

.BadgeCarouselIndex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 10px;
  column-gap: 8px;
}
.BadgeCarouselIndex__dot {
  border-radius: 100%;
  height: 8px;
  width: 8px;
  margin-top: 8px;
  background: rgba(0, 0, 0, 0.2);
}
.dark-theme .BadgeCarouselIndex__dot {
  background: rgba(255, 255, 255, 0.2);
}
.BadgeCarouselIndex__dot--selected {
  background: #2c6bed;
}
.dark-theme .BadgeCarouselIndex__dot--selected {
  background: #6191f3;
}

.BadgeDialog {
  user-select: none;
}
.BadgeDialog__width-container {
  max-width: 420px;
}
.BadgeDialog__contents {
  display: flex;
  align-items: center;
}
.BadgeDialog__nav {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  padding-block: 3px;
  padding-inline: 0;
}
@media (forced-colors: active) {
  .BadgeDialog__nav {
    border: 1px solid WindowText;
  }
}
.BadgeDialog__nav[disabled] {
  visibility: hidden;
}
.BadgeDialog__nav::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
}
.BadgeDialog__nav:hover,
.BadgeDialog__nav:focus {
  background: #f6f6f6;
}
.BadgeDialog__nav:active {
  background: #e9e9e9;
}
.dark-theme .BadgeDialog__nav:hover,
.dark-theme .BadgeDialog__nav:focus {
  background: #2e2e2e;
}
.dark-theme .BadgeDialog__nav:active {
  background: #3b3b3b;
}
.BadgeDialog__nav--previous::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #4a4a4a;
}
@media (forced-colors: active) {
  .BadgeDialog__nav--previous::before {
    background-color: WindowText;
  }
}
:dir(rtl) .BadgeDialog__nav--previous::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.dark-theme .BadgeDialog__nav--previous::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .BadgeDialog__nav--previous::before {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .BadgeDialog__nav--previous::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.BadgeDialog__nav--next::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #4a4a4a;
}
@media (forced-colors: active) {
  .BadgeDialog__nav--next::before {
    background-color: WindowText;
  }
}
:dir(rtl) .BadgeDialog__nav--next::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.dark-theme .BadgeDialog__nav--next::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .BadgeDialog__nav--next::before {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .BadgeDialog__nav--next::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.BadgeDialog__main {
  flex-grow: 1;
  text-align: center;
  padding-block: 24px;
  padding-inline: 10px;
}
.BadgeDialog__name {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  height: 3.5em;
  overflow-y: auto;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
  margin-top: 12px;
}
.BadgeDialog__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  height: 5.5em;
  overflow-y: auto;
  margin-bottom: 12px;
}
.BadgeDialog__instructions-button {
  width: 100%;
}
.BadgeDialog__instructions-button.module-Button {
  font-size: 17px;
}
.BadgeDialog__instructions-button--hidden {
  visibility: hidden;
}
.BadgeDialog .BadgeCarouselIndex {
  margin-top: 24px;
}

.BadgeSustainerInstructionsDialog {
  user-select: none;
}
.BadgeSustainerInstructionsDialog__width-container {
  max-width: 420px;
}
.BadgeSustainerInstructionsDialog__header {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  text-align: center;
}
.BadgeSustainerInstructionsDialog__subheader {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: normal;
  text-align: center;
}
.BadgeSustainerInstructionsDialog__instructions {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  padding: 0;
  list-style-position: inside;
}
.BadgeSustainerInstructionsDialog__instructions::before {
  background-size: contain;
  content: "";
  display: block;
  height: 160px;
  margin-block: 24px;
  margin-inline: auto;
  width: 146px;
  background-image: url("../images/mobile-settings-light.svg");
}
.dark-theme .BadgeSustainerInstructionsDialog__instructions::before {
  background-image: url("../images/mobile-settings-dark.svg");
}
.BadgeSustainerInstructionsDialog__instructions > li {
  margin-top: 1em;
}
.BadgeSustainerInstructionsDialog__instructions > li:first-child {
  margin-top: 0;
}

.BetterAvatarBubble {
  align-items: center;
  background-clip: content-box;
  background-position: center;
  border-color: transparent;
  border-radius: 100%;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  display: flex;
  font-size: 32px;
  height: 56px;
  justify-content: center;
  padding: 2px;
  position: relative;
  width: 56px;
}
.BetterAvatarBubble--A100 {
  --bg: #e3e3fe;
  --fg: #3838f5;
  background-color: var(--bg);
  color: var(--fg);
}
.BetterAvatarBubble--A100--icon {
  background-color: var(--fg);
}
.dark-theme .BetterAvatarBubble--A100--icon {
  background-color: var(--fg);
}
.BetterAvatarBubble--A110 {
  --bg: #dde7fc;
  --fg: #1251d3;
  background-color: var(--bg);
  color: var(--fg);
}
.BetterAvatarBubble--A110--icon {
  background-color: var(--fg);
}
.dark-theme .BetterAvatarBubble--A110--icon {
  background-color: var(--fg);
}
.BetterAvatarBubble--A120 {
  --bg: #d8e8f0;
  --fg: #086da0;
  background-color: var(--bg);
  color: var(--fg);
}
.BetterAvatarBubble--A120--icon {
  background-color: var(--fg);
}
.dark-theme .BetterAvatarBubble--A120--icon {
  background-color: var(--fg);
}
.BetterAvatarBubble--A130 {
  --bg: #cde4cd;
  --fg: #067906;
  background-color: var(--bg);
  color: var(--fg);
}
.BetterAvatarBubble--A130--icon {
  background-color: var(--fg);
}
.dark-theme .BetterAvatarBubble--A130--icon {
  background-color: var(--fg);
}
.BetterAvatarBubble--A140 {
  --bg: #eae0fd;
  --fg: #661aff;
  background-color: var(--bg);
  color: var(--fg);
}
.BetterAvatarBubble--A140--icon {
  background-color: var(--fg);
}
.dark-theme .BetterAvatarBubble--A140--icon {
  background-color: var(--fg);
}
.BetterAvatarBubble--A150 {
  --bg: #f5e3fe;
  --fg: #9f00f0;
  background-color: var(--bg);
  color: var(--fg);
}
.BetterAvatarBubble--A150--icon {
  background-color: var(--fg);
}
.dark-theme .BetterAvatarBubble--A150--icon {
  background-color: var(--fg);
}
.BetterAvatarBubble--A160 {
  --bg: #f6d8ec;
  --fg: #b8057c;
  background-color: var(--bg);
  color: var(--fg);
}
.BetterAvatarBubble--A160--icon {
  background-color: var(--fg);
}
.dark-theme .BetterAvatarBubble--A160--icon {
  background-color: var(--fg);
}
.BetterAvatarBubble--A170 {
  --bg: #f5d7d7;
  --fg: #be0404;
  background-color: var(--bg);
  color: var(--fg);
}
.BetterAvatarBubble--A170--icon {
  background-color: var(--fg);
}
.dark-theme .BetterAvatarBubble--A170--icon {
  background-color: var(--fg);
}
.BetterAvatarBubble--A180 {
  --bg: #fef5d0;
  --fg: #836b01;
  background-color: var(--bg);
  color: var(--fg);
}
.BetterAvatarBubble--A180--icon {
  background-color: var(--fg);
}
.dark-theme .BetterAvatarBubble--A180--icon {
  background-color: var(--fg);
}
.BetterAvatarBubble--A190 {
  --bg: #eae6d5;
  --fg: #7d6f40;
  background-color: var(--bg);
  color: var(--fg);
}
.BetterAvatarBubble--A190--icon {
  background-color: var(--fg);
}
.dark-theme .BetterAvatarBubble--A190--icon {
  background-color: var(--fg);
}
.BetterAvatarBubble--A200 {
  --bg: #d2d2dc;
  --fg: #4f4f6d;
  background-color: var(--bg);
  color: var(--fg);
}
.BetterAvatarBubble--A200--icon {
  background-color: var(--fg);
}
.dark-theme .BetterAvatarBubble--A200--icon {
  background-color: var(--fg);
}
.BetterAvatarBubble--A210 {
  --bg: #d7d7d9;
  --fg: #5c5c5c;
  background-color: var(--bg);
  color: var(--fg);
}
.BetterAvatarBubble--A210--icon {
  background-color: var(--fg);
}
.dark-theme .BetterAvatarBubble--A210--icon {
  background-color: var(--fg);
}
.BetterAvatarBubble--selected {
  border-color: #000000;
}
.dark-theme .BetterAvatarBubble--selected {
  border-color: #ffffff;
}
.keyboard-mode .BetterAvatarBubble:focus {
  border-color: #2c6bed;
  outline: none;
}
.BetterAvatarBubble--editable {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
}
.BetterAvatarBubble--editable::after {
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .BetterAvatarBubble--editable::after {
    background-color: WindowText;
  }
}
.BetterAvatarBubble__delete {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  background-color: #ffffff;
  border-radius: 100%;
  box-shadow:
    0px 4px 16px rgba(0, 0, 0, 0.12),
    0px 2px 4px rgba(0, 0, 0, 0.2);
  display: none;
  height: 20px;
  justify-content: center;
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  width: 20px;
}
@media (forced-colors: active) {
  .BetterAvatarBubble__delete {
    border: 1px solid WindowText;
  }
}
.BetterAvatarBubble__delete:after {
  -webkit-mask: url("../images/icons/v3/x/x-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
  content: "";
  height: 10px;
  width: 10px;
}
@media (forced-colors: active) {
  .BetterAvatarBubble__delete:after {
    background-color: WindowText;
  }
}
.BetterAvatarBubble:hover .BetterAvatarBubble__delete {
  display: flex;
}

.module-Button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 4px;
  padding-block: 8px;
  padding-inline: 16px;
  text-align: center;
  user-select: none;
  -webkit-app-region: no-drag;
}
@media (forced-colors: active) {
  .module-Button {
    border: 1px solid WindowText;
  }
}
.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:is(:disabled, [aria-disabled="true"]) {
  cursor: not-allowed;
}
.module-Button--large {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  font-weight: bold;
}
.module-Button--medium {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
}
.module-Button--small {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  border-radius: 9999px;
  padding-block: 6px;
  padding-inline: 12px;
}
.module-Button--primary {
  color: #ffffff;
  background: #2c6bed;
}
.module-Button--primary:is(:disabled, [aria-disabled="true"]) {
  color: rgba(255, 255, 255, 0.6);
  background: rgba(44, 107, 237, 0.4);
}
.module-Button--primary--discouraged {
  opacity: 0.4;
}
.dark-theme .module-Button--primary--discouraged {
  opacity: 0.5;
}
.module-Button--primary:hover:not(:disabled):not([aria-disabled="true"]) {
  background: #255bc9;
}
.module-Button--primary:active:not(:disabled):not([aria-disabled="true"]) {
  background: #2150b2;
}
.dark-theme .module-Button--primary:hover:not(:disabled):not([aria-disabled="true"]) {
  background: #4c81f0;
}
.dark-theme .module-Button--primary:active:not(:disabled):not([aria-disabled="true"]) {
  background: #6190f2;
}
.module-Button--secondary {
  color: #1b1b1b;
  background: #e9e9e9;
}
.module-Button--secondary:is(:disabled, [aria-disabled="true"]) {
  color: rgba(0, 0, 0, 0.4);
  background: rgba(233, 233, 233, 0.4);
}
.module-Button--secondary--affirmative {
  color: #2c6bed;
}
.module-Button--secondary--affirmative--discouraged {
  color: rgba(44, 107, 237, 0.5);
}
.module-Button--secondary--destructive {
  color: #f44336;
}
.module-Button--secondary--destructive--discouraged {
  color: rgba(44, 107, 237, 0.5);
}
.module-Button--secondary:hover:not(:disabled):not([aria-disabled="true"]) {
  background: #c6c6c6;
}
.module-Button--secondary:active:not(:disabled):not([aria-disabled="true"]) {
  background: #afafaf;
}
.dark-theme .module-Button--secondary {
  color: #e9e9e9;
  background: #4a4a4a;
}
.dark-theme .module-Button--secondary:is(:disabled, [aria-disabled="true"]) {
  color: rgba(255, 255, 255, 0.2);
  background: rgba(74, 74, 74, 0.4);
}
.dark-theme .module-Button--secondary--affirmative {
  color: #6191f3;
}
.dark-theme .module-Button--secondary--affirmative--discouraged {
  color: rgba(97, 145, 243, 0.5);
}
.dark-theme .module-Button--secondary--destructive {
  color: #f44336;
}
.dark-theme .module-Button--secondary--destructive--discouraged {
  color: rgba(244, 67, 54, 0.5);
}
.dark-theme .module-Button--secondary:hover:not(:disabled):not([aria-disabled="true"]) {
  background: #656565;
}
.dark-theme .module-Button--secondary:active:not(:disabled):not([aria-disabled="true"]) {
  background: #777777;
}
.module-Button--destructive {
  color: #ffffff;
  background: #f44336;
}
.module-Button--destructive:is(:disabled, [aria-disabled="true"]) {
  color: rgba(255, 255, 255, 0.6);
  background: rgba(244, 67, 54, 0.4);
}
.module-Button--destructive:hover:not(:disabled):not([aria-disabled="true"]) {
  background: #cf392e;
}
.module-Button--destructive:active:not(:disabled):not([aria-disabled="true"]) {
  background: #b73229;
}
.dark-theme .module-Button--destructive:hover:not(:disabled):not([aria-disabled="true"]) {
  background: #f65f54;
}
.dark-theme .module-Button--destructive:active:not(:disabled):not([aria-disabled="true"]) {
  background: #f77268;
}
.module-Button--calling {
  border-radius: 9999px;
  color: #ffffff;
  background: #4caf50;
}
.module-Button--calling:is(:disabled, [aria-disabled="true"]) {
  color: rgba(255, 255, 255, 0.6);
  background: rgba(76, 175, 80, 0.4);
}
.module-Button--calling--discouraged {
  opacity: 0.4;
}
.dark-theme .module-Button--calling--discouraged {
  opacity: 0.5;
}
.module-Button--calling:hover:not(:disabled):not([aria-disabled="true"]) {
  background: #419544;
}
.module-Button--calling:active:not(:disabled):not([aria-disabled="true"]) {
  background: #39833c;
}
.dark-theme .module-Button--calling:hover:not(:disabled):not([aria-disabled="true"]) {
  background: #67bb6a;
}
.dark-theme .module-Button--calling:active:not(:disabled):not([aria-disabled="true"]) {
  background: #79c37c;
}
.module-Button--system-message {
  border-radius: 9999px;
  color: #2c6bed;
  background: #f6f6f6;
}
.module-Button--system-message.module-Button--small {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 500;
}
.module-Button--system-message:is(:disabled, [aria-disabled="true"]) {
  color: rgba(44, 107, 237, 0.6);
  background: rgba(246, 246, 246, 0.4);
}
.module-Button--system-message--discouraged {
  color: rgba(44, 107, 237, 0.5);
}
.module-Button--system-message:hover:not(:disabled):not([aria-disabled="true"]) {
  background: #d1d1d1;
}
.module-Button--system-message:active:not(:disabled):not([aria-disabled="true"]) {
  background: #b9b9b9;
}
.dark-theme .module-Button--system-message {
  color: #ffffff;
  background: #4a4a4a;
}
.dark-theme .module-Button--system-message:is(:disabled, [aria-disabled="true"]) {
  color: rgba(255, 255, 255, 0.6);
  background: rgba(74, 74, 74, 0.4);
}
.dark-theme .module-Button--system-message--discouraged {
  color: rgba(255, 255, 255, 0.5);
}
.dark-theme .module-Button--system-message:hover:not(:disabled):not([aria-disabled="true"]) {
  background: #656565;
}
.dark-theme .module-Button--system-message:active:not(:disabled):not([aria-disabled="true"]) {
  background: #777777;
}
.module-Button--details {
  align-items: center;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  font-size: 11px;
  justify-content: center;
  line-height: 10px;
  min-height: 44px;
  min-width: 68px;
  padding: 8px;
  background-color: #e9e9e9;
  color: #000000;
}
.module-Button--details--discouraged {
  opacity: 0.4;
}
.dark-theme .module-Button--details--discouraged {
  opacity: 0.5;
}
.dark-theme .module-Button--details {
  background-color: #4a4a4a;
  color: #e9e9e9;
}
.keyboard-mode .module-Button--details:focus {
  box-shadow: 0 0 0 2px #2c6bed;
}
.module-Button--details::before {
  margin-bottom: 6px;
}
.module-Button--icon--audio::before {
  content: "";
  display: block;
  height: 18px;
  width: 18px;
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-Button--icon--audio::before {
    background-color: WindowText;
  }
}
.dark-theme .module-Button--icon--audio::before {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-Button--icon--audio::before {
    background-color: WindowText;
  }
}
.module-Button--icon--message::before {
  content: "";
  display: block;
  height: 18px;
  width: 18px;
  -webkit-mask: url("../images/icons/v3/chat/chat-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-Button--icon--message::before {
    background-color: WindowText;
  }
}
.dark-theme .module-Button--icon--message::before {
  -webkit-mask: url("../images/icons/v3/chat/chat-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-Button--icon--message::before {
    background-color: WindowText;
  }
}
.module-Button--icon--muted::before {
  content: "";
  display: block;
  height: 18px;
  width: 18px;
  -webkit-mask: url("../images/icons/v3/bell/bell-slash-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-Button--icon--muted::before {
    background-color: WindowText;
  }
}
.dark-theme .module-Button--icon--muted::before {
  -webkit-mask: url("../images/icons/v3/bell/bell-slash-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-Button--icon--muted::before {
    background-color: WindowText;
  }
}
.module-Button--icon--search::before {
  content: "";
  display: block;
  height: 18px;
  width: 18px;
  -webkit-mask: url("../images/icons/v3/search/search-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-Button--icon--search::before {
    background-color: WindowText;
  }
}
.dark-theme .module-Button--icon--search::before {
  -webkit-mask: url("../images/icons/v3/search/search-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-Button--icon--search::before {
    background-color: WindowText;
  }
}
.module-Button--icon--unmuted::before {
  content: "";
  display: block;
  height: 18px;
  width: 18px;
  -webkit-mask: url("../images/icons/v3/bell/bell-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-Button--icon--unmuted::before {
    background-color: WindowText;
  }
}
.dark-theme .module-Button--icon--unmuted::before {
  -webkit-mask: url("../images/icons/v3/bell/bell-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-Button--icon--unmuted::before {
    background-color: WindowText;
  }
}
.module-Button--icon--video::before {
  content: "";
  display: block;
  height: 18px;
  width: 18px;
  -webkit-mask: url("../images/icons/v3/video/video-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-Button--icon--video::before {
    background-color: WindowText;
  }
}
.dark-theme .module-Button--icon--video::before {
  -webkit-mask: url("../images/icons/v3/video/video-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-Button--icon--video::before {
    background-color: WindowText;
  }
}

.CallsTab {
  display: flex;
  width: 100%;
  height: 100%;
}

.CallsTab__NewCallActionIcon {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/phone/phone-plus-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .CallsTab__NewCallActionIcon {
    background-color: WindowText;
  }
}
.dark-theme .CallsTab__NewCallActionIcon {
  -webkit-mask: url("../images/icons/v3/phone/phone-plus-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .CallsTab__NewCallActionIcon {
    background-color: WindowText;
  }
}

.CallsTab__MoreActionsIcon {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .CallsTab__MoreActionsIcon {
    background-color: WindowText;
  }
}
.dark-theme .CallsTab__MoreActionsIcon {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .CallsTab__MoreActionsIcon {
    background-color: WindowText;
  }
}

.CallsTab__EmptyState {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-block: 78px 28px;
  user-select: none;
}

.CallsTab__EmptyStateIcon {
  width: 40px;
  height: 40px;
  opacity: 0.7;
  -webkit-mask: url("../images/icons/v3/phone/phone-display-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .CallsTab__EmptyStateIcon {
    background-color: WindowText;
  }
}
.dark-theme .CallsTab__EmptyStateIcon {
  -webkit-mask: url("../images/icons/v3/phone/phone-display-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .CallsTab__EmptyStateIcon {
    background-color: WindowText;
  }
}

.CallsTab__EmptyStateLabel {
  margin-block: 12px 0;
  margin-inline: 0;
  opacity: 0.7;
  text-align: center;
  color: #5e5e5e;
}
.dark-theme .CallsTab__EmptyStateLabel {
  color: #b9b9b9;
}

.CallsTab__EmptyState__ActionIcon {
  vertical-align: text-top;
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask: url("../images/icons/v3/phone/phone-plus-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .CallsTab__EmptyState__ActionIcon {
    background-color: WindowText;
  }
}
.dark-theme .CallsTab__EmptyState__ActionIcon {
  -webkit-mask: url("../images/icons/v3/phone/phone-plus-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .CallsTab__EmptyState__ActionIcon {
    background-color: WindowText;
  }
}

.CallsTab__ConversationCallDetails {
  display: block;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding-block: 80px;
  padding-inline: 24px;
  user-select: none;
}

.CallsTab__ClearCallHistoryIcon {
  -webkit-mask: url("../images/icons/v3/trash/trash-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .CallsTab__ClearCallHistoryIcon {
    background-color: WindowText;
  }
}
.dark-theme .CallsTab__ClearCallHistoryIcon {
  -webkit-mask: url("../images/icons/v3/trash/trash-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .CallsTab__ClearCallHistoryIcon {
    background-color: WindowText;
  }
}

.CallsList__Header {
  display: flex;
  gap: 0px;
}

.CallsList__ToggleFilterByMissed {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  flex-shrink: 0;
  padding: 4px;
  margin-inline-end: 8px;
  border-radius: 4px;
}
@media (forced-colors: active) {
  .CallsList__ToggleFilterByMissed {
    border: 1px solid WindowText;
  }
}
.CallsList__ToggleFilterByMissed:not(.CallsList__ToggleFilterByMissed--pressed):hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.dark-theme .CallsList__ToggleFilterByMissed:not(.CallsList__ToggleFilterByMissed--pressed):hover {
  background-color: rgba(255, 255, 255, 0.06);
}
.CallsList__ToggleFilterByMissed:focus {
  outline: none;
}
.keyboard-mode .CallsList__ToggleFilterByMissed:focus {
  box-shadow:
    0 0 0 2px #ffffff,
    0 0 0 4px #2c6bed;
}
.CallsList__ToggleFilterByMissed::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/filter/filter.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .CallsList__ToggleFilterByMissed::before {
    background-color: WindowText;
  }
}
.dark-theme .CallsList__ToggleFilterByMissed::before {
  -webkit-mask: url("../images/icons/v3/filter/filter.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .CallsList__ToggleFilterByMissed::before {
    background-color: WindowText;
  }
}

.CallsList__ToggleFilterByMissed--pressed {
  border-radius: 9999px;
  background: #2c6bed;
}
.CallsList__ToggleFilterByMissed--pressed::before {
  -webkit-mask: url("../images/icons/v3/filter/filter.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .CallsList__ToggleFilterByMissed--pressed::before {
    background-color: WindowText;
  }
}

.CallsList__ToggleFilterByMissedLabel {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.CallsList__ListContainer {
  flex-grow: 1;
  overflow: hidden;
}

.CallsList__List {
  padding-bottom: 8px;
}
.CallsList__List::-webkit-scrollbar-thumb {
  border-radius: 4px;
  visibility: hidden;
  width: 6px;
  background: rgba(0, 0, 0, 0.4);
}
.dark-theme .CallsList__List::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.4);
}
.CallsList__List::-webkit-scrollbar {
  background: transparent;
}
.CallsList__List::-webkit-scrollbar-track {
  background: transparent;
}
.CallsList__List:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.CallsList__List::-webkit-scrollbar-thumb {
  background: #b9b9b9;
  border-color: #f0f0f0;
}
.dark-theme .CallsList__List::-webkit-scrollbar-thumb {
  background: #848484;
  border-color: #2e2e2e;
}

.CallsList__List--disableScrolling {
  overflow: hidden !important;
}

.CallsList__EmptyState {
  padding-block: 28px;
  padding-inline: 16px;
  text-align: center;
  text-wrap: balance;
}

.CallsList__ItemIcon {
  display: block;
  width: 20px;
  height: 20px;
}

.CallsList__ItemIcon--Phone {
  -webkit-mask: url("../images/icons/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .CallsList__ItemIcon--Phone {
    background-color: WindowText;
  }
}
.dark-theme .CallsList__ItemIcon--Phone {
  -webkit-mask: url("../images/icons/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .CallsList__ItemIcon--Phone {
    background-color: WindowText;
  }
}

.CallsList__ItemIcon--Video {
  -webkit-mask: url("../images/icons/v3/video/video.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .CallsList__ItemIcon--Video {
    background-color: WindowText;
  }
}
.dark-theme .CallsList__ItemIcon--Video {
  -webkit-mask: url("../images/icons/v3/video/video.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .CallsList__ItemIcon--Video {
    background-color: WindowText;
  }
}

.CallsList__LoadingAvatar,
.CallsList__LoadingText {
  animation: CallsList__LoadingPulse 1.5s ease-in-out infinite;
  background-color: #e9e9e9;
}
.dark-theme .CallsList__LoadingAvatar,
.dark-theme .CallsList__LoadingText {
  background-color: #3b3b3b;
}

.CallsList__LoadingAvatar {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 9999px;
}

.CallsList__LoadingText {
  display: inline-block;
  height: 1em;
  border-radius: 4px;
}

.CallsList__LoadingText--title {
  width: 75%;
}

.CallsList__LoadingText--subtitle {
  width: 60%;
}

.CallsList__ItemTitle {
  font-weight: bold;
}

.CallsList__Item--missed .ListTile__subtitle,
.CallsList__Item--declined .ListTile__subtitle {
  color: #f44336;
}
.dark-theme .CallsList__Item--missed .ListTile__subtitle,
.dark-theme .CallsList__Item--declined .ListTile__subtitle {
  color: #f44336;
}

.ListTile.CallsList__ItemTile {
  padding-block: 10px;
}
.ListTile.CallsList__ItemTile .ListTile__subtitle {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
}

.CallsList__Item--selected .CallsList__ItemTile {
  background-color: #dedede;
}
.dark-theme .CallsList__Item--selected .CallsList__ItemTile {
  background-color: #4a4a4a;
}

@keyframes CallsList__LoadingPulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.55;
  }
}
.CallsNewCall__ListContainer {
  flex-grow: 1;
  overflow: hidden;
}

.CallsNewCall__List {
  padding-bottom: 8px;
}
.CallsNewCall__List::-webkit-scrollbar-thumb {
  border-radius: 4px;
  visibility: hidden;
  width: 6px;
  background: rgba(0, 0, 0, 0.4);
}
.dark-theme .CallsNewCall__List::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.4);
}
.CallsNewCall__List::-webkit-scrollbar {
  background: transparent;
}
.CallsNewCall__List::-webkit-scrollbar-track {
  background: transparent;
}
.CallsNewCall__List:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.CallsNewCall__List::-webkit-scrollbar-thumb {
  background: #b9b9b9;
  border-color: #f0f0f0;
}
.dark-theme .CallsNewCall__List::-webkit-scrollbar-thumb {
  background: #848484;
  border-color: #2e2e2e;
}

.CallsNewCall__ListHeaderItem {
  padding-block: 10px;
  padding-inline: 24px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
}

.CallsNewCall__EmptyState {
  padding-block: 28px;
  padding-inline: 16px;
  text-align: center;
}

.CallsNewCall__ItemActions {
  display: flex;
  gap: 12px;
  align-items: center;
}

.CallsNewCall__ItemActionButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  padding: 4px;
  border-radius: 4px;
}
@media (forced-colors: active) {
  .CallsNewCall__ItemActionButton {
    border: 1px solid WindowText;
  }
}
.CallsNewCall__ItemActionButton:not(:disabled, [aria-disabled="true"]):hover {
  background: #c6c6c6;
}
.dark-theme .CallsNewCall__ItemActionButton:not(:disabled, [aria-disabled="true"]):hover {
  background: #545454;
}
.CallsNewCall__ItemActionButton:focus {
  outline: none;
}
.keyboard-mode .CallsNewCall__ItemActionButton:focus {
  box-shadow: 0 0 0 2px #2c6bed;
}
.CallsNewCall__ItemActionButton:disabled,
.CallsNewCall__ItemActionButton[aria-disabled="true"] {
  opacity: 0.5;
}

.CallsNewCall__ItemActionButton--join-call {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  border-radius: 9999px;
  display: flex;
  width: auto;
  align-items: center;
  background-color: #4caf50;
  color: #ffffff;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  user-select: none;
  height: 26px;
  padding-block: 4px;
  padding-inline: 10px;
}
.CallsNewCall__ItemActionButton--join-call:before {
  -webkit-mask: url("../images/icons/v3/video/video-compact-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  content: "";
  display: block;
  height: 16px;
  margin-inline-end: 4px;
  min-width: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .CallsNewCall__ItemActionButton--join-call:before {
    background-color: WindowText;
  }
}
.CallsNewCall__ItemActionButton--join-call:not(:disabled):hover,
.dark-theme .CallsNewCall__ItemActionButton--join-call:not(:disabled):hover {
  background-color: #337636;
}
.keyboard-mode .CallsNewCall__ItemActionButton--join-call:not(:disabled):focus {
  background-color: #337636;
}

.CallsNewCall__ItemActionButton--join-call-disabled {
  opacity: 0.4;
}
.dark-theme .CallsNewCall__ItemActionButton--join-call-disabled {
  opacity: 0.5;
}

.CallsNewCall__ItemActionButtonTooltip {
  max-width: 212px;
}
.CallsNewCall__ItemActionButtonTooltip {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  background-color: #f0f0f0;
  color: #000000;
  outline: 1px solid #c6c6c6;
  padding-block: 5px;
  padding-inline: 12px;
  border-radius: 6px;
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.16));
  pointer-events: none;
}
.dark-theme .CallsNewCall__ItemActionButtonTooltip {
  background-color: #2e2e2e;
  color: #dedede;
  outline: 1px solid #545454;
}
.CallsNewCall__ItemActionButtonTooltip .module-tooltip-arrow::before {
  position: absolute;
  content: "";
  border-style: solid;
  border-width: 7px;
}
.CallsNewCall__ItemActionButtonTooltip[data-placement="bottom"] .module-tooltip-arrow::before {
  border-color: transparent transparent #c6c6c6 transparent;
  margin-top: -14px;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  margin-left: -7px;
}
.dark-theme .CallsNewCall__ItemActionButtonTooltip[data-placement="bottom"] .module-tooltip-arrow::before {
  border-color: transparent transparent #545454 transparent;
}
.CallsNewCall__ItemActionButtonTooltip[data-placement="bottom"] .module-tooltip-arrow::after {
  border-bottom-color: #f0f0f0;
}
.dark-theme .CallsNewCall__ItemActionButtonTooltip[data-placement="bottom"] .module-tooltip-arrow::after {
  border-bottom-color: #2e2e2e;
}
.CallsNewCall__ItemActionButtonTooltip[data-placement="top"] .module-tooltip-arrow::before {
  border-color: #c6c6c6 transparent transparent transparent;
  margin-top: 0;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  margin-left: -7px;
}
.dark-theme .CallsNewCall__ItemActionButtonTooltip[data-placement="top"] .module-tooltip-arrow::before {
  border-color: #545454 transparent transparent transparent;
}
.CallsNewCall__ItemActionButtonTooltip[data-placement="top"] .module-tooltip-arrow::after {
  border-top-color: #f0f0f0;
}
.dark-theme .CallsNewCall__ItemActionButtonTooltip[data-placement="top"] .module-tooltip-arrow::after {
  border-top-color: #2e2e2e;
}

.CallsNewCall__ItemIcon {
  display: block;
  width: 20px;
  height: 20px;
}

.CallsNewCall__ItemIcon--Phone {
  -webkit-mask: url("../images/icons/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .CallsNewCall__ItemIcon--Phone {
    background-color: WindowText;
  }
}
.dark-theme .CallsNewCall__ItemIcon--Phone {
  -webkit-mask: url("../images/icons/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .CallsNewCall__ItemIcon--Phone {
    background-color: WindowText;
  }
}

.CallsNewCall__ItemIcon--Video {
  -webkit-mask: url("../images/icons/v3/video/video.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .CallsNewCall__ItemIcon--Video {
    background-color: WindowText;
  }
}
.dark-theme .CallsNewCall__ItemIcon--Video {
  -webkit-mask: url("../images/icons/v3/video/video.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .CallsNewCall__ItemIcon--Video {
    background-color: WindowText;
  }
}

.CallingAdhocCallInfo {
  flex-shrink: 0;
  width: 360px;
  height: auto;
  margin-block-end: auto;
  padding-block-end: 16px;
  pointer-events: auto;
}

.CallingAdhocCallInfo__width-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: none;
  height: auto;
  padding-block: 1px;
  padding-inline-start: 15px;
  margin-block-end: 80px;
  overflow: hidden;
  pointer-events: none;
}

.CallingAdhocCallInfo__width-container::after {
  content: "";
  display: flex;
  flex-shrink: 1;
  flex-basis: 480px;
}

.CallingAdhocCallInfo__overlay {
  background: transparent;
}

.CallingAdhocCallInfo__overlay-container {
  flex-direction: column;
  padding: 0;
  justify-content: flex-end;
}

.CallingAdhocCallInfo__MenuItem {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  display: flex;
  width: 100%;
  padding-block: 8px;
  padding-inline: 10px 2px;
  align-items: center;
  border-radius: 6px;
}
@media (forced-colors: active) {
  .CallingAdhocCallInfo__MenuItem {
    border: 1px solid WindowText;
  }
}

.CallingAdhocCallInfo__MenuItem:hover {
  background-color: #545454;
}

.CallingAdhocCallInfo__MenuItemIcon {
  background: #4a4a4a;
  display: flex;
  width: 36px;
  height: 36px;
  margin-inline-end: 8px;
  border-radius: 36px;
  align-items: center;
  justify-content: center;
}

.CallingAdhocCallInfo__MenuItemIcon:before {
  content: "";
  display: inline-block;
  height: 18px;
  width: 18px;
}

.CallingAdhocCallInfo__MenuItemIcon--copy-link:before {
  -webkit-mask: url("../images/icons/v3/copy/copy.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .CallingAdhocCallInfo__MenuItemIcon--copy-link:before {
    background-color: WindowText;
  }
}

.CallingAdhocCallInfo__MenuItemIcon--share-via-signal:before {
  -webkit-mask: url("../images/icons/v3/forward/forward.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .CallingAdhocCallInfo__MenuItemIcon--share-via-signal:before {
    background-color: WindowText;
  }
}

.CallingAdhocCallInfo__MenuItemText {
  display: flex;
}

.CallingAdhocCallInfo__Divider {
  display: flex;
  margin-block: 16px;
  margin-inline: 10px;
  border: 1px solid #4a4a4a;
}

.CallingAdhocCallInfo__RemoveClient {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  width: 16px;
  height: 16px;
  margin-inline: 8px;
  background: #ffffff;
}
@media (forced-colors: active) {
  .CallingAdhocCallInfo__RemoveClient {
    border: 1px solid WindowText;
  }
}

.CallingAdhocCallInfo__UnknownContactInfoButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  -webkit-mask: url("../images/icons/v3/info/info.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  display: flex;
  flex: none;
  width: 16px;
  height: 16px;
  margin-inline: 8px;
}
@media (forced-colors: active) {
  .CallingAdhocCallInfo__UnknownContactInfoButton {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .CallingAdhocCallInfo__UnknownContactInfoButton {
    background-color: WindowText;
  }
}

.keyboard-mode .CallingAdhocCallInfo__UnknownContactInfoButton:focus {
  background: #2c6bed;
}

.CallingAdhocCallInfo__UnknownContactInfoDialog__body {
  padding-block-start: 22px;
  padding-block-end: 8px;
}

.CallingAdhocCallInfo__UnknownContactAvatarSet {
  height: 36px;
}

.CallingAdhocCallInfo__UnknownContactAvatar:not(:first-child) {
  margin-inline-start: -24px;
}
.CallingAdhocCallInfo__UnknownContactAvatar .module-Avatar__contents {
  outline: 2px solid;
  outline-color: #2e2e2e;
}

.CallingAdhocCallInfo
  .module-calling-participants-list__contact:hover
  .CallingAdhocCallInfo__UnknownContactAvatar
  .module-Avatar__contents {
  outline-color: #545454;
}

.CallingAdhocCallInfo__RemoveClientDialog {
  width: 440px;
}

.CallingAudioIndicator {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  min-width: 28px;
  width: 28px;
  z-index: 1;
  border-radius: 14px;
}
.CallingAudioIndicator--with-content {
  background: rgba(46, 46, 46, 0.7);
}
.CallingAudioIndicator__content {
  width: 16px;
  height: 16px;
  /* Center Lottie animation */
  display: flex;
  align-items: center;
  justify-content: center;
}
.CallingAudioIndicator__content--muted {
  -webkit-mask: url("../images/icons/v3/mic/mic-slash-fill-compact-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .CallingAudioIndicator__content--muted {
    background-color: WindowText;
  }
}

.module-ongoing-call__footer__local-preview .CallingAudioIndicator {
  position: absolute;
  top: 6px;
  inset-inline-end: 6px;
  z-index: 1;
}

.module-ongoing-call__group-call-remote-participant .CallingAudioIndicator {
  position: absolute;
  top: 8px;
  inset-inline-end: 8px;
  z-index: 1;
}

.CallingStatusIndicator {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  min-width: 28px;
  width: 28px;
  z-index: 1;
  border-radius: 14px;
  background: rgba(46, 46, 46, 0.7);
}
.CallingStatusIndicator::after {
  content: "";
  width: 16px;
  height: 16px;
}

.CallingStatusIndicator--HandRaised {
  background: #ffffff;
}

.CallingStatusIndicator--HandRaised::after {
  -webkit-mask: url("../images/icons/v3/raise_hand/raise_hand-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .CallingStatusIndicator--HandRaised::after {
    background-color: WindowText;
  }
}

.CallingStatusIndicator--Video::after {
  -webkit-mask: url("../images/icons/v3/video/video-slash-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .CallingStatusIndicator--Video::after {
    background-color: WindowText;
  }
}

.module-ongoing-call__footer__local-preview .CallingStatusIndicator {
  position: absolute;
  z-index: 1;
}

.module-ongoing-call__footer__local-preview .CallingStatusIndicator--Video {
  top: 6px;
  inset-inline-start: 6px;
}

.module-ongoing-call__footer__local-preview .CallingStatusIndicator--HandRaised {
  bottom: 6px;
  inset-inline-start: 6px;
}

.module-ongoing-call__participants__grid
  .module-ongoing-call__group-call-remote-participant--hand-raised
  .CallingStatusIndicator--HandRaised {
  margin-block: 1px;
  margin-inline-start: 5px;
}

.CallingButton__icon {
  align-items: center;
  border-radius: 40px;
  border: none;
  display: flex;
  height: 36px;
  justify-content: center;
  outline: none;
  width: 36px;
}
.keyboard-mode .CallingButton__icon:focus {
  outline-offset: 1px;
  outline: 2px solid #2c6bed;
}
.CallingButton__icon--audio--on {
  background-color: #5e5e5e;
  backdrop-filter: blur(10px);
}
.CallingButton__icon--audio--on div {
  -webkit-mask: url("../images/icons/v3/mic/mic-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--audio--on div {
    background-color: WindowText;
  }
}
.CallingButton__icon--audio--off {
  background-color: #dedede;
}
.CallingButton__icon--audio--off div {
  -webkit-mask: url("../images/icons/v3/mic/mic-slash-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--audio--off div {
    background-color: WindowText;
  }
}
.CallingButton__icon--audio--disabled {
  background-color: #5e5e5e;
  opacity: 0.4;
}
.CallingButton__icon--audio--disabled div {
  -webkit-mask: url("../images/icons/v3/mic/mic-slash-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--audio--disabled div {
    background-color: WindowText;
  }
}
.CallingButton__icon--video--on {
  background-color: #5e5e5e;
  backdrop-filter: blur(10px);
}
.CallingButton__icon--video--on div {
  -webkit-mask: url("../images/icons/v3/video/video-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--video--on div {
    background-color: WindowText;
  }
}
.CallingButton__icon--video--off {
  background-color: #dedede;
}
.CallingButton__icon--video--off div {
  -webkit-mask: url("../images/icons/v3/video/video-slash-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--video--off div {
    background-color: WindowText;
  }
}
.CallingButton__icon--video--disabled {
  background-color: #5e5e5e;
  opacity: 0.4;
}
.CallingButton__icon--video--disabled div {
  -webkit-mask: url("../images/icons/v3/video/video-slash-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--video--disabled div {
    background-color: WindowText;
  }
}
.CallingButton__icon--hangup {
  background-color: #f44336;
}
.CallingButton__icon--hangup div {
  -webkit-mask: url("../images/icons/v3/phone/phone-down-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--hangup div {
    background-color: WindowText;
  }
}
.CallingButton__icon--raise-hand--on {
  background-color: #dedede;
}
.CallingButton__icon--raise-hand--on div {
  -webkit-mask: url("../images/icons/v3/raise_hand/raise_hand-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--raise-hand--on div {
    background-color: WindowText;
  }
}
.CallingButton__icon--raise-hand--off {
  background-color: #5e5e5e;
  backdrop-filter: blur(10px);
}
.CallingButton__icon--raise-hand--off div {
  -webkit-mask: url("../images/icons/v3/raise_hand/raise_hand-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--raise-hand--off div {
    background-color: WindowText;
  }
}
.CallingButton__icon--react--on {
  background-color: #dedede;
}
.CallingButton__icon--react--on div {
  -webkit-mask: url("../images/icons/v3/heart/heart-plus-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--react--on div {
    background-color: WindowText;
  }
}
.CallingButton__icon--react--off {
  background-color: #5e5e5e;
  backdrop-filter: blur(10px);
}
.CallingButton__icon--react--off div {
  -webkit-mask: url("../images/icons/v3/heart/heart-plus-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--react--off div {
    background-color: WindowText;
  }
}
.CallingButton__icon--ring--on {
  background-color: #5e5e5e;
  backdrop-filter: blur(10px);
}
.CallingButton__icon--ring--on div {
  -webkit-mask: url("../images/icons/v3/bell/bell-ring-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--ring--on div {
    background-color: WindowText;
  }
}
.CallingButton__icon--ring--off {
  background-color: #dedede;
}
.CallingButton__icon--ring--off div {
  -webkit-mask: url("../images/icons/v3/bell/bell-slash-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--ring--off div {
    background-color: WindowText;
  }
}
.CallingButton__icon--ring--disabled {
  background-color: #5e5e5e;
  opacity: 0.4;
}
.CallingButton__icon--ring--disabled div {
  -webkit-mask: url("../images/icons/v3/bell/bell-slash-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--ring--disabled div {
    background-color: WindowText;
  }
}
.CallingButton__icon--presenting--on {
  background-color: #dedede;
}
.CallingButton__icon--presenting--on div {
  -webkit-mask: url("../images/icons/v3/share_screen/share_screen-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--presenting--on div {
    background-color: WindowText;
  }
}
.CallingButton__icon--presenting--off {
  background-color: #5e5e5e;
  backdrop-filter: blur(10px);
}
.CallingButton__icon--presenting--off div {
  -webkit-mask: url("../images/icons/v3/share_screen/share_screen-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--presenting--off div {
    background-color: WindowText;
  }
}
.CallingButton__icon--presenting--disabled {
  background-color: #5e5e5e;
  opacity: 0.4;
}
.CallingButton__icon--presenting--disabled div {
  -webkit-mask: url("../images/icons/v3/share_screen/share_screen-fill-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--presenting--disabled div {
    background-color: WindowText;
  }
}
.CallingButton__icon--more-options {
  background-color: #5e5e5e;
  backdrop-filter: blur(10px);
}
.CallingButton__icon--more-options div {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .CallingButton__icon--more-options div {
    background-color: WindowText;
  }
}
.CallingButton__button-container {
  display: inline-flex;
  flex-direction: column;
  max-width: 64px;
  margin-inline: 10px;
  transition:
    margin-inline-start 0.3s ease-out,
    opacity 0.3s ease-out;
}
@media (prefers-reduced-motion) {
  .CallingButton__button-container {
    transition: none;
  }
}
.CallingButton__button-container--hidden {
  margin-inline-start: -100px;
  opacity: 0;
  pointer-events: none;
}
.CallingButton__button-container--hidden .CallingButton__label {
  display: none;
}
.CallingButton__tooltip {
  background-color: #2e2e2e;
  color: #dedede;
  font-size: 13px;
  outline: 1px solid #545454;
  padding-block: 5px;
  padding-inline: 12px;
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.2));
  pointer-events: none;
}
.CallingButton__tooltip .module-tooltip-arrow::before {
  position: absolute;
  content: "";
  border-style: solid;
  border-width: 7px;
}
.CallingButton__tooltip[data-placement="bottom"] .module-tooltip-arrow::before {
  border-color: transparent transparent #545454 transparent;
  margin-top: -14px;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  margin-left: -7px;
}
.CallingButton__tooltip[data-placement="bottom"] .module-tooltip-arrow::after {
  border-bottom-color: #2e2e2e !important;
}
.CallingButton__tooltip[data-placement="top"] .module-tooltip-arrow::before {
  border-color: #545454 transparent transparent transparent;
  margin-top: 0;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  margin-left: -7px;
}
.CallingButton__tooltip[data-placement="top"] .module-tooltip-arrow::after {
  border-top-color: #2e2e2e !important;
}

.CallControls {
  position: relative;
  bottom: 0;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 480px;
  align-items: center;
  justify-content: space-between;
  max-width: 640px;
  height: 80px;
  background-color: #343434;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.4);
  border-radius: 18px;
  margin-block-end: 16px;
  margin-inline: 16px;
  padding-block: 22px;
  padding-inline: 24px;
  text-align: center;
}

.CallControls__InfoDisplay {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: start;
}

.CallControls__CallTitle {
  display: flex;
  max-height: 40px;
  margin-block-end: 2px;
  color: #dedede;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  overflow: hidden;
}

.CallControls__Status {
  display: flex;
  min-height: 18px;
  max-height: 36px;
  color: #c6c6c6;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
}
.keyboard-mode .CallControls__Status:focus-within {
  outline: 2px solid #2c6bed;
  outline-offset: 2px;
}

.CallControls__Status--ParticipantCount {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: flex;
  flex-basis: 100%;
  align-items: center;
}
@media (forced-colors: active) {
  .CallControls__Status--ParticipantCount {
    border: 1px solid WindowText;
  }
}
.CallControls__Status--ParticipantCount::after {
  content: "";
  display: flex;
  width: 14px;
  height: 14px;
  margin-inline-start: 1px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #c6c6c6;
}
@media (forced-colors: active) {
  .CallControls__Status--ParticipantCount::after {
    background-color: WindowText;
  }
}
:dir(rtl) .CallControls__Status--ParticipantCount::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}

.CallControls__ButtonContainer {
  display: flex;
}

.CallControls__JoinLeaveButtonContainer {
  display: flex;
  flex: 1;
  justify-content: end;
}

.CallControls__JoinLeaveButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 17px;
  padding-block: 7px;
  padding-inline: 16px;
  border-radius: 40px;
}
.keyboard-mode .CallControls__JoinLeaveButton:focus {
  box-shadow:
    0 0 0 1px #2e2e2e,
    0 0 0 3px #2c6bed !important;
}

.CallControls__JoinLeaveButton--hangup {
  background-color: #f44336;
}

.CallControls__JoinLeaveButton .module-spinner__container {
  margin-block: -5px;
}

.CallControls__OuterSpacer {
  flex-basis: 122.67px;
}

.CallControls__ReactionPickerContainer {
  position: absolute;
  inset-inline-start: min(44%, 32vw);
  inset-block-end: 70px;
  z-index: 200;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 155px);
  font-size: 13px;
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.2));
  pointer-events: auto;
}

.CallControls__ReactionPickerContainer .module-emoji-picker {
  margin-bottom: auto;
  max-width: calc(50vw + 20px);
}

@media (prefers-reduced-motion: no-preference) {
  .CallControls__ReactionPickerContainer .module-ReactionPickerPicker {
    animation-duration: 200ms;
  }
}

.CallSettingsButton__Button {
  align-items: center;
  background-color: #343434;
  border: none;
  border-radius: 40px;
  display: flex;
  height: 36px;
  justify-content: center;
  outline: none;
  width: 36px;
}
.keyboard-mode .CallSettingsButton__Button:focus {
  outline-offset: 1px;
  outline: 2px solid #2c6bed;
}

.CallSettingsButton__Icon {
  height: 20px;
  width: 20px;
  border: none;
}

.CallSettingsButton__Icon--Cancel {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .CallSettingsButton__Icon--Cancel {
    background-color: WindowText;
  }
}

.CallSettingsButton__Icon--OverflowView {
  -webkit-mask: url("../images/icons/v3/grid/overflow_view.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .CallSettingsButton__Icon--OverflowView {
    background-color: WindowText;
  }
}

.CallSettingsButton__Icon--PaginatedView {
  -webkit-mask: url("../images/icons/v3/grid/grid.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .CallSettingsButton__Icon--PaginatedView {
    background-color: WindowText;
  }
}

.CallSettingsButton__Icon--Pip {
  -webkit-mask: url("../images/icons/v3/pip/pip.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .CallSettingsButton__Icon--Pip {
    background-color: WindowText;
  }
}

.CallSettingsButton__Icon--Settings {
  -webkit-mask: url("../images/icons/v3/settings/settings.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .CallSettingsButton__Icon--Settings {
    background-color: WindowText;
  }
}

.CallSettingsButton__Icon--SpeakerView {
  -webkit-mask: url("../images/icons/v3/speaker_view/speaker_view.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .CallSettingsButton__Icon--SpeakerView {
    background-color: WindowText;
  }
}

.module-CallingLobby__local-preview {
  position: absolute;
  z-index: -1;
  top: 28px;
  -webkit-app-region: no-drag;
}
.module-CallingLobby__local-preview--camera-is-on {
  max-height: calc(100% - 24px);
  height: auto;
  transform: rotateY(180deg);
  width: calc(100% - 24px);
  border-radius: 8px;
  width: auto;
  height: 100%;
  max-height: calc(100% - 140px);
  opacity: 0.6;
  overflow: hidden;
}
.module-CallingLobby__local-preview--camera-is-on video {
  width: auto;
  height: 100%;
}
.module-CallingLobby__local-preview--camera-is-off {
  max-height: calc(100% - 24px);
  height: auto;
  transform: rotateY(180deg);
  width: calc(100% - 24px);
  border-radius: 8px;
  width: auto;
  height: 100%;
  max-height: calc(100% - 140px);
  aspect-ratio: 4/3;
}
.module-CallingLobby__local-preview--camera-is-off .module-calling__background--blur::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.module-CallingLobby__camera-is-off--visible {
  opacity: 1;
}
.module-CallingLobby__camera-is-off--invisible {
  opacity: 0;
}

.CallingLobby__CallLinkNotice {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  display: flex;
  padding-block: 12px;
  padding-inline: 18px;
  margin-block-end: 32px;
  width: 340px;
  background: #343434;
  color: #ffffff;
  border-radius: 10px;
  align-items: center;
  text-align: center;
}

.CallingLobby__CallLinkNotice--join-request-pending {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  width: auto;
}

.CallingLobby__CallLinkJoinRequestPendingSpinner {
  margin-inline-end: 8px;
}

.CallingLobby__Footer {
  display: flex;
  width: 100%;
  justify-content: center;
}

.CallingPendingParticipants {
  width: 420px;
  height: auto;
  margin-block-start: auto;
  margin-block-end: 36px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.CallingPendingParticipants--Compact {
  width: 364px;
  padding-inline: 0;
  padding-block-start: 0;
  outline: 0;
}

.CallingPendingParticipants--Expandable {
  background: #343434;
}

.CallingPendingParticipants--Expanded {
  padding-block-end: 2px;
}

.CallingPendingParticipants__CompactParticipant {
  display: flex;
  padding-block: 12px;
  padding-inline: 12px;
  outline: none;
  align-items: center;
}

.CallingPendingParticipants__CompactParticipantNameColumn {
  margin-inline-start: 8px;
}

.CallingPendingParticipants__ParticipantButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
}
@media (forced-colors: active) {
  .CallingPendingParticipants__ParticipantButton {
    border: 1px solid WindowText;
  }
}

.keyboard-mode .CallingPendingParticipants__ParticipantButton:focus {
  outline: 3px solid #2c6bed;
  outline-offset: 1px;
}

.CallingPendingParticipants__ParticipantName {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  color: #dedede;
}

.CallingPendingParticipants__ParticipantAboutIcon {
  display: inline-block;
  height: 14px;
  width: 14px;
  position: relative;
  inset-block-start: 3px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .CallingPendingParticipants__ParticipantAboutIcon {
    background-color: WindowText;
  }
}
:dir(rtl) .CallingPendingParticipants__ParticipantAboutIcon {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left-bold.svg") no-repeat center;
}

.CallingPendingParticipants__WouldLikeToJoin {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #c6c6c6;
}

.CallingPendingParticipants__PendingActionButton {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  padding-inline: 0;
  margin-inline-end: 16px;
}

.CallingPendingParticipants__PendingActionButton:first-child {
  margin-inline-start: 8px;
}

.CallingPendingParticipants__PendingActionButton:last-child {
  margin-inline-end: 8px;
}

.CallingPendingParticipants__PendingActionButtonIcon {
  width: 16px;
  height: 16px;
}

.CallingPendingParticipants--Compact .CallingPendingParticipants__PendingActionButton {
  width: 36px;
  height: 36px;
  margin-inline-end: 20px;
}
.CallingPendingParticipants--Compact .CallingPendingParticipants__PendingActionButton:last-child {
  margin-inline-end: 0;
}
.CallingPendingParticipants--Compact .CallingPendingParticipants__PendingActionButtonIcon {
  width: 20px;
  height: 20px;
}

.CallingPendingParticipants__PendingActionButtonIcon--Approve {
  -webkit-mask: url("../images/icons/v3/check/check-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .CallingPendingParticipants__PendingActionButtonIcon--Approve {
    background-color: WindowText;
  }
}

.CallingPendingParticipants__PendingActionButtonIcon--Deny {
  -webkit-mask: url("../images/icons/v3/x/x-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .CallingPendingParticipants__PendingActionButtonIcon--Deny {
    background-color: WindowText;
  }
}

.CallingPendingParticipants__ActionPanel {
  padding-block: 15px;
  text-align: end;
}

.CallingPendingParticipants__ActionPanelButton {
  border-radius: 4px;
  margin-inline-end: 16px;
}

.CallingPendingParticipants__ActionPanelButton:last-child {
  margin-inline-end: 10px;
}

.CallingPendingParticipants__ShowAllRequestsButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  display: flex;
  padding-block: 5px;
  padding-inline: 15px;
  margin-block: 12px;
  margin-inline: auto;
  color: rgba(255, 255, 255, 0.9);
  background: #4a4a4a;
  border-radius: 46px;
  outline: none;
}
@media (forced-colors: active) {
  .CallingPendingParticipants__ShowAllRequestsButton {
    border: 1px solid WindowText;
  }
}

.keyboard-mode .CallingPendingParticipants__ShowAllRequestsButton:focus {
  outline: 3px solid #2c6bed;
  outline-offset: 1px;
}

.CallingPendingParticipants__ShowAllRequestsButtonContainer {
  background: rgba(0, 0, 0, 0.24);
}

.module-CallingPreCallInfo {
  text-align: center;
  user-select: none;
}
.module-CallingPreCallInfo__title,
.module-CallingPreCallInfo__subtitle {
  -webkit-box-orient: vertical;
  color: #ffffff;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.module-CallingPreCallInfo__title {
  -webkit-line-clamp: 1;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  margin-top: 16px;
}
.module-CallingPreCallInfo__subtitle {
  -webkit-line-clamp: 2;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-top: 8px;
}

.module-CallingPreCallInfo-spacer {
  flex-basis: 64px;
  margin-block-start: 12px;
}

.module-CallingScreenSharingController {
  display: flex;
  width: 100%;
  height: 100%;
  padding-block: 9vh;
  padding-inline: 3.3vw;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
  -webkit-app-region: drag;
}
body.context-menu-open .module-CallingScreenSharingController {
  -webkit-app-region: no-drag;
}
.module-CallingScreenSharingController__text {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  white-space: nowrap;
  width: 73vw;
}
.module-CallingScreenSharingController__button {
  height: 82vh;
  padding-block: 18vh;
  padding-inline: 3.5vw;
  line-height: 45.5vh;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.module-CallingScreenSharingController__buttons {
  align-items: center;
  display: flex;
  margin-inline-start: 1.25vw;
  -webkit-app-region: no-drag;
}
.module-CallingScreenSharingController__close {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
  width: 4.5vw;
  height: 45.5vh;
  margin-inline-start: 2.5vw;
  cursor: pointer;
}
@media (forced-colors: active) {
  .module-CallingScreenSharingController__close {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .module-CallingScreenSharingController__close {
    background-color: WindowText;
  }
}

.module-CallingSelectPresentingSourcesModal__width-container {
  max-width: 665px;
  position: relative;
}
.module-CallingSelectPresentingSourcesModal .module-Modal__button-footer {
  background-color: #121212;
}
.module-CallingSelectPresentingSourcesModal__sources {
  margin-bottom: 34px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.module-CallingSelectPresentingSourcesModal__sources:last-child {
  margin-bottom: 0;
}
.module-CallingSelectPresentingSourcesModal__title {
  margin-bottom: 12px;
}
.module-CallingSelectPresentingSourcesModal__source {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 4px;
  border: 1px solid #5e5e5e;
  overflow: hidden;
  padding: 8px;
  text-align: center;
  width: 200px;
}
@media (forced-colors: active) {
  .module-CallingSelectPresentingSourcesModal__source {
    border: 1px solid WindowText;
  }
}
.module-CallingSelectPresentingSourcesModal__source--selected {
  background-color: #1851b4;
  border: 1px solid #1851b4;
}
.module-CallingSelectPresentingSourcesModal__source img {
  display: inline-block;
}
.module-CallingSelectPresentingSourcesModal__screenshot {
  max-height: 102px;
  max-width: 184px;
}
.module-CallingSelectPresentingSourcesModal__name--container {
  align-items: center;
  display: flex;
  margin-top: 8px;
}
.module-CallingSelectPresentingSourcesModal__name--text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}
.module-CallingSelectPresentingSourcesModal__name--icon {
  margin-inline-end: 8px;
}

.CallingToasts {
  position: fixed;
  z-index: 200;
  top: 32px;
  width: 100%;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.CallingToasts__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
  gap: 8px;
}

.CallingToast--dismissable {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
}
@media (forced-colors: active) {
  .CallingToast--dismissable {
    border: 1px solid WindowText;
  }
}

.CallingToast {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  padding-block: 8px;
  padding-inline: 12px;
  border-radius: 22px;
  background-color: #2e2e2e;
  color: #dedede;
  text-align: center;
  user-select: none;
}
.CallingToast__reconnecting {
  display: flex;
  align-items: center;
  gap: 8px;
}

.CallingButtonToasts__outer {
  position: absolute;
  inset-block-end: 96px;
  width: 100%;
  z-index: 2;
}

.CallingButtonToasts {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 480px;
  max-width: 640px;
}

.CallingButtonToasts .CallingToasts {
  position: absolute;
  top: -16px;
  transform: translateY(-100%);
  inset-inline-start: 0;
}

.CallingToast__viewChanged {
  display: flex;
  align-items: center;
  gap: 8px;
}
.CallingToast__viewChanged__icon {
  width: 18px;
  height: 18px;
}

.CallLinkAddNameModal__Row {
  display: flex;
  gap: 12px;
}

.CallLinkAddNameModal__SrOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.CallLinkAddNameModal__Input__container.Input__container {
  flex: 1;
}

.CallLinkDetails__Container {
  max-width: 750px;
  margin-block: 0;
  margin-inline: auto;
  user-select: none;
}

.CallLinkDetails__Header {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin-bottom: 24px;
}

.CallLinkDetails__HeaderAvatar,
.CallLinkDetails__HeaderActions {
  flex-shrink: 0;
}

.CallLinkDetails__HeaderDetails {
  flex: 1;
}

.CallLinkDetails__HeaderTitle {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.25px;
}

.CallLinkDetails__HeaderDescription {
  margin: 0;
  user-select: text;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #5e5e5e;
}
.dark-theme .CallLinkDetails__HeaderDescription {
  color: #b9b9b9;
}

.CallLinkDetails__HeaderButton {
  font-weight: 600;
}

.CallLinkDetails__HeaderButton--active-call {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  border-radius: 9999px;
  display: flex;
  width: auto;
  align-items: center;
  background-color: #4caf50;
  color: #ffffff;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  user-select: none;
}
.CallLinkDetails__HeaderButton--active-call:before {
  -webkit-mask: url("../images/icons/v3/video/video-compact-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  content: "";
  display: block;
  height: 16px;
  margin-inline-end: 4px;
  min-width: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .CallLinkDetails__HeaderButton--active-call:before {
    background-color: WindowText;
  }
}
.CallLinkDetails__HeaderButton--active-call:not(:disabled):hover,
.dark-theme .CallLinkDetails__HeaderButton--active-call:not(:disabled):hover {
  background-color: #337636;
}
.keyboard-mode .CallLinkDetails__HeaderButton--active-call:not(:disabled):focus {
  background-color: #337636;
}

.CallLinkDetails__DeleteLink .ConversationDetails-icon__icon--trash::after,
.dark-theme .CallLinkDetails__DeleteLink .ConversationDetails-icon__icon--trash::after {
  background-color: #f44336;
}
.CallLinkDetails__DeleteLink .ConversationDetails-panel-row__label {
  color: #f44336;
}

.CallLinkDetails__DeleteLink--disabled-for-active-call .ConversationDetails-icon__icon--trash::after,
.dark-theme .CallLinkDetails__DeleteLink--disabled-for-active-call .ConversationDetails-icon__icon--trash::after {
  background-color: #848484;
}
.CallLinkDetails__DeleteLink--disabled-for-active-call .ConversationDetails-panel-row__label {
  color: #848484;
}

.CallLinkDetails__ApproveAllMembersDisabledTooltip,
.CallLinkDetails__DeleteLinkTooltip {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  background-color: #f0f0f0;
  color: #000000;
  outline: 1px solid #c6c6c6;
  padding-block: 5px;
  padding-inline: 12px;
  border-radius: 6px;
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.16));
  pointer-events: none;
}
.dark-theme .CallLinkDetails__ApproveAllMembersDisabledTooltip,
.dark-theme .CallLinkDetails__DeleteLinkTooltip {
  background-color: #2e2e2e;
  color: #dedede;
  outline: 1px solid #545454;
}
.CallLinkDetails__ApproveAllMembersDisabledTooltip .module-tooltip-arrow::before,
.CallLinkDetails__DeleteLinkTooltip .module-tooltip-arrow::before {
  position: absolute;
  content: "";
  border-style: solid;
  border-width: 7px;
}
.CallLinkDetails__ApproveAllMembersDisabledTooltip[data-placement="bottom"] .module-tooltip-arrow::before,
.CallLinkDetails__DeleteLinkTooltip[data-placement="bottom"] .module-tooltip-arrow::before {
  border-color: transparent transparent #c6c6c6 transparent;
  margin-top: -14px;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  margin-left: -7px;
}
.dark-theme .CallLinkDetails__ApproveAllMembersDisabledTooltip[data-placement="bottom"] .module-tooltip-arrow::before,
.dark-theme .CallLinkDetails__DeleteLinkTooltip[data-placement="bottom"] .module-tooltip-arrow::before {
  border-color: transparent transparent #545454 transparent;
}
.CallLinkDetails__ApproveAllMembersDisabledTooltip[data-placement="bottom"] .module-tooltip-arrow::after,
.CallLinkDetails__DeleteLinkTooltip[data-placement="bottom"] .module-tooltip-arrow::after {
  border-bottom-color: #f0f0f0;
}
.dark-theme .CallLinkDetails__ApproveAllMembersDisabledTooltip[data-placement="bottom"] .module-tooltip-arrow::after,
.dark-theme .CallLinkDetails__DeleteLinkTooltip[data-placement="bottom"] .module-tooltip-arrow::after {
  border-bottom-color: #2e2e2e;
}
.CallLinkDetails__ApproveAllMembersDisabledTooltip[data-placement="top"] .module-tooltip-arrow::before,
.CallLinkDetails__DeleteLinkTooltip[data-placement="top"] .module-tooltip-arrow::before {
  border-color: #c6c6c6 transparent transparent transparent;
  margin-top: 0;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  margin-left: -7px;
}
.dark-theme .CallLinkDetails__ApproveAllMembersDisabledTooltip[data-placement="top"] .module-tooltip-arrow::before,
.dark-theme .CallLinkDetails__DeleteLinkTooltip[data-placement="top"] .module-tooltip-arrow::before {
  border-color: #545454 transparent transparent transparent;
}
.CallLinkDetails__ApproveAllMembersDisabledTooltip[data-placement="top"] .module-tooltip-arrow::after,
.CallLinkDetails__DeleteLinkTooltip[data-placement="top"] .module-tooltip-arrow::after {
  border-top-color: #f0f0f0;
}
.dark-theme .CallLinkDetails__ApproveAllMembersDisabledTooltip[data-placement="top"] .module-tooltip-arrow::after,
.dark-theme .CallLinkDetails__DeleteLinkTooltip[data-placement="top"] .module-tooltip-arrow::after {
  border-top-color: #2e2e2e;
}

.module-Modal__body.CallLinkEditModal__body {
  padding-inline: 12px 3px;
  scrollbar-gutter: stable;
}

.CallLinkEditModal__SrOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.CallLinkEditModal__Header {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 26px;
}

.CallLinkEditModal__Header__Details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

.CallLinkEditModal__Header__Title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
}

.CallLinkEditModal__Header__CallLinkButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #5e5e5e;
}
@media (forced-colors: active) {
  .CallLinkEditModal__Header__CallLinkButton {
    border: 1px solid WindowText;
  }
}
.dark-theme .CallLinkEditModal__Header__CallLinkButton {
  color: #b9b9b9;
}

.CallLinkEditModal__Header__CallLinkButton__Text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.CallLinkEditModal__Header__Actions {
  display: flex;
  gap: 14px;
  align-items: center;
}

.CallLinkEditModal__JoinButton {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
}

.CallLinkEditModal__Row {
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 16px;
}

.CallLinkEditModal__RowButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  width: 100%;
  padding-block: 1px;
}
@media (forced-colors: active) {
  .CallLinkEditModal__RowButton {
    border: 1px solid WindowText;
  }
}
.CallLinkEditModal__RowButton .CallLinkEditModal__Row {
  border-radius: 8px;
}
.CallLinkEditModal__RowButton:hover .CallLinkEditModal__Row,
.CallLinkEditModal__RowButton:focus .CallLinkEditModal__Row {
  background: #f6f6f6;
}
.dark-theme .CallLinkEditModal__RowButton:hover .CallLinkEditModal__Row,
.dark-theme .CallLinkEditModal__RowButton:focus .CallLinkEditModal__Row {
  background: #3b3b3b;
}

.CallLinkEditModal__Row--Button {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  color: #000000;
}
.dark-theme .CallLinkEditModal__Row--Button {
  color: #dedede;
}

.CallLinkEditModal__RowLabel {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  flex: 1;
}

.CallLinkEditModal__RowIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.CallLinkEditModal__RowIcon::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.CallLinkEditModal__RowIcon--Edit::after {
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .CallLinkEditModal__RowIcon--Edit::after {
    background-color: WindowText;
  }
}
.dark-theme .CallLinkEditModal__RowIcon--Edit::after {
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .CallLinkEditModal__RowIcon--Edit::after {
    background-color: WindowText;
  }
}

.CallLinkEditModal__RowIcon--Approve::after {
  -webkit-mask: url("../images/icons/v3/person/person-check-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .CallLinkEditModal__RowIcon--Approve::after {
    background-color: WindowText;
  }
}
.dark-theme .CallLinkEditModal__RowIcon--Approve::after {
  -webkit-mask: url("../images/icons/v3/person/person-check-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .CallLinkEditModal__RowIcon--Approve::after {
    background-color: WindowText;
  }
}

.CallLinkEditModal__RowIcon--Copy::after {
  -webkit-mask: url("../images/icons/v3/copy/copy.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .CallLinkEditModal__RowIcon--Copy::after {
    background-color: WindowText;
  }
}
.dark-theme .CallLinkEditModal__RowIcon--Copy::after {
  -webkit-mask: url("../images/icons/v3/copy/copy.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .CallLinkEditModal__RowIcon--Copy::after {
    background-color: WindowText;
  }
}

.CallLinkEditModal__RowIcon--Share::after {
  -webkit-mask: url("../images/icons/v3/forward/forward.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .CallLinkEditModal__RowIcon--Share::after {
    background-color: WindowText;
  }
}
.dark-theme .CallLinkEditModal__RowIcon--Share::after {
  -webkit-mask: url("../images/icons/v3/forward/forward.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .CallLinkEditModal__RowIcon--Share::after {
    background-color: WindowText;
  }
}

.CallLinkEditModal__Hr {
  border: none;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
}

.module-Modal__body_inner.CallLinkPendingParticipantModal__body_inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 4px;
  margin-bottom: 14px;
  padding-inline: 8px;
}

.CallLinkPendingParticipantModal__NameButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -0.56px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  max-width: 100%;
  margin-top: 12px;
  font-weight: 500;
  color: #e9e9e9;
  cursor: pointer;
}
@media (forced-colors: active) {
  .CallLinkPendingParticipantModal__NameButton {
    border: 1px solid WindowText;
  }
}

.CallLinkPendingParticipantModal__InContactsIcon {
  height: 22px;
  width: 22px;
}
.CallLinkPendingParticipantModal__InContactsIcon,
.dark-theme .CallLinkPendingParticipantModal__InContactsIcon {
  background-color: currentColor;
}

.CallLinkPendingParticipantModal__AboutIcon {
  display: inline-block;
  height: 20px;
  width: 20px;
  position: relative;
  inset-block-start: 2px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .CallLinkPendingParticipantModal__AboutIcon {
    background-color: WindowText;
  }
}
:dir(rtl) .CallLinkPendingParticipantModal__AboutIcon {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left-bold.svg") no-repeat center;
}

.CallLinkPendingParticipantModal__SharedGroupInfo {
  margin-top: 10px;
  color: #b9b9b9;
  text-align: center;
}

.CallLinkPendingParticipantModal__Hr {
  width: 100%;
  margin-block: 24px;
  border: none;
  height: 1px;
  background: #4a4a4a;
}

.CallLinkPendingParticipantModal__ActionButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: flex;
  padding-block: 6px;
  width: 100%;
  align-items: center;
  color: #e9e9e9;
}
@media (forced-colors: active) {
  .CallLinkPendingParticipantModal__ActionButton {
    border: 1px solid WindowText;
  }
}

.CallLinkPendingParticipantModal__ActionButton:last-child {
  margin-bottom: 0;
}

.keyboard-mode .CallLinkPendingParticipantModal__ActionButton:focus {
  background: #4a4a4a;
}

.CallLinkPendingParticipantModal__ButtonIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline-end: 12px;
  width: 20px;
}

.CallLinkPendingParticipantModal__ButtonIconContent {
  width: 20px;
  height: 20px;
}

.CallLinkPendingParticipantModal__ButtonIconContent--approve {
  -webkit-mask: url("../images/icons/v3/check/check-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .CallLinkPendingParticipantModal__ButtonIconContent--approve {
    background-color: WindowText;
  }
}

.CallLinkPendingParticipantModal__ButtonIconContent--deny {
  -webkit-mask: url("../images/icons/v3/x/x-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .CallLinkPendingParticipantModal__ButtonIconContent--deny {
    background-color: WindowText;
  }
}

.CallLinkRestrictionsSelect.module-select select {
  min-width: 0;
}

.CallingRaisedHandsList {
  width: 100%;
  height: auto;
  margin-block-end: auto;
  overflow: auto;
}

.CallingRaisedHandsList__width-container {
  display: flex;
  flex-direction: column;
  width: 320px;
  height: auto;
  padding-block: 1px;
  padding-inline: 1px;
  margin-block-end: 72px;
  margin-inline-start: 8px;
  overflow: hidden;
}

.CallingRaisedHandsList__overlay {
  background: transparent;
}

.CallingRaisedHandsList__overlay-container {
  flex-direction: column;
  padding: 0;
  justify-content: flex-end;
  align-items: start;
}

.CallingRaisedHandsList__Overlay {
  align-items: start;
}

.CallingRaisedHandsList__TitleHint {
  font-weight: normal;
}

.CallingRaisedHandsList .module-calling-participants-list__contact:last-child {
  margin-block-end: 4px;
}

.CallingRaisedHandsList__Button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  position: absolute;
  inset-inline-start: 16px;
  inset-block-end: 16px;
  display: flex;
  padding-block: 14px;
  padding-inline: 12px;
  background: #ffffff;
  border-radius: 24px;
  color: #000000;
  font-size: 14px;
  z-index: 3;
}
@media (forced-colors: active) {
  .CallingRaisedHandsList__Button {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .CallingRaisedHandsList__Button:focus {
  outline: 2px solid #2c6bed;
}

.CallingRaisedHandsList__ButtonIcon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-inline-end: 4px;
  content: "";
  -webkit-mask: url("../images/icons/v3/raise_hand/raise_hand-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .CallingRaisedHandsList__ButtonIcon {
    background-color: WindowText;
  }
}

.CallingRaisedHandsList__NameHandIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  content: "";
  -webkit-mask: url("../images/icons/v3/raise_hand/raise_hand-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .CallingRaisedHandsList__NameHandIcon {
    background-color: WindowText;
  }
}

.CallingRaisedHandsList__LowerMyHandLink {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: flex;
  margin-inline-end: 16px;
  font-size: 13px;
  font-weight: 500;
  color: #abc4f8;
}
@media (forced-colors: active) {
  .CallingRaisedHandsList__LowerMyHandLink {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .CallingRaisedHandsList__LowerMyHandLink:focus {
  outline: 2px solid #2c6bed;
}

.CallingRaisedHandsToast__Content {
  display: flex;
  margin-block: 4px;
  margin-inline: 8px;
  font-weight: 500;
}

.CallingRaisedHandsToast__HandIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-inline-end: 8px;
  content: "";
  -webkit-mask: url("../images/icons/v3/raise_hand/raise_hand-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .CallingRaisedHandsToast__HandIcon {
    background-color: WindowText;
  }
}

.CallingRaisedHandsToasts__Link {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  color: #abc4f8;
  font-weight: 600;
  margin-inline-start: 16px;
}
@media (forced-colors: active) {
  .CallingRaisedHandsToasts__Link {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .CallingRaisedHandsToasts__Link:focus {
  outline: 2px solid #2c6bed;
}

.module-calling-participants-list__status {
  flex-basis: auto;
}

.CallingReactionsToasts {
  position: absolute;
  inset-block-end: 112px;
  inset-inline-start: 65px;
  width: 100%;
}

.CallingReactionsToasts .CallingToasts {
  position: absolute;
  inset-block-start: 0;
  transform: translateY(-100%) rotate(180deg);
}

.CallingReactionsToasts .CallingToast {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  padding-inline: 16px;
  color: #c6c6c6;
  font-size: 15px;
  line-height: 20px;
  transform: rotate(-180deg);
}

.CallingReactionsToasts .CallingToasts__inner {
  width: 100%;
  align-items: flex-end;
  justify-content: flex-end;
  pointer-events: none;
  gap: 12px;
}

.CallingReactionsToasts .CallingToasts__inner div:nth-child(4) .CallingToast {
  opacity: 0.9;
}

.CallingReactionsToasts .CallingToasts__inner div:nth-child(5) .CallingToast {
  opacity: 0.7;
}

.CallingReactionsToasts__reaction {
  position: relative;
}

.CallingReactionsToasts__reaction .module-emoji {
  position: absolute;
  inset-inline-start: -60px;
  inset-block-start: -5px;
}

.CallingReactionsBurstToasts {
  position: absolute;
  width: 100%;
  inset-block-end: 112px;
  inset-inline-start: 15px;
}

.CallReactionBursts {
  position: absolute;
  z-index: 200;
  display: flex;
}

.CallReactionBurstEmoji {
  position: absolute;
}

.ChatColorPicker__container {
  max-width: 748px;
  margin-block: 0;
  margin-inline: auto;
}
.ChatColorPicker__container hr {
  border-color: #dedede;
}
.dark-theme .ChatColorPicker__container hr {
  border-color: #3b3b3b;
}
.ChatColorPicker__modal__body.module-Modal__body {
  overflow-x: hidden;
}
.ChatColorPicker__bubbles {
  align-items: center;
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(auto-fit, 52px);
  justify-content: center;
  margin-block: 20px;
  margin-inline: 0;
}
.ChatColorPicker__bubble {
  align-items: center;
  display: flex;
  justify-content: center;
  background-clip: content-box;
  border-color: transparent;
  border-radius: 52px;
  border-style: solid;
  border-width: 4px;
  cursor: pointer;
  height: 52px;
  padding: 2px;
  width: 52px;
}
.ChatColorPicker__bubble--blue {
  background-color: #336ba3;
}
.ChatColorPicker__bubble--burlap {
  background-color: #6f6a58;
}
.ChatColorPicker__bubble--crimson {
  background-color: #cf163e;
}
.ChatColorPicker__bubble--forest {
  background-color: #3b7845;
}
.ChatColorPicker__bubble--indigo {
  background-color: #6058ca;
}
.ChatColorPicker__bubble--plum {
  background-color: #aa377a;
}
.ChatColorPicker__bubble--steel {
  background-color: #71717f;
}
.ChatColorPicker__bubble--taupe {
  background-color: #8f616a;
}
.ChatColorPicker__bubble--teal {
  background-color: #077d92;
}
.ChatColorPicker__bubble--vermilion {
  background-color: #c73f0a;
}
.ChatColorPicker__bubble--violet {
  background-color: #9932c8;
}
.ChatColorPicker__bubble--wintergreen {
  background-color: #1d8663;
}
.ChatColorPicker__bubble--ultramarine {
  background-image: linear-gradient(180deg, #0552f0, #2c6bed);
}
.ChatColorPicker__bubble--basil {
  background-image: linear-gradient(180deg, #2f9373, #077343);
}
.ChatColorPicker__bubble--ember {
  background-image: linear-gradient(168deg, #e57c00, #5e0000);
}
.ChatColorPicker__bubble--fluorescent {
  background-image: linear-gradient(192deg, #ec13dd, #1b36c6);
}
.ChatColorPicker__bubble--infrared {
  background-image: linear-gradient(192deg, #f65560, #442ced);
}
.ChatColorPicker__bubble--lagoon {
  background-image: linear-gradient(180deg, #004066, #32867d);
}
.ChatColorPicker__bubble--midnight {
  background-image: linear-gradient(180deg, #2c2c3a, #787891);
}
.ChatColorPicker__bubble--sea {
  background-image: linear-gradient(180deg, #498fd4, #2c66a0);
}
.ChatColorPicker__bubble--sublime {
  background-image: linear-gradient(180deg, #6281d5, #974460);
}
.ChatColorPicker__bubble--tangerine {
  background-image: linear-gradient(192deg, #db7133, #911231);
}
.ChatColorPicker__bubble--selected {
  border-color: #3b3b3b;
}
.dark-theme .ChatColorPicker__bubble--selected {
  border-color: #ffffff;
}
.ChatColorPicker__bubble:focus {
  border-color: #2c6bed;
  outline: none;
}
.ChatColorPicker__bubble--custom-selected::after {
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .ChatColorPicker__bubble--custom-selected::after {
    background-color: WindowText;
  }
}
.ChatColorPicker__bubble--custom {
  background-color: #e9e9e9;
}
.ChatColorPicker__add-icon {
  -webkit-mask: url("../images/icons/v3/plus/plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
  display: block;
  height: 24px;
  width: 24px;
}
@media (forced-colors: active) {
  .ChatColorPicker__add-icon {
    background-color: WindowText;
  }
}

.Checkbox__container {
  align-items: center;
  display: flex;
}
.Checkbox__container input {
  height: 18px;
  width: 18px;
}
.mouse-mode .Checkbox__container input:focus,
.mouse-mode .Checkbox__container input:active {
  outline: none;
}
.keyboard-mode .Checkbox__container input:focus,
.keyboard-mode .Checkbox__container input:active {
  outline: 1px solid #2c6bed;
}
.Checkbox__checkbox {
  height: 18px;
  margin-inline-end: 20px;
  width: 18px;
}
.Checkbox__description {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #5e5e5e;
}
.dark-theme .Checkbox__description {
  color: #b9b9b9;
}

.CircleCheckbox__checkbox {
  position: relative;
  height: 20px;
  width: 20px;
}
.CircleCheckbox__checkbox input {
  cursor: pointer;
  height: 0;
  position: absolute;
  width: 0;
}
.keyboard-mode .CircleCheckbox__checkbox input:focus {
  outline: none;
}
.keyboard-mode .CircleCheckbox__checkbox input:focus::before {
  border-color: #2c6bed;
}
.CircleCheckbox__checkbox input::before {
  border-radius: 9999px;
  background: inherit;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  width: 20px;
  border: 1.5px solid #b9b9b9;
}
.dark-theme .CircleCheckbox__checkbox input::before {
  border: 1.5px solid #4a4a4a;
}
.CircleCheckbox__checkbox input:disabled {
  cursor: inherit;
}
.CircleCheckbox__checkbox input:disabled::before {
  border-color: #dedede;
}
.CircleCheckbox__checkbox input:disabled:checked::before {
  background: #dedede;
  border-color: #dedede;
}
.dark-theme .CircleCheckbox__checkbox input:disabled::before {
  border-color: #848484;
}
.dark-theme .CircleCheckbox__checkbox input:disabled:checked::before {
  background: #848484;
  border-color: #848484;
}
.CircleCheckbox__checkbox input:checked::after {
  content: "";
  display: block;
  position: absolute;
}
.CircleCheckbox__checkbox input[type="checkbox"]:checked:not([disabled])::before {
  background: #2c6bed;
  border: 1.5px solid #2c6bed;
}
.CircleCheckbox__checkbox input[type="checkbox"]:checked::after {
  -webkit-mask: url("../images/icons/v3/check/check-compact-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  width: 14px;
  height: 14px;
  top: 3px;
  inset-inline-start: 3px;
}
@media (forced-colors: active) {
  .CircleCheckbox__checkbox input[type="checkbox"]:checked::after {
    background-color: WindowText;
  }
}
.CircleCheckbox__checkbox input[type="radio"]:checked::before {
  border: 2px solid #2c6bed;
}
.CircleCheckbox__checkbox input[type="radio"]:checked::after {
  background: #2c6bed;
  top: 4px;
  inset-inline-start: 4px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
}
.CircleCheckbox__checkbox--small {
  height: 18px;
  width: 18px;
}
.CircleCheckbox__checkbox--small input::before {
  height: 18px;
  width: 18px;
}
.CircleCheckbox__checkbox--small input[type="checkbox"]:checked::before {
  background: #2c6bed;
  border: 1.5px solid #2c6bed;
}
.CircleCheckbox__checkbox--small input[type="checkbox"]:checked::after {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  height: 10px;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 7px;
  top: 3px;
  transform: rotate(45deg);
  width: 5px;
}
.CircleCheckbox__checkbox--small input[type="radio"]:checked::before {
  border: 2px solid #2c6bed;
}
.CircleCheckbox__checkbox--small input[type="radio"]:checked::after {
  background: #2c6bed;
  top: 4px;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

.CollidingAvatars {
  position: relative;
  width: 36px;
  height: 36px;
}
.CollidingAvatars__avatar {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.CollidingAvatars__avatar:nth-child(1) {
  clip-path: var(--clip-path);
}
.CollidingAvatars__avatar:nth-child(2) {
  inset-block-start: 12px;
  inset-inline-start: 12px;
}
.CollidingAvatars__clip_svg {
  position: absolute;
}

.ComposeStepButton__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.06);
}
.dark-theme .ComposeStepButton__icon {
  background-color: rgba(255, 255, 255, 0.12);
}
.ComposeStepButton__icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #000000;
}
.dark-theme .ComposeStepButton__icon::before {
  background-color: #e9e9e9;
}
.ComposeStepButton__icon--call-link {
  width: 36px;
  height: 36px;
  border-radius: 9999px;
}
.ComposeStepButton__icon--call-link::before {
  -webkit-mask-image: url("../images/icons/v3/link/link.svg");
}
.ComposeStepButton__icon--group::before {
  -webkit-mask-image: url("../images/icons/v3/group/group.svg");
}
.ComposeStepButton__icon--username::before {
  -webkit-mask-image: url("../images/icons/v3/at/at.svg");
}
.ComposeStepButton__icon--phone-number::before {
  -webkit-mask-image: url("../images/icons/v3/number/number-light.svg");
}

.CompositionArea {
  position: relative;
  min-height: 42px;
  padding-block: 10px;
  padding-inline: 0;
}
.CompositionArea__placeholder {
  flex-grow: 1;
  margin-bottom: 6px;
}
.CompositionArea__row {
  display: flex;
  flex-direction: row;
  align-items: end;
}
.CompositionArea__row--center {
  justify-content: center;
}
.CompositionArea__row--padded {
  padding-block: 0;
  padding-inline: 12px;
}
.CompositionArea__row--control-row {
  margin-top: 12px;
}
.CompositionArea__row--column {
  flex-direction: column;
  align-items: stretch;
}
.CompositionArea__button-cell {
  margin-block: 0;
  margin-inline: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-shrink: 0;
}
.CompositionArea__button-cell:first-child {
  margin-inline-start: 12px;
}
.CompositionArea__button-cell:last-child {
  margin-inline-end: 12px;
}
.CompositionArea__button-edit {
  margin-bottom: 4px;
}
.CompositionArea__edit-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 9999px;
  align-items: center;
  background-color: #848484;
  display: flex;
  height: 28px;
  justify-content: center;
  width: 28px;
}
@media (forced-colors: active) {
  .CompositionArea__edit-button {
    border: 1px solid WindowText;
  }
}
.CompositionArea__edit-button::before {
  content: "";
  height: 20px;
  width: 20px;
}
.CompositionArea__edit-button--discard::before {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .CompositionArea__edit-button--discard::before {
    background-color: WindowText;
  }
}
.CompositionArea__edit-button--accept {
  background-color: #2c6bed;
  margin-inline-start: 16px;
}
.CompositionArea__edit-button--accept::before {
  -webkit-mask: url("../images/icons/v3/check/check.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .CompositionArea__edit-button--accept::before {
    background-color: WindowText;
  }
}
.CompositionArea__edit-button--accept:disabled {
  opacity: 0.5;
}
.CompositionArea__send-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  width: 32px;
  height: 32px;
}
.CompositionArea__send-button::after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  -webkit-mask: url("../images/icons/v3/send/send-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .CompositionArea__send-button::after {
    background-color: WindowText;
  }
}
.CompositionArea__input {
  flex-grow: 1;
  position: relative;
  margin-block: 0;
  margin-inline: 6px;
}
.CompositionArea__input--large {
  margin: 0;
}
.CompositionArea__toggle-large {
  width: 48px;
  height: 24px;
  position: absolute;
  inset-inline-start: calc(50% - 24px);
  top: -18px;
  border-radius: 12px 12px 0 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 200ms ease-out;
  background-color: #ffffff;
}
.CompositionArea:hover .CompositionArea__toggle-large {
  opacity: 1;
  pointer-events: all;
}
.dark-theme .CompositionArea__toggle-large {
  background-color: #121212;
}
.CompositionArea__toggle-large__button {
  width: 48px;
  height: 24px;
  border: none;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-shallow-up.svg") no-repeat center;
  background-color: #848484;
}
@media (forced-colors: active) {
  .CompositionArea__toggle-large__button {
    background-color: WindowText;
  }
}
.dark-theme .CompositionArea__toggle-large__button {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-shallow-up.svg") no-repeat center;
  background-color: #848484;
}
@media (forced-colors: active) {
  .dark-theme .CompositionArea__toggle-large__button {
    background-color: WindowText;
  }
}
.CompositionArea__toggle-large__button--large-active {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-shallow-down.svg") no-repeat center;
  background-color: #848484;
}
@media (forced-colors: active) {
  .CompositionArea__toggle-large__button--large-active {
    background-color: WindowText;
  }
}
.dark-theme .CompositionArea__toggle-large__button--large-active {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-shallow-down.svg") no-repeat center;
  background-color: #848484;
}
@media (forced-colors: active) {
  .dark-theme .CompositionArea__toggle-large__button--large-active {
    background-color: WindowText;
  }
}
.CompositionArea__attachment-list {
  width: 100%;
}
.CompositionArea--sms-only {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 14px 18px;
  padding-inline: 16px;
}
.CompositionArea--sms-only:not(.module-composition-area--pending) {
  border-top: 1px solid #e9e9e9;
}
.dark-theme .CompositionArea--sms-only:not(.module-composition-area--pending) {
  border-top: 1px solid #3b3b3b;
}
.CompositionArea--sms-only__title {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  margin-block: 0 2px;
  margin-inline: 0;
  color: #5e5e5e;
}
.dark-theme .CompositionArea--sms-only__title {
  color: #e9e9e9;
}
.CompositionArea--sms-only__body {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  text-align: center;
  margin: 0;
  color: #5e5e5e;
}
.dark-theme .CompositionArea--sms-only__body {
  color: #e9e9e9;
}
.CompositionArea__attach-file {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  padding: 0;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
.keyboard-mode .CompositionArea__attach-file:focus {
  outline: 2px solid #2c6bed;
}
.CompositionArea__attach-file:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/attach/attach.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .CompositionArea__attach-file:before {
    background-color: WindowText;
  }
}
.dark-theme .CompositionArea__attach-file:before {
  -webkit-mask: url("../images/icons/v3/attach/attach.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .CompositionArea__attach-file:before {
    background-color: WindowText;
  }
}

.CompositionRecording {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: 10px;
  padding-inline: 18px;
}
.CompositionRecording__wave {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  border-radius: 16px;
  height: 32px;
  padding-block: 6px;
  padding-inline: 12px;
  background: #e9e9e9;
}
.dark-theme .CompositionRecording__wave {
  background: #3b3b3b;
}
.CompositionRecording__microphone {
  display: inline-block;
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/mic/mic-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
  animation: pulse 2s infinite;
}
@media (forced-colors: active) {
  .CompositionRecording__microphone {
    background-color: WindowText;
  }
}
.CompositionRecording__timer {
  min-width: 40px;
  text-align: end;
}

.CompositionRecordingDraft {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: 10px;
  padding-inline: 18px;
}
.CompositionRecordingDraft__sizer {
  flex: 1;
  flex-basis: 0;
  overflow: hidden;
}

.module-composition-input__quill {
  height: 100%;
  padding-inline: 12px;
}
.module-composition-input__quill .ql-editor {
  caret-color: transparent;
  padding: 0;
  text-align: start;
  white-space: break-spaces;
  line-height: inherit;
}
.module-composition-input__quill .ql-editor--loaded {
  caret-color: auto;
}
.module-composition-input__quill .ql-editor.ql-blank::before {
  inset-inline: 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-inline: 4px;
  height: 22px;
  line-height: 22px;
}
.dark-theme .module-composition-input__at-mention {
  background-color: #5e5e5e;
}
.module-composition-input__input {
  border-radius: 18px;
  overflow: hidden;
  word-break: break-word;
  background-color: #e9e9e9;
  color: #1b1b1b;
  border: 1px solid transparent;
}
.module-composition-input__input .ql-container {
  font-family: inherit;
  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 .ql-blank::before {
  color: #b9b9b9;
}
.dark-theme .module-composition-input__input {
  background-color: #3b3b3b;
  color: #e9e9e9;
}
.module-composition-input__input__scroller {
  padding-block: 6px;
  padding-inline: 0;
  min-height: 30px;
  max-height: 70px;
  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 {
  height: 210px;
  max-height: 210px;
  min-height: 210px;
}
.module-composition-input__input__scroller--large .DraftEditor-root {
  height: 198px;
}
.module-composition-input__input__scroller--link-preview {
  padding-top: 0;
}
.module-composition-input__input:focus-within {
  outline: 0;
}
.keyboard-mode .module-composition-input__input:focus-within {
  border: 1px solid #2c6bed;
}
.module-composition-input__format-menu {
  padding-block: 6px;
  padding-inline: 12px;
  border-radius: 8px;
  z-index: 1303;
  display: flex;
  flex-direction: row;
  opacity: 0;
  transition: opacity ease 200ms;
  box-shadow:
    0px 4px 10px rgba(0, 0, 0, 0.3),
    0px 0px 4px rgba(0, 0, 0, 0.05);
  background: #ffffff;
}
.dark-theme .module-composition-input__format-menu {
  background: #4a4a4a;
}
.module-composition-input__format-menu__item {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  margin-inline-end: 8px;
}
@media (forced-colors: active) {
  .module-composition-input__format-menu__item {
    border: 1px solid WindowText;
  }
}
.module-composition-input__format-menu__item:last-child {
  margin-inline-end: 0;
}
.mouse-mode .module-composition-input__format-menu__item:hover {
  background-color: #e9e9e9;
}
.dark-theme.mouse-mode .module-composition-input__format-menu__item:hover {
  background-color: #5e5e5e;
}
.module-composition-input__format-menu__item--active {
  background-color: #e9e9e9;
}
.dark-theme .module-composition-input__format-menu__item--active {
  background-color: rgba(132, 132, 132, 0.3);
}
.mouse-mode .module-composition-input__format-menu__item--active:hover {
  background-color: #dedede;
}
.dark-theme.mouse-mode .module-composition-input__format-menu__item--active:hover {
  background-color: rgba(132, 132, 132, 0.5);
}
.module-composition-input__format-menu__item__popover {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 600;
  padding-block: 5px;
  padding-inline: 8px;
  text-align: center;
  border-radius: 4px;
  margin-bottom: 8px;
  opacity: 0;
  transition: opacity 120ms ease-out;
  background-color: #000000;
  color: #e9e9e9;
}
.dark-theme .module-composition-input__format-menu__item__popover {
  background-color: #4a4a4a;
  color: #e9e9e9;
}
.module-composition-input__format-menu__item__popover__shortcut {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  font-weight: 600;
  color: #dedede;
}
.dark-theme .module-composition-input__format-menu__item__popover__shortcut {
  color: #b9b9b9;
}
.module-composition-input__format-menu__item__icon {
  height: 20px;
  width: 20px;
  margin: 2px;
}
.module-composition-input__format-menu__item__icon--bold {
  -webkit-mask: url("../images/icons/v3/text_format/textformat-bold-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
.dark-theme .module-composition-input__format-menu__item__icon--bold {
  -webkit-mask: url("../images/icons/v3/text_format/textformat-bold-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-composition-input__format-menu__item__icon--bold {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-composition-input__format-menu__item__icon--bold {
    background-color: WindowText;
  }
}
.module-composition-input__format-menu__item__icon--italic {
  -webkit-mask: url("../images/icons/v3/text_format/textformat-italic-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
.dark-theme .module-composition-input__format-menu__item__icon--italic {
  -webkit-mask: url("../images/icons/v3/text_format/textformat-italic-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-composition-input__format-menu__item__icon--italic {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-composition-input__format-menu__item__icon--italic {
    background-color: WindowText;
  }
}
.module-composition-input__format-menu__item__icon--strike {
  -webkit-mask: url("../images/icons/v3/text_format/textformat-strikethrough-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
.dark-theme .module-composition-input__format-menu__item__icon--strike {
  -webkit-mask: url("../images/icons/v3/text_format/textformat-strikethrough-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-composition-input__format-menu__item__icon--strike {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-composition-input__format-menu__item__icon--strike {
    background-color: WindowText;
  }
}
.module-composition-input__format-menu__item__icon--monospace {
  -webkit-mask: url("../images/icons/v3/text_format/textformat-monospace-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
.dark-theme .module-composition-input__format-menu__item__icon--monospace {
  -webkit-mask: url("../images/icons/v3/text_format/textformat-monospace-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-composition-input__format-menu__item__icon--monospace {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-composition-input__format-menu__item__icon--monospace {
    background-color: WindowText;
  }
}
.module-composition-input__format-menu__item__icon--spoiler {
  -webkit-mask: url("../images/icons/v3/text_format/textformat-spoiler-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
.dark-theme .module-composition-input__format-menu__item__icon--spoiler {
  -webkit-mask: url("../images/icons/v3/text_format/textformat-spoiler-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-composition-input__format-menu__item__icon--spoiler {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .module-composition-input__format-menu__item__icon--spoiler {
    background-color: WindowText;
  }
}
.mouse-mode .module-composition-input__format-menu__item:hover .module-composition-input__format-menu__item__icon {
  background-color: #1b1b1b;
}
.dark-theme.mouse-mode
  .module-composition-input__format-menu__item:hover
  .module-composition-input__format-menu__item__icon {
  background-color: #dedede;
}
.module-composition-input__format-menu__item__icon--active {
  background-color: #2c6bed;
}
.dark-theme .module-composition-input__format-menu__item__icon--active {
  background-color: #6191f3;
}
.mouse-mode
  .module-composition-input__format-menu__item:hover
  .module-composition-input__format-menu__item__icon--active {
  background-color: #2c6bed;
}
.dark-theme.mouse-mode
  .module-composition-input__format-menu__item:hover
  .module-composition-input__format-menu__item__icon--active {
  background-color: #6191f3;
}
.module-composition-input__suggestions {
  padding: 0;
  margin-bottom: 6px;
  border-radius: 8px;
  z-index: 1303;
  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;
}
@media (forced-colors: active) {
  .module-composition-input__suggestions {
    border: 1px solid WindowText;
  }
}
.dark-theme .module-composition-input__suggestions {
  background: #3b3b3b;
}
.module-composition-input__suggestions__row {
  height: 34px;
  padding-block: 0;
  padding-inline: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background: none;
  border: none;
  width: 100%;
  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-inline-start: 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-inline-start: 8px;
}
.module-composition-input__editing-message {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  margin-top: 10px;
  user-select: none;
}
.module-composition-input__editing-message::before {
  content: "";
  display: inline-block;
  height: 16px;
  margin-block: 0;
  margin-inline: 10px 8px;
  width: 16px;
  vertical-align: middle;
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-composition-input__editing-message::before {
    background-color: WindowText;
  }
}
.dark-theme .module-composition-input__editing-message::before {
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-composition-input__editing-message::before {
    background-color: WindowText;
  }
}
.module-composition-input__editing-message__attachment img {
  border-radius: 4px;
  height: 18px;
  position: absolute;
  inset-inline-end: 8px;
  top: 8px;
  width: 18px;
}

div.CompositionInput__link-preview {
  background: #f6f6f6;
  border-radius: 8px;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 6px;
  min-height: 74px;
  overflow: hidden;
}
.dark-theme div.CompositionInput__link-preview {
  background: #2e2e2e;
}
div.CompositionInput__link-preview__icon-container {
  align-items: center;
  display: flex;
  margin-inline: 8px 0;
}
div.CompositionInput__link-preview__content {
  margin-inline-end: 0;
  padding-bottom: 8px;
  padding-inline-start: 12px;
  padding-top: 8px;
}
div.CompositionInput__link-preview__no-image {
  margin-inline-end: 0;
  min-width: 74px;
}

button.CompositionInput__link-preview__close-button {
  -webkit-mask: none;
  border-radius: 9999px;
  align-items: center;
  backdrop-filter: blur(32px);
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  height: 20px;
  justify-content: center;
  inset-inline-end: 6px;
  top: 6px;
  width: 20px;
}
button.CompositionInput__link-preview__close-button::before {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
  content: "";
  height: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  button.CompositionInput__link-preview__close-button::before {
    background-color: WindowText;
  }
}
.dark-theme button.CompositionInput__link-preview__close-button::before {
  background-color: #e9e9e9;
}

.quill--monospace {
  font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
}
.quill--spoiler {
  background-color: #b9b9b9;
}
.dark-theme .quill--spoiler {
  background-color: #848484;
}

.CompositionTextArea {
  position: relative;
}
.CompositionTextArea__input__input {
  background: inherit;
  border: none;
  border-radius: 0;
  height: 100%;
}
.CompositionTextArea__input__input:focus-within {
  border: none;
}
.dark-theme .CompositionTextArea__input__input {
  border: none;
}
.dark-theme .CompositionTextArea__input__input:focus-within {
  border: none;
}
.keyboard-mode .CompositionTextArea__input__input:focus-within {
  border: solid 1px #2c6bed;
}
.CompositionTextArea__input__input__scroller {
  max-height: 300px;
  min-height: 300px;
  padding: 16px;
  padding-inline-end: 36px;
}
.CompositionTextArea__emoji {
  position: absolute;
  inset-inline-end: 8px;
  top: 8px;
}
.CompositionTextArea__emoji button::after {
  background-color: #000000;
}
.CompositionTextArea__remaining-character-count {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #848484;
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  padding-block: 12px;
  padding-inline: 24px 12px;
}
.CompositionTextArea .module-composition-input__input {
  background: transparent;
}

.ContactListItem__context-menu__chat-icon {
  -webkit-mask: url("../images/icons/v3/chat/chat-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .ContactListItem__context-menu__chat-icon {
  -webkit-mask: url("../images/icons/v3/chat/chat-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ContactListItem__context-menu__chat-icon {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .ContactListItem__context-menu__chat-icon {
    background-color: WindowText;
  }
}
.ContactListItem__context-menu__phone-icon {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .ContactListItem__context-menu__phone-icon {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ContactListItem__context-menu__phone-icon {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .ContactListItem__context-menu__phone-icon {
    background-color: WindowText;
  }
}
.ContactListItem__context-menu__video-icon {
  -webkit-mask: url("../images/icons/v3/video/video-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .ContactListItem__context-menu__video-icon {
  -webkit-mask: url("../images/icons/v3/video/video-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ContactListItem__context-menu__video-icon {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .ContactListItem__context-menu__video-icon {
    background-color: WindowText;
  }
}
.ContactListItem__context-menu__delete-icon {
  -webkit-mask: url("../images/icons/v3/minus/minus-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .ContactListItem__context-menu__delete-icon {
  -webkit-mask: url("../images/icons/v3/minus/minus-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ContactListItem__context-menu__delete-icon {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .ContactListItem__context-menu__delete-icon {
    background-color: WindowText;
  }
}
.ContactListItem__context-menu__block-icon {
  -webkit-mask: url("../images/icons/v3/block/block-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .ContactListItem__context-menu__block-icon {
  -webkit-mask: url("../images/icons/v3/block/block-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ContactListItem__context-menu__block-icon {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .ContactListItem__context-menu__block-icon {
    background-color: WindowText;
  }
}
.ContactListItem__context-menu__popper.ContextMenu__popper {
  min-width: 240px;
}
.ContactListItem__context-menu__button.ContextMenu__button {
  opacity: 0;
  width: 28px;
  height: 28px;
  padding: 4px;
  border-radius: 4px;
}
.ContactListItem:hover .ContactListItem__context-menu__button.ContextMenu__button {
  opacity: 1;
}
.ContactListItem__context-menu__button.ContextMenu__button:hover {
  background-color: #c6c6c6;
}
.dark-theme .ContactListItem__context-menu__button.ContextMenu__button:hover {
  background-color: #2e2e2e;
}
.ContactListItem__context-menu__button.ContextMenu__button::after {
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .ContactListItem__context-menu__button.ContextMenu__button::after {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ContactListItem__context-menu__button.ContextMenu__button::after {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .ContactListItem__context-menu__button.ContextMenu__button::after {
    background-color: WindowText;
  }
}

.ContactListItem__contact-icon {
  width: 14px;
  height: 14px;
  color: currentColor;
}

.ContactModal {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 4px;
  margin-bottom: 24px;
  padding-inline: 24px;
}
.ContactModal__name {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -0.56px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  max-width: 100%;
  margin-top: 12px;
  cursor: pointer;
}
@media (forced-colors: active) {
  .ContactModal__name {
    border: 1px solid WindowText;
  }
}
.ContactModal__name__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ContactModal__name__contact-icon {
  height: 22px;
  width: 22px;
}
.ContactModal__name__contact-icon,
.dark-theme .ContactModal__name__contact-icon {
  background-color: currentColor;
}
.ContactModal__name__chevron {
  flex-shrink: 0;
  display: inline-block;
  height: 20px;
  width: 20px;
  position: relative;
  inset-block-start: 2px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .ContactModal__name__chevron {
    background-color: WindowText;
  }
}
:dir(rtl) .ContactModal__name__chevron {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left-bold.svg") no-repeat center;
}
.dark-theme .ContactModal__name__chevron {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .ContactModal__name__chevron {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .ContactModal__name__chevron {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left-bold.svg") no-repeat center;
}
.ContactModal__info {
  text-align: center;
  max-width: 248px;
  margin-top: 8px;
}
.ContactModal__button-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 12px;
  width: 100%;
}
.ContactModal__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-block: 6px;
  width: 100%;
}
@media (forced-colors: active) {
  .ContactModal__button {
    border: 1px solid WindowText;
  }
}
.ContactModal__button:last-child {
  margin-bottom: 0;
}
.ContactModal__button:hover {
  background-color: #f6f6f6;
}
.dark-theme .ContactModal__button:hover {
  background-color: #2e2e2e;
}
.keyboard-mode .ContactModal__button:focus {
  background-color: #f6f6f6;
}
.dark-theme.keyboard-mode .ContactModal__button:focus {
  background-color: #2e2e2e;
}
.ContactModal__bubble-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline-end: 12px;
  width: 20px;
}
.ContactModal__nickname__bubble-icon {
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ContactModal__nickname__bubble-icon {
    background-color: WindowText;
  }
}
.dark-theme .ContactModal__nickname__bubble-icon {
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ContactModal__nickname__bubble-icon {
    background-color: WindowText;
  }
}
.ContactModal__send-message__bubble-icon {
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/chat/chat.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ContactModal__send-message__bubble-icon {
    background-color: WindowText;
  }
}
.dark-theme .ContactModal__send-message__bubble-icon {
  -webkit-mask: url("../images/icons/v3/chat/chat.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ContactModal__send-message__bubble-icon {
    background-color: WindowText;
  }
}
.ContactModal__safety-number__bubble-icon {
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ContactModal__safety-number__bubble-icon {
    background-color: WindowText;
  }
}
.dark-theme .ContactModal__safety-number__bubble-icon {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ContactModal__safety-number__bubble-icon {
    background-color: WindowText;
  }
}
.ContactModal__block__bubble-icon {
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/block/block.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ContactModal__block__bubble-icon {
    background-color: WindowText;
  }
}
.dark-theme .ContactModal__block__bubble-icon {
  -webkit-mask: url("../images/icons/v3/block/block.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ContactModal__block__bubble-icon {
    background-color: WindowText;
  }
}
.ContactModal__make-admin__bubble-icon {
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/key/key.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ContactModal__make-admin__bubble-icon {
    background-color: WindowText;
  }
}
.dark-theme .ContactModal__make-admin__bubble-icon {
  -webkit-mask: url("../images/icons/v3/key/key.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ContactModal__make-admin__bubble-icon {
    background-color: WindowText;
  }
}
.ContactModal__add-to-another-group__bubble-icon {
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/plus/plus-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ContactModal__add-to-another-group__bubble-icon {
    background-color: WindowText;
  }
}
.dark-theme .ContactModal__add-to-another-group__bubble-icon {
  -webkit-mask: url("../images/icons/v3/plus/plus-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ContactModal__add-to-another-group__bubble-icon {
    background-color: WindowText;
  }
}
.ContactModal__remove-from-group__bubble-icon {
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/leave/leave.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ContactModal__remove-from-group__bubble-icon {
    background-color: WindowText;
  }
}
.dark-theme .ContactModal__remove-from-group__bubble-icon {
  -webkit-mask: url("../images/icons/v3/leave/leave.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ContactModal__remove-from-group__bubble-icon {
    background-color: WindowText;
  }
}
.ContactModal__official-badge,
.ContactModal__official-badge__large {
  display: inline-block;
  position: relative;
}
.ContactModal__official-badge::before,
.ContactModal__official-badge::after,
.ContactModal__official-badge__large::before,
.ContactModal__official-badge__large::after {
  content: "";
  display: block;
  position: absolute;
}
.ContactModal__official-badge::before,
.ContactModal__official-badge__large::before {
  top: 2px;
  inset-inline-start: 2px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #ffffff;
}
.ContactModal__official-badge {
  height: 14px;
  margin-inline-start: 4px;
  width: 14px;
}
.ContactModal__official-badge::after {
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -webkit-mask: url("../images/icons/v3/official/official-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .ContactModal__official-badge::after {
    background-color: WindowText;
  }
}
.ContactModal__official-badge__large {
  height: 24px;
  margin-inline-start: 9px;
  width: 24px;
}
.ContactModal__official-badge__large::before {
  top: 4px;
  inset-inline-start: 4px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
.ContactModal__official-badge__large::after {
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -webkit-mask: url("../images/icons/v3/official/official.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .ContactModal__official-badge__large::after {
    background-color: WindowText;
  }
}
.ContactModal__quick-actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 16px;
  margin-block: 16px;
}
.ContactModal__divider {
  width: 100%;
  border-style: solid;
  border-bottom: none;
  border-width: 1px;
  border-color: #dedede;
  margin-block: 8px 5px;
}
.dark-theme .ContactModal__divider {
  border-color: #3b3b3b;
}

button.module-contact-name {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
}
@media (forced-colors: active) {
  button.module-contact-name {
    border: 1px solid WindowText;
  }
}
button.module-contact-name:hover,
button.module-contact-name:focus {
  text-decoration: underline;
}
.keyboard-mode button.module-contact-name:focus {
  outline: auto;
  text-decoration: none;
}

.module-contact-name--000 {
  color: #d00b0b;
}
.dark-theme .module-contact-name--000 {
  color: #ff7070;
}
.module-contact-name--010 {
  color: #c13215;
}
.dark-theme .module-contact-name--010 {
  color: #ff6f52;
}
.module-contact-name--020 {
  color: #b34209;
}
.dark-theme .module-contact-name--020 {
  color: #f57a3d;
}
.module-contact-name--030 {
  color: #9c5711;
}
.dark-theme .module-contact-name--030 {
  color: #d5920b;
}
.module-contact-name--040 {
  color: #866118;
}
.dark-theme .module-contact-name--040 {
  color: #d68f00;
}
.module-contact-name--050 {
  color: #76681e;
}
.dark-theme .module-contact-name--050 {
  color: #b89b0a;
}
.module-contact-name--060 {
  color: #6b6b24;
}
.dark-theme .module-contact-name--060 {
  color: #a4a437;
}
.module-contact-name--070 {
  color: #5e6e0c;
}
.dark-theme .module-contact-name--070 {
  color: #8faa09;
}
.module-contact-name--080 {
  color: #4b7000;
}
.dark-theme .module-contact-name--080 {
  color: #74ad00;
}
.module-contact-name--090 {
  color: #3d7406;
}
.dark-theme .module-contact-name--090 {
  color: #5eb309;
}
.module-contact-name--100 {
  color: #2d7906;
}
.dark-theme .module-contact-name--100 {
  color: #42b309;
}
.module-contact-name--110 {
  color: #2d761e;
}
.dark-theme .module-contact-name--110 {
  color: #43b42d;
}
.module-contact-name--120 {
  color: #067906;
}
.dark-theme .module-contact-name--120 {
  color: #0ab80a;
}
.module-contact-name--130 {
  color: #067919;
}
.dark-theme .module-contact-name--130 {
  color: #0ab827;
}
.module-contact-name--140 {
  color: #06792d;
}
.dark-theme .module-contact-name--140 {
  color: #0ab844;
}
.module-contact-name--150 {
  color: #007a3d;
}
.dark-theme .module-contact-name--150 {
  color: #00b85c;
}
.module-contact-name--160 {
  color: #067953;
}
.dark-theme .module-contact-name--160 {
  color: #00b87a;
}
.module-contact-name--170 {
  color: #067462;
}
.dark-theme .module-contact-name--170 {
  color: #09b397;
}
.module-contact-name--180 {
  color: #007575;
}
.dark-theme .module-contact-name--180 {
  color: #00b2b2;
}
.module-contact-name--190 {
  color: #077288;
}
.dark-theme .module-contact-name--190 {
  color: #00aed1;
}
.module-contact-name--200 {
  color: #006da3;
}
.dark-theme .module-contact-name--200 {
  color: #00a7fa;
}
.module-contact-name--210 {
  color: #5b6976;
}
.dark-theme .module-contact-name--210 {
  color: #8ba1b6;
}
.module-contact-name--220 {
  color: #2662d9;
}
.dark-theme .module-contact-name--220 {
  color: #7da1e8;
}
.module-contact-name--230 {
  color: #2e51ff;
}
.dark-theme .module-contact-name--230 {
  color: #8599ff;
}
.module-contact-name--240 {
  color: #5151f6;
}
.dark-theme .module-contact-name--240 {
  color: #9494ff;
}
.module-contact-name--250 {
  color: #6447f5;
}
.dark-theme .module-contact-name--250 {
  color: #a18ff9;
}
.module-contact-name--260 {
  color: #7a3df5;
}
.dark-theme .module-contact-name--260 {
  color: #af8af9;
}
.module-contact-name--270 {
  color: #8f2af4;
}
.dark-theme .module-contact-name--270 {
  color: #bf80ff;
}
.module-contact-name--280 {
  color: #a20ced;
}
.dark-theme .module-contact-name--280 {
  color: #cf7cf8;
}
.module-contact-name--290 {
  color: #af0bd0;
}
.dark-theme .module-contact-name--290 {
  color: #e06ef7;
}
.module-contact-name--300 {
  color: #b814b8;
}
.dark-theme .module-contact-name--300 {
  color: #f65af6;
}
.module-contact-name--310 {
  color: #c20aa3;
}
.dark-theme .module-contact-name--310 {
  color: #f75fdd;
}
.module-contact-name--320 {
  color: #c70a88;
}
.dark-theme .module-contact-name--320 {
  color: #f76ec9;
}
.module-contact-name--330 {
  color: #cc0066;
}
.dark-theme .module-contact-name--330 {
  color: #f76eb2;
}
.module-contact-name--340 {
  color: #d00b4d;
}
.dark-theme .module-contact-name--340 {
  color: #ff6b9c;
}
.module-contact-name--350 {
  color: #d00b2c;
}
.dark-theme .module-contact-name--350 {
  color: #f77389;
}

.module-ContactPill {
  align-items: center;
  display: inline-flex;
  user-select: none;
  overflow: hidden;
  padding-block: 4px;
  padding-inline: 8px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.08);
  color: #1b1b1b;
}
.dark-theme .module-ContactPill {
  background: rgba(255, 255, 255, 0.12);
  color: #e9e9e9;
}
.keyboard-mode .module-ContactPill:focus-within {
  background: #848484;
  color: #ffffff;
}
.dark-theme .keyboard-mode .module-ContactPill:focus-within {
  background: #b9b9b9;
  color: #1b1b1b;
}
.module-ContactPill__contact-name {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  padding-block: 0;
  padding-inline: 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: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
  padding: 0;
}
@media (forced-colors: active) {
  .module-ContactPill__remove {
    border: 1px solid WindowText;
  }
}
.module-ContactPill__remove::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  -webkit-mask: url("../images/icons/v3/x/x-compact-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-ContactPill__remove::before {
    background-color: WindowText;
  }
}
.dark-theme .module-ContactPill__remove::before {
  -webkit-mask: url("../images/icons/v3/x/x-compact-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-ContactPill__remove::before {
    background-color: WindowText;
  }
}
.keyboard-mode .module-ContactPill__remove:focus::before {
  -webkit-mask: url("../images/icons/v3/x/x-compact-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .keyboard-mode .module-ContactPill__remove:focus::before {
    background-color: WindowText;
  }
}
.dark-theme.keyboard-mode .module-ContactPill__remove:focus::before {
  -webkit-mask: url("../images/icons/v3/x/x-compact-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .dark-theme.keyboard-mode .module-ContactPill__remove:focus::before {
    background-color: WindowText;
  }
}

.module-ContactPills {
  scroll-behavior: smooth;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  max-height: 88px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-block: 4px;
  padding-inline: 16px;
  gap: 8px 12px;
}
@media (prefers-reduced-motion) {
  .module-ContactPills {
    scroll-behavior: auto;
  }
}
.module-ContactPills .module-ContactPill {
  max-width: calc(100% - 15px);
}

.module-ContactSpoofingReviewDialog {
  user-select: none;
}
.module-ContactSpoofingReviewDialog p {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #5e5e5e;
}
.dark-theme .module-ContactSpoofingReviewDialog p {
  color: #e9e9e9;
}
.module-ContactSpoofingReviewDialog__description {
  margin-block: 0 16px;
}
.module-ContactSpoofingReviewDialog h2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-top: 28px;
  margin-bottom: 20px;
}
.module-ContactSpoofingReviewDialog hr {
  border: 0;
  height: 1px;
  margin-block: 12px;
  margin-inline: 0;
  background: #e9e9e9;
}
.dark-theme .module-ContactSpoofingReviewDialog hr {
  background: #3b3b3b;
}
.module-ContactSpoofingReviewDialog__buttons {
  margin-top: 4px;
}
.module-ContactSpoofingReviewDialog__buttons .module-Button:not(:last-child) {
  margin-inline-end: 12px;
}

.module-ContactSpoofingReviewDialogPerson {
  display: flex;
  padding-block: 8px;
  gap: 16px;
}
.module-ContactSpoofingReviewDialogPerson:is(button) {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
}
@media (forced-colors: active) {
  .module-ContactSpoofingReviewDialogPerson:is(button) {
    border: 1px solid WindowText;
  }
}
.module-ContactSpoofingReviewDialogPerson__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.module-ContactSpoofingReviewDialogPerson__info__contact-name {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  display: block;
}
.module-ContactSpoofingReviewDialogPerson__info__property {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #5e5e5e;
  display: flex;
  gap: 12px;
}
.dark-theme .module-ContactSpoofingReviewDialogPerson__info__property {
  color: #e9e9e9;
}
.module-ContactSpoofingReviewDialogPerson__info__property__icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: text-top;
  flex-shrink: 0;
}
.module-ContactSpoofingReviewDialogPerson__info__property__icon--connections {
  -webkit-mask: url("../images/icons/v3/connections/connections.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-ContactSpoofingReviewDialogPerson__info__property__icon--connections {
    background-color: WindowText;
  }
}
.dark-theme .module-ContactSpoofingReviewDialogPerson__info__property__icon--connections {
  -webkit-mask: url("../images/icons/v3/connections/connections.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-ContactSpoofingReviewDialogPerson__info__property__icon--connections {
    background-color: WindowText;
  }
}
.module-ContactSpoofingReviewDialogPerson__info__property__icon--person {
  -webkit-mask: url("../images/icons/v3/person/person.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-ContactSpoofingReviewDialogPerson__info__property__icon--person {
    background-color: WindowText;
  }
}
.dark-theme .module-ContactSpoofingReviewDialogPerson__info__property__icon--person {
  -webkit-mask: url("../images/icons/v3/person/person.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-ContactSpoofingReviewDialogPerson__info__property__icon--person {
    background-color: WindowText;
  }
}
.module-ContactSpoofingReviewDialogPerson__info__property__icon--phone {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-ContactSpoofingReviewDialogPerson__info__property__icon--phone {
    background-color: WindowText;
  }
}
.dark-theme .module-ContactSpoofingReviewDialogPerson__info__property__icon--phone {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-ContactSpoofingReviewDialogPerson__info__property__icon--phone {
    background-color: WindowText;
  }
}
.module-ContactSpoofingReviewDialogPerson__info__property__icon--group {
  -webkit-mask: url("../images/icons/v3/group/group.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-ContactSpoofingReviewDialogPerson__info__property__icon--group {
    background-color: WindowText;
  }
}
.dark-theme .module-ContactSpoofingReviewDialogPerson__info__property__icon--group {
  -webkit-mask: url("../images/icons/v3/group/group.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-ContactSpoofingReviewDialogPerson__info__property__icon--group {
    background-color: WindowText;
  }
}
.module-ContactSpoofingReviewDialogPerson__info__property__signal-connection {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  cursor: pointer;
}
@media (forced-colors: active) {
  .module-ContactSpoofingReviewDialogPerson__info__property__signal-connection {
    border: 1px solid WindowText;
  }
}
.module-ContactSpoofingReviewDialogPerson__info__property__signal-connection::after {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .module-ContactSpoofingReviewDialogPerson__info__property__signal-connection::after {
    background-color: WindowText;
  }
}
:dir(rtl) .module-ContactSpoofingReviewDialogPerson__info__property__signal-connection::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left-bold.svg") no-repeat center;
}

.ContextMenu__container {
  align-items: center;
  display: flex;
  justify-content: center;
}
.ContextMenu__popper {
  margin: 0;
  padding-block: 6px;
  padding-inline: 0px;
  width: auto;
}
.ContextMenu__popper--single-item {
  padding: 0;
}
.ContextMenu__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-bottom: 12px;
}
.ContextMenu__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
}
@media (forced-colors: active) {
  .ContextMenu__button {
    border: 1px solid WindowText;
  }
}
.ContextMenu__option {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-width: 150px;
  width: 100%;
}
@media (forced-colors: active) {
  .ContextMenu__option {
    border: 1px solid WindowText;
  }
}
.dark-theme .ContextMenu__option {
  color: #e9e9e9;
}
.ContextMenu__option--container {
  display: flex;
  align-items: center;
  padding-block: 7px;
  padding-inline: 12px;
}
.ContextMenu__option--container--with-selection {
  padding-inline-start: 8px;
  padding-inline-end: 24px;
}
.ContextMenu__option--container--with-selection::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-inline-end: 8px;
}
.ContextMenu__option--container--selected::before {
  -webkit-mask: url("../images/icons/v3/check/check.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .ContextMenu__option--container--selected::before {
    background-color: WindowText;
  }
}
.dark-theme .ContextMenu__option--container--selected::before {
  -webkit-mask: url("../images/icons/v3/check/check.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ContextMenu__option--container--selected::before {
    background-color: WindowText;
  }
}
.ContextMenu__option--icon {
  height: 16px;
  margin-inline-end: 8px;
  width: 16px;
}
.ContextMenu__option--container--with-selection .ContextMenu__option--icon {
  margin-inline-end: 12px;
}
.ContextMenu__option--title {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
}
.ContextMenu__option--description {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}
.ContextMenu__option:hover {
  background-color: #e9e9e9;
}
.dark-theme .ContextMenu__option:hover {
  background-color: #4a4a4a;
}
.keyboard-mode .ContextMenu__option--focused,
.keyboard-mode .ContextMenu__option:focus,
.keyboard-mode .ContextMenu__option:active {
  box-shadow: 0 0 1px 1px #2c6bed;
  outline: none;
}
.ContextMenu__popper--single-item .ContextMenu__option--container {
  padding-block: 12px;
}
.ContextMenu__popper--single-item .ContextMenu__divider {
  border-style: solid;
  border-width: 0 0 1px 0;
  margin-top: 2px;
  margin-bottom: 2px;
  border-color: #dedede;
}
.dark-theme .ContextMenu__popper--single-item .ContextMenu__divider {
  border-color: #4a4a4a;
}

.ConversationDetails__chat-color {
  background-clip: content-box;
  border-color: transparent;
  border-radius: 32px;
  border-style: solid;
  border-width: 4px;
  cursor: pointer;
  height: 32px;
  padding: 2px;
  width: 32px;
}
.ConversationDetails__chat-color--blue {
  background-color: #336ba3;
}
.ConversationDetails__chat-color--burlap {
  background-color: #6f6a58;
}
.ConversationDetails__chat-color--crimson {
  background-color: #cf163e;
}
.ConversationDetails__chat-color--forest {
  background-color: #3b7845;
}
.ConversationDetails__chat-color--indigo {
  background-color: #6058ca;
}
.ConversationDetails__chat-color--plum {
  background-color: #aa377a;
}
.ConversationDetails__chat-color--steel {
  background-color: #71717f;
}
.ConversationDetails__chat-color--taupe {
  background-color: #8f616a;
}
.ConversationDetails__chat-color--teal {
  background-color: #077d92;
}
.ConversationDetails__chat-color--vermilion {
  background-color: #c73f0a;
}
.ConversationDetails__chat-color--violet {
  background-color: #9932c8;
}
.ConversationDetails__chat-color--wintergreen {
  background-color: #1d8663;
}
.ConversationDetails__chat-color--ultramarine {
  background-image: linear-gradient(180deg, #0552f0, #2c6bed);
}
.ConversationDetails__chat-color--basil {
  background-image: linear-gradient(180deg, #2f9373, #077343);
}
.ConversationDetails__chat-color--ember {
  background-image: linear-gradient(168deg, #e57c00, #5e0000);
}
.ConversationDetails__chat-color--fluorescent {
  background-image: linear-gradient(192deg, #ec13dd, #1b36c6);
}
.ConversationDetails__chat-color--infrared {
  background-image: linear-gradient(192deg, #f65560, #442ced);
}
.ConversationDetails__chat-color--lagoon {
  background-image: linear-gradient(180deg, #004066, #32867d);
}
.ConversationDetails__chat-color--midnight {
  background-image: linear-gradient(180deg, #2c2c3a, #787891);
}
.ConversationDetails__chat-color--sea {
  background-image: linear-gradient(180deg, #498fd4, #2c66a0);
}
.ConversationDetails__chat-color--sublime {
  background-image: linear-gradient(180deg, #6281d5, #974460);
}
.ConversationDetails__chat-color--tangerine {
  background-image: linear-gradient(192deg, #db7133, #911231);
}
.ConversationDetails-membership-list__add-members-icon,
.ConversationDetails-membership-list__add-to-group-icon,
.ConversationDetails-groups__add-members-icon,
.ConversationDetails-groups__add-to-group-icon {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
  background: #f6f6f6;
}
.ConversationDetails-membership-list__add-members-icon::before,
.ConversationDetails-membership-list__add-to-group-icon::before,
.ConversationDetails-groups__add-members-icon::before,
.ConversationDetails-groups__add-to-group-icon::before {
  -webkit-mask: url("../images/icons/v3/plus/plus-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
  content: "";
  display: block;
  height: 18px;
  width: 18px;
}
@media (forced-colors: active) {
  .ConversationDetails-membership-list__add-members-icon::before,
  .ConversationDetails-membership-list__add-to-group-icon::before,
  .ConversationDetails-groups__add-members-icon::before,
  .ConversationDetails-groups__add-to-group-icon::before {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-membership-list__add-members-icon,
.dark-theme .ConversationDetails-membership-list__add-to-group-icon,
.dark-theme .ConversationDetails-groups__add-members-icon,
.dark-theme .ConversationDetails-groups__add-to-group-icon {
  background: #1b1b1b;
}
.dark-theme .ConversationDetails-membership-list__add-members-icon::before,
.dark-theme .ConversationDetails-membership-list__add-to-group-icon::before,
.dark-theme .ConversationDetails-groups__add-members-icon::before,
.dark-theme .ConversationDetails-groups__add-to-group-icon::before {
  -webkit-mask: url("../images/icons/v3/plus/plus-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  content: "";
  display: block;
  height: 18px;
  width: 18px;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-membership-list__add-members-icon::before,
  .dark-theme .ConversationDetails-membership-list__add-to-group-icon::before,
  .dark-theme .ConversationDetails-groups__add-members-icon::before,
  .dark-theme .ConversationDetails-groups__add-to-group-icon::before {
    background-color: WindowText;
  }
}
.ConversationDetails__block-group {
  color: #f44336;
}
.ConversationDetails__unblock-group {
  color: #2c6bed;
}
.ConversationDetails__tabs.ConversationDetails__tabs {
  border-bottom: none;
}
.ConversationDetails__pending--info {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #5e5e5e;
  padding-block: 0;
  padding-inline: 28px;
  padding-top: 16px;
}
.dark-theme .ConversationDetails__pending--info {
  color: #b9b9b9;
}
.ConversationDetails-icon__button {
  background: none;
  border: none;
  padding: none;
}
.ConversationDetails-icon__button:focus {
  outline: none;
}
.keyboard-mode .ConversationDetails-icon__button:focus .ConversationDetails-icon__icon::after {
  background-color: #2c6bed;
}
.ConversationDetails-icon__icon {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ConversationDetails-icon__icon::after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
}
.ConversationDetails-icon__icon--color::after {
  -webkit-mask: url("../images/icons/v3/color/color.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--color::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--color::after {
  -webkit-mask: url("../images/icons/v3/color/color.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--color::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--timer::after {
  -webkit-mask: url("../images/icons/v3/timer/timer-slash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--timer::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--timer::after {
  -webkit-mask: url("../images/icons/v3/timer/timer-slash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--timer::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--notifications::after {
  -webkit-mask: url("../images/icons/v3/bell/bell.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--notifications::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--notifications::after {
  -webkit-mask: url("../images/icons/v3/bell/bell.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--notifications::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--mute::after {
  -webkit-mask: url("../images/icons/v3/bell/bell-slash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--mute::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--mute::after {
  -webkit-mask: url("../images/icons/v3/bell/bell-slash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--mute::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--mention::after {
  -webkit-mask: url("../images/icons/v3/at/at.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--mention::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--mention::after {
  -webkit-mask: url("../images/icons/v3/at/at.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--mention::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--lock::after {
  -webkit-mask: url("../images/icons/v3/key/key.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--lock::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--lock::after {
  -webkit-mask: url("../images/icons/v3/key/key.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--lock::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--approve::after {
  -webkit-mask: url("../images/icons/v3/check/check.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--approve::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--approve::after {
  -webkit-mask: url("../images/icons/v3/check/check.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--approve::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--approveAllMembers::after {
  -webkit-mask: url("../images/icons/v3/person/person-check-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--approveAllMembers::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--approveAllMembers::after {
  -webkit-mask: url("../images/icons/v3/person/person-check-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--approveAllMembers::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--link::after {
  -webkit-mask: url("../images/icons/v3/link/link.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--link::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--link::after {
  -webkit-mask: url("../images/icons/v3/link/link.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--link::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--share::after {
  -webkit-mask: url("../images/icons/v3/copy/copy.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--share::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--share::after {
  -webkit-mask: url("../images/icons/v3/copy/copy.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--share::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--reset::after {
  -webkit-mask: url("../images/icons/v3/refresh/refresh.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--reset::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--reset::after {
  -webkit-mask: url("../images/icons/v3/refresh/refresh.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--reset::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--trash::after {
  -webkit-mask: url("../images/icons/v3/trash/trash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--trash::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--trash::after {
  -webkit-mask: url("../images/icons/v3/trash/trash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--trash::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--invites::after {
  -webkit-mask: url("../images/icons/v3/group/group.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--invites::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--invites::after {
  -webkit-mask: url("../images/icons/v3/group/group.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--invites::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--edit::after {
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--edit::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--edit::after {
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--edit::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--forward::after {
  -webkit-mask: url("../images/icons/v3/forward/forward.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--forward::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--forward::after {
  -webkit-mask: url("../images/icons/v3/forward/forward.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--forward::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--down {
  border-radius: 18px;
  background-color: #f6f6f6;
}
.dark-theme .ConversationDetails-icon__icon--down {
  background-color: #1b1b1b;
}
.ConversationDetails-icon__icon--down::after {
  width: 18px;
  height: 18px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-down-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--down::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--down::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-down-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--down::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--leave::after {
  -webkit-mask: url("../images/icons/v3/leave/leave.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--leave::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--leave::after {
  -webkit-mask: url("../images/icons/v3/leave/leave.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--leave::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--block::after {
  -webkit-mask: url("../images/icons/v3/block/block.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--block::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--block::after {
  -webkit-mask: url("../images/icons/v3/block/block.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--block::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--unblock::after {
  -webkit-mask: url("../images/icons/v3/block/block.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--unblock::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--unblock::after {
  -webkit-mask: url("../images/icons/v3/block/block.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--unblock::after {
    background-color: WindowText;
  }
}
.ConversationDetails-icon__icon--verify::after {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ConversationDetails-icon__icon--verify::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails-icon__icon--verify::after {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails-icon__icon--verify::after {
    background-color: WindowText;
  }
}
.ConversationDetails-media-list__root {
  display: flex;
  justify-content: center;
  padding-block: 0;
  padding-inline: 20px;
  padding-bottom: 24px;
}
.ConversationDetails-media-list__root .module-media-grid-item {
  border-radius: 4px;
  height: auto;
  margin-block: 0;
  margin-inline: 4px;
  max-height: 94px;
  overflow: hidden;
  width: 16.6666666667%;
}
.ConversationDetails-media-list__root .module-media-grid-item .module-media-grid-item__icon::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.ConversationDetails-media-list__root .module-media-grid-item .module-media-grid-item__image-container,
.ConversationDetails-media-list__root .module-media-grid-item img {
  margin: 0;
}
.ConversationDetails-media-list__show-all {
  background: none;
  border: none;
  padding: 0;
  color: #121212;
}
.dark-theme .ConversationDetails-media-list__show-all {
  color: #e9e9e9;
}
.ConversationDetails-panel-row__root {
  align-items: center;
  border-radius: 5px;
  border: 2px solid transparent;
  display: flex;
  padding-block: 8px;
  padding-inline: 24px;
  user-select: none;
  width: 100%;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
}
.ConversationDetails-panel-row__root--button {
  color: inherit;
  background: none;
}
.ConversationDetails-panel-row__root--button:hover:not(:disabled) {
  background-color: #f6f6f6;
}
.dark-theme .ConversationDetails-panel-row__root--button:hover:not(:disabled) {
  background-color: #1b1b1b;
}
.ConversationDetails-panel-row__root--button:hover:not(:disabled) .ConversationDetails-panel-row__actions {
  opacity: 1;
}
.ConversationDetails-panel-row__root:focus {
  outline: none;
}
.keyboard-mode .ConversationDetails-panel-row__root:focus {
  border-color: #2c6bed;
}
.dark-theme.keyboard-mode .ConversationDetails-panel-row__root:focus {
  border-color: #6191f3;
}
.ConversationDetails-panel-row__icon {
  margin-inline-end: 12px;
  flex-shrink: 0;
}
.ConversationDetails-panel-row__label {
  flex-grow: 1;
  text-align: start;
  margin-inline-end: 12px;
}
.ConversationDetails-panel-row__info {
  margin-top: 4px;
  color: #5e5e5e;
}
.dark-theme .ConversationDetails-panel-row__info {
  color: #b9b9b9;
}
.ConversationDetails-panel-row__right {
  position: relative;
  color: #848484;
  min-width: 143px;
}
.ConversationDetails-panel-row__actions {
  margin-inline-start: 12px;
  overflow: hidden;
  opacity: 0;
}
.ConversationDetails-panel-row__root:hover .ConversationDetails-panel-row__actions,
.ConversationDetails-panel-row__root:focus-within .ConversationDetails-panel-row__actions {
  opacity: 1;
}
.ConversationDetails-panel-section__root {
  position: relative;
}
.ConversationDetails-panel-section__root:not(:first-child)::before {
  border-top: 1px solid transparent;
  border-top-color: #dedede;
  content: "";
  display: block;
  margin-block: 8px;
  margin-inline: 0;
}
.dark-theme .ConversationDetails-panel-section__root:not(:first-child)::before {
  border-top-color: #4a4a4a;
}
.ConversationDetails-panel-section__root--borderless:not(:first-child)::before {
  border-top: none;
}
.ConversationDetails-panel-section__header {
  display: flex;
  justify-content: space-between;
  padding-block: 18px 12px;
  padding-inline: 24px;
}
.ConversationDetails-panel-section__header--center {
  justify-content: center;
}
.ConversationDetails-panel-section__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
}
.ConversationDetails__header-buttons {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.ConversationDetails__header-buttons .module-Button {
  margin-block: 0;
  margin-inline: 8px;
}
.ConversationDetails__radio__container {
  padding-block: 12px;
  padding-inline: 0;
}

.ConversationDetails__MemberName {
  user-select: text;
}

.ConversationDetails__CallHistoryGroup__List {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ConversationDetails__CallHistoryGroup__Item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding-block: 10px;
  padding-inline: 24px;
}

.ConversationDetails__CallHistoryGroup__ItemIcon {
  display: block;
  width: 20px;
  height: 20px;
}

.ConversationDetails__CallHistoryGroup__ItemIcon--Audio {
  -webkit-mask: url("../images/icons/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .ConversationDetails__CallHistoryGroup__ItemIcon--Audio {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails__CallHistoryGroup__ItemIcon--Audio {
  -webkit-mask: url("../images/icons/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails__CallHistoryGroup__ItemIcon--Audio {
    background-color: WindowText;
  }
}

.ConversationDetails__CallHistoryGroup__ItemIcon--Video {
  -webkit-mask: url("../images/icons/v3/video/video.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .ConversationDetails__CallHistoryGroup__ItemIcon--Video {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails__CallHistoryGroup__ItemIcon--Video {
  -webkit-mask: url("../images/icons/v3/video/video.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails__CallHistoryGroup__ItemIcon--Video {
    background-color: WindowText;
  }
}

.ConversationDetails__CallHistoryGroup__ItemIcon--Adhoc {
  -webkit-mask: url("../images/icons/v3/link/link.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .ConversationDetails__CallHistoryGroup__ItemIcon--Adhoc {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails__CallHistoryGroup__ItemIcon--Adhoc {
  -webkit-mask: url("../images/icons/v3/link/link.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails__CallHistoryGroup__ItemIcon--Adhoc {
    background-color: WindowText;
  }
}

.ConversationDetails__CallHistoryGroup__ItemLabel {
  flex: 1;
}

.ConversationDetails__CallHistoryGroup__ItemTimestamp {
  flex-shrink: 0;
}

.ConversationDetails--nickname-actions {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  width: 32px;
  height: 32px;
}
@media (forced-colors: active) {
  .ConversationDetails--nickname-actions {
    border: 1px solid WindowText;
  }
}
.ConversationDetails--nickname-actions::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-down.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .ConversationDetails--nickname-actions::before {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails--nickname-actions::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-down.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails--nickname-actions::before {
    background-color: WindowText;
  }
}

.ConversationDetails--nickname-actions-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.ConversationDetails--nickname-actions--delete {
  width: 16px;
  height: 16px;
  -webkit-mask: url("../images/icons/v3/trash/trash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .ConversationDetails--nickname-actions--delete {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetails--nickname-actions--delete {
  -webkit-mask: url("../images/icons/v3/trash/trash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetails--nickname-actions--delete {
    background-color: WindowText;
  }
}

.ConversationDetailsHeader {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-block: 0 20px;
  margin-inline: 0;
  padding-block: 0;
  padding-inline: 24px;
  text-align: center;
  width: 100%;
}
.ConversationDetailsHeader__edit-button,
.ConversationDetailsHeader__about-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  cursor: pointer;
}
@media (forced-colors: active) {
  .ConversationDetailsHeader__edit-button,
  .ConversationDetailsHeader__about-button {
    border: 1px solid WindowText;
  }
}
.ConversationDetailsHeader__title {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -0.56px;
  font-weight: 400;
  padding-bottom: 8px;
  padding-top: 12px;
  user-select: text;
}
.ConversationDetailsHeader__title-contact-icon {
  width: 22px;
  height: 22px;
  background-color: currentColor;
}
.ConversationDetailsHeader__subtitle {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #5e5e5e;
  justify-content: center;
  padding-bottom: 6px;
}
.dark-theme .ConversationDetailsHeader__subtitle {
  color: #b9b9b9;
}
.ConversationDetailsHeader__subtitle__about {
  user-select: text;
}
.ConversationDetailsHeader__edit-button .ConversationDetailsHeader__title::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  height: 24px;
  inset-inline-start: 37px;
  margin-inline-start: -24px;
  opacity: 0;
  position: relative;
  transition: opacity 100ms ease-out;
  width: 24px;
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .ConversationDetailsHeader__edit-button .ConversationDetailsHeader__title::after {
    background-color: WindowText;
  }
}
.dark-theme .ConversationDetailsHeader__edit-button .ConversationDetailsHeader__title::after {
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetailsHeader__edit-button .ConversationDetailsHeader__title::after {
    background-color: WindowText;
  }
}
.ConversationDetailsHeader__edit-button:hover .ConversationDetailsHeader__title::after {
  opacity: 1;
}
.ConversationDetailsHeader__about-icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  position: relative;
  inset-block-start: 2px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .ConversationDetailsHeader__about-icon {
    background-color: WindowText;
  }
}
:dir(rtl) .ConversationDetailsHeader__about-icon {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left-bold.svg") no-repeat center;
}
.dark-theme .ConversationDetailsHeader__about-icon {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .ConversationDetailsHeader__about-icon {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .ConversationDetailsHeader__about-icon {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left-bold.svg") no-repeat center;
}

.module-ConversationHeader {
  --button-spacing: 12px;
  -webkit-app-region: drag;
  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: 4px;
}
body.context-menu-open .module-ConversationHeader {
  -webkit-app-region: no-drag;
}
body:not(.window-focused) .module-ConversationHeader {
  -webkit-app-region: no-drag;
}

.dark-theme .module-ConversationHeader {
  color: #f6f6f6;
  background-color: #121212;
}
.module-ConversationHeader__header {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  margin-inline: 4px var(--button-spacing);
  padding: 4px 12px;
  overflow: hidden;
  min-width: 0;
  transition: margin-inline-end 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;
  flex: 1;
  border-radius: 4px;
  -webkit-app-region: no-drag;
  margin-inline: 4px var(--button-spacing);
  padding: 4px 12px;
  padding-inline-start: 0;
}
@media (forced-colors: active) {
  .module-ConversationHeader__header--clickable {
    border: 1px solid WindowText;
  }
}
.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-inline-end: 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-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}
.module-ConversationHeader__header__info__title__in-contacts-icon {
  margin-inline-start: 4px;
}
.module-ConversationHeader__header__info__subtitle {
  display: flex;
  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-inline-end: 12px;
}
.module-ConversationHeader__header__info__subtitle__expiration::before {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  margin-inline-end: 4px;
  -webkit-mask: url("../images/icons/v3/timer/timer-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-ConversationHeader__header__info__subtitle__expiration::before {
    background-color: WindowText;
  }
}
.dark-theme .module-ConversationHeader__header__info__subtitle__expiration::before {
  -webkit-mask: url("../images/icons/v3/timer/timer-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-ConversationHeader__header__info__subtitle__expiration::before {
    background-color: WindowText;
  }
}
.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: 14px;
  height: 14px;
  display: block;
  margin-inline-end: 4px;
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-ConversationHeader__header__info__subtitle__verified::before {
    background-color: WindowText;
  }
}
.dark-theme .module-ConversationHeader__header__info__subtitle__verified::before {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-ConversationHeader__header__info__subtitle__verified::before {
    background-color: WindowText;
  }
}
.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: center;
  justify-content: center;
  border-radius: 4px;
  border: 2px solid transparent;
  display: flex;
  height: 32px;
  margin-inline-end: var(--button-spacing);
  min-width: 32px;
  padding: 2px;
  transition:
    margin-inline-end 200ms ease-out,
    opacity 200ms ease-out,
    background 100ms ease-out;
  width: 32px;
}
@media (forced-colors: active) {
  .module-ConversationHeader__button {
    border: 1px solid WindowText;
  }
}
.module-ConversationHeader__button:disabled {
  cursor: default;
  opacity: 0.5;
}
.module-ConversationHeader__button--show-disabled {
  opacity: 0.5;
}
.module-ConversationHeader__button--in-another-call {
  opacity: 0.5;
}
.dark-theme .module-ConversationHeader__button--in-another-call {
  opacity: 0.4;
}
.module-ConversationHeader__button:not(:disabled):hover {
  background: #f6f6f6;
}
.keyboard-mode .module-ConversationHeader__button:not(:disabled):focus {
  background: #f6f6f6;
}
.module-ConversationHeader__button:not(:disabled):active {
  background: #e9e9e9;
}
.dark-theme .module-ConversationHeader__button:not(:disabled):hover {
  background: #2e2e2e;
}
.keyboard-mode .dark-theme .module-ConversationHeader__button:not(:disabled):focus {
  background: #f6f6f6;
}
.dark-theme .module-ConversationHeader__button:not(:disabled):active {
  background: #3b3b3b;
}
.keyboard-mode .module-ConversationHeader__button:not(:disabled):focus {
  border-color: #2c6bed;
}
.dark-theme.keyboard-mode .module-ConversationHeader__button:not(:disabled):focus {
  border-color: #6191f3;
}
.module-ConversationHeader__button--video::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/video/video.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-ConversationHeader__button--video::before {
    background-color: WindowText;
  }
}
.module-ConversationHeader__button--video::before:hover,
.module-ConversationHeader__button--video::before:active,
.module-ConversationHeader__button--video::before:focus {
  -webkit-mask: url("../images/icons/v3/video/video.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-ConversationHeader__button--video::before:hover,
  .module-ConversationHeader__button--video::before:active,
  .module-ConversationHeader__button--video::before:focus {
    background-color: WindowText;
  }
}
.dark-theme .module-ConversationHeader__button--video::before {
  -webkit-mask: url("../images/icons/v3/video/video.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-ConversationHeader__button--video::before {
    background-color: WindowText;
  }
}
.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/v3/video/video.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .module-ConversationHeader__button--video::before:hover,
  .dark-theme .module-ConversationHeader__button--video::before:active,
  .dark-theme .module-ConversationHeader__button--video::before:focus {
    background-color: WindowText;
  }
}
.module-ConversationHeader__button--audio::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-ConversationHeader__button--audio::before {
    background-color: WindowText;
  }
}
.module-ConversationHeader__button--audio::before:hover,
.module-ConversationHeader__button--audio::before:active,
.module-ConversationHeader__button--audio::before:focus {
  -webkit-mask: url("../images/icons/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-ConversationHeader__button--audio::before:hover,
  .module-ConversationHeader__button--audio::before:active,
  .module-ConversationHeader__button--audio::before:focus {
    background-color: WindowText;
  }
}
.dark-theme .module-ConversationHeader__button--audio::before {
  -webkit-mask: url("../images/icons/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-ConversationHeader__button--audio::before {
    background-color: WindowText;
  }
}
.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/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .module-ConversationHeader__button--audio::before:hover,
  .dark-theme .module-ConversationHeader__button--audio::before:active,
  .dark-theme .module-ConversationHeader__button--audio::before:focus {
    background-color: WindowText;
  }
}
.module-ConversationHeader__button--search::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/search/search.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-ConversationHeader__button--search::before {
    background-color: WindowText;
  }
}
.module-ConversationHeader__button--search::before:hover,
.module-ConversationHeader__button--search::before:active,
.module-ConversationHeader__button--search::before:focus {
  -webkit-mask: url("../images/icons/v3/search/search.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-ConversationHeader__button--search::before:hover,
  .module-ConversationHeader__button--search::before:active,
  .module-ConversationHeader__button--search::before:focus {
    background-color: WindowText;
  }
}
.dark-theme .module-ConversationHeader__button--search::before {
  -webkit-mask: url("../images/icons/v3/search/search.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-ConversationHeader__button--search::before {
    background-color: WindowText;
  }
}
.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/v3/search/search.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .module-ConversationHeader__button--search::before:hover,
  .dark-theme .module-ConversationHeader__button--search::before:active,
  .dark-theme .module-ConversationHeader__button--search::before:focus {
    background-color: WindowText;
  }
}
.module-ConversationHeader__button--more {
  margin-inline-end: 16px;
}
.module-ConversationHeader__button--more::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-ConversationHeader__button--more::before {
    background-color: WindowText;
  }
}
.module-ConversationHeader__button--more::before:hover,
.module-ConversationHeader__button--more::before:active,
.module-ConversationHeader__button--more::before:focus {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-ConversationHeader__button--more::before:hover,
  .module-ConversationHeader__button--more::before:active,
  .module-ConversationHeader__button--more::before:focus {
    background-color: WindowText;
  }
}
.dark-theme .module-ConversationHeader__button--more::before {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-ConversationHeader__button--more::before {
    background-color: WindowText;
  }
}
.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/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .module-ConversationHeader__button--more::before:hover,
  .dark-theme .module-ConversationHeader__button--more::before:active,
  .dark-theme .module-ConversationHeader__button--more::before:focus {
    background-color: WindowText;
  }
}
.module-ConversationHeader__button--join-call {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  border-radius: 9999px;
  align-items: center;
  background-color: #4caf50;
  color: #ffffff;
  display: flex;
  outline: none;
  overflow: hidden;
  padding-block: 5px;
  padding-inline: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  user-select: none;
  width: auto;
  height: 28px;
}
.module-ConversationHeader__button--join-call:before {
  -webkit-mask: url("../images/icons/v3/video/video-compact-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  content: "";
  display: block;
  height: 16px;
  margin-inline-end: 4px;
  min-width: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .module-ConversationHeader__button--join-call:before {
    background-color: WindowText;
  }
}
.module-ConversationHeader__button--join-call:not(:disabled):hover,
.dark-theme .module-ConversationHeader__button--join-call:not(:disabled):hover,
.module-ConversationHeader__button--join-call:not(:disabled):active,
.dark-theme .module-ConversationHeader__button--join-call:not(:disabled):active {
  background-color: #337636;
}
.keyboard-mode .module-ConversationHeader__button--join-call:not(:disabled):focus {
  background-color: #337636;
}
.module-ConversationHeader__disappearing-timer__item {
  padding-inline-start: 25px;
}
.module-ConversationHeader__disappearing-timer__item--active {
  padding-inline-start: 0px;
  display: flex;
  align-items: center;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.module-ConversationHeader__disappearing-timer__item--active::before {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  margin-inline-end: 12px;
  -webkit-mask: url("../images/icons/v3/check/check-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-ConversationHeader__disappearing-timer__item--active::before {
    background-color: WindowText;
  }
}
.dark-theme .module-ConversationHeader__disappearing-timer__item--active::before {
  -webkit-mask: url("../images/icons/v3/check/check-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-ConversationHeader__disappearing-timer__item--active::before {
    background-color: WindowText;
  }
}

.module-conversation-hero {
  padding-block: 32px 28px;
  padding-inline: 0;
  text-align: center;
}
.module-conversation-hero__avatar {
  margin-bottom: 12px;
}
.module-conversation-hero__title {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  cursor: pointer;
}
@media (forced-colors: active) {
  .module-conversation-hero__title {
    border: 1px solid WindowText;
  }
}
.module-conversation-hero__title span {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -0.56px;
  font-weight: 400;
}
.module-conversation-hero__title__chevron {
  display: inline-block;
  height: 20px;
  width: 20px;
  position: relative;
  inset-block-start: 2px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-conversation-hero__title__chevron {
    background-color: WindowText;
  }
}
:dir(rtl) .module-conversation-hero__title__chevron {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left-bold.svg") no-repeat center;
}
.dark-theme .module-conversation-hero__title__chevron {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-conversation-hero__title__chevron {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .module-conversation-hero__title__chevron {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left-bold.svg") no-repeat center;
}
.module-conversation-hero__profile-name {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  margin-bottom: 2px;
  margin-top: 0;
  color: #1b1b1b;
}
.dark-theme .module-conversation-hero__profile-name {
  color: #e9e9e9;
}
.module-conversation-hero__with {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  margin-block: 0;
  margin-inline: auto;
  margin-bottom: 20px;
  max-width: 500px;
  color: #5e5e5e;
}
.dark-theme .module-conversation-hero__with {
  color: #b9b9b9;
}
.module-conversation-hero__note-to-self {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  padding-block: 0;
  padding-inline: 16px;
  color: #5e5e5e;
}
.dark-theme .module-conversation-hero__note-to-self {
  color: #b9b9b9;
}
.module-conversation-hero__safety-tips-button {
  border-radius: 9999px;
  padding-block: 6px;
  padding-inline: 14px;
  margin-top: 12px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}
.module-conversation-hero__membership {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  user-select: none;
  max-width: 255px;
  margin-inline: auto;
  padding-block: 16px;
  padding-inline: 20px;
  border-radius: 18px;
  border-style: solid;
  border-width: 1.5px;
  border-color: #e9e9e9;
  color: #1b1b1b;
}
.dark-theme .module-conversation-hero__membership {
  border-color: #2e2e2e;
}
.dark-theme .module-conversation-hero__membership {
  color: #f6f6f6;
}
.module-conversation-hero__membership__chevron {
  display: inline-block;
  height: 18px;
  width: 18px;
  vertical-align: text-top;
  margin-inline-end: 8px;
  -webkit-mask: url("../images/icons/v3/group/group.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .module-conversation-hero__membership__chevron {
    background-color: WindowText;
  }
}
.dark-theme .module-conversation-hero__membership__chevron {
  -webkit-mask: url("../images/icons/v3/group/group.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-conversation-hero__membership__chevron {
    background-color: WindowText;
  }
}
.module-conversation-hero__membership__name {
  font-weight: normal;
}
.module-conversation-hero__membership__warning {
  line-height: 20px;
}
.module-conversation-hero__membership__warning__icon {
  content: "";
  display: inline-block;
  height: 18px;
  margin-inline-end: 8px;
  width: 18px;
  vertical-align: middle;
  -webkit-mask: url("../images/icons/v3/info/info.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-conversation-hero__membership__warning__icon {
    background-color: WindowText;
  }
}
.dark-theme .module-conversation-hero__membership__warning__icon {
  -webkit-mask: url("../images/icons/v3/info/info.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .module-conversation-hero__membership__warning__icon {
    background-color: WindowText;
  }
}
.module-conversation-hero__membership__warning__learn-more {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  cursor: pointer;
  text-decoration: underline;
}
@media (forced-colors: active) {
  .module-conversation-hero__membership__warning__learn-more {
    border: 1px solid WindowText;
  }
}
.module-conversation-hero__linkNotification {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  margin-top: 12px;
  text-align: center;
  user-select: none;
}
.module-conversation-hero__linkNotification::before {
  content: "";
  display: inline-block;
  height: 16px;
  margin-inline-end: 8px;
  vertical-align: middle;
  width: 16px;
  -webkit-mask: url("../images/icons/v3/info/info.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-conversation-hero__linkNotification::before {
    background-color: WindowText;
  }
}
.dark-theme .module-conversation-hero__linkNotification::before {
  -webkit-mask: url("../images/icons/v3/info/info.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-conversation-hero__linkNotification::before {
    background-color: WindowText;
  }
}

.module-conversation-merge-notification__dialog__image {
  text-align: center;
  margin-inline: auto;
}
.module-conversation-merge-notification__dialog__text-1 {
  text-align: center;
  margin-top: 32px;
  margin-inline: 5px;
}
.module-conversation-merge-notification__dialog__text-2 {
  text-align: center;
  margin-top: 24px;
  margin-bottom: 37px;
  margin-inline: 5px;
}

.ConversationPanel {
  height: 100%;
  inset-inline-start: 0;
  overflow-y: overlay;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  background-color: #ffffff;
}
.dark-theme .ConversationPanel {
  background-color: #121212;
}
.ConversationPanel__body {
  margin-top: calc(52px + var(--title-bar-drag-area-height));
  padding-inline: 24px;
}
.ConversationPanel__header {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: calc(52px + var(--title-bar-drag-area-height));
  padding-top: var(--title-bar-drag-area-height);
  position: fixed;
  width: 100%;
  z-index: 1;
  color: #1b1b1b;
  background-color: #ffffff;
}
.dark-theme .ConversationPanel__header {
  color: #f6f6f6;
  background-color: #121212;
}
.ConversationPanel__header__info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ConversationPanel__header__info__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}
.ConversationPanel__header__info__title__in-contacts-icon {
  margin-inline-start: 4px;
}
.ConversationPanel__header__back-button {
  border: none;
  display: inline-block;
  height: 20px;
  margin-inline: 24px 6px;
  min-width: 20px;
  opacity: 0;
  opacity: 1;
  vertical-align: text-bottom;
  -webkit-app-region: no-drag;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
.ConversationPanel__header__back-button:disabled {
  cursor: default;
}
@media (forced-colors: active) {
  .ConversationPanel__header__back-button {
    background-color: WindowText;
  }
}
:dir(rtl) .ConversationPanel__header__back-button {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.dark-theme .ConversationPanel__header__back-button {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .ConversationPanel__header__back-button {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .ConversationPanel__header__back-button {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.keyboard-mode .ConversationPanel__header__back-button:focus {
  background-color: #2c6bed;
}
.dark-theme.keyboard-mode .ConversationPanel__header__back-button:focus {
  background-color: #6191f3;
}
.ConversationPanel__overlay {
  height: 100%;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.ConversationPanel__hidden {
  display: none;
}

.ConversationView {
  display: flex;
  flex-direction: column;
  overflow: initial;
}
.ConversationView__pane {
  display: flex;
  flex-direction: column;
  height: calc(100% - 52px - var(--title-bar-drag-area-height));
  inset-inline-start: 0;
  overflow-y: overlay;
  position: absolute;
  top: calc(52px + var(--title-bar-drag-area-height));
  width: 100%;
  z-index: 1;
  background-color: #ffffff;
}
.dark-theme .ConversationView__pane {
  background-color: #121212;
}
.ConversationView__timeline {
  -webkit-padding-start: 0px;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ConversationView__timeline--container {
  flex-grow: 1;
  margin: 0;
  max-width: 100%;
  position: relative;
  z-index: 0;
}
.ConversationView__composition-area {
  position: relative;
  z-index: 1;
}
.ConversationView__composition-area .quote-wrapper,
.ConversationView__composition-area .preview-wrapper {
  margin-block: 0 10px;
  margin-inline: 16px;
}
.CountryCodeSelect {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  border: solid 1px transparent;
  border-radius: 8px;
  height: 28px;
  padding-inline: 12px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.06);
  color: #1b1b1b;
}
@media (forced-colors: active) {
  .CountryCodeSelect {
    border: 1px solid WindowText;
  }
}
.dark-theme .CountryCodeSelect {
  background-color: rgba(255, 255, 255, 0.12);
  color: #e9e9e9;
}
.CountryCodeSelect__text {
  flex-grow: 1;
}
.CountryCodeSelect__arrow {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  -webkit-mask: url("../images/icons/v3/dropdown/dropdown-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .CountryCodeSelect__arrow {
    background-color: WindowText;
  }
}
.dark-theme .CountryCodeSelect__arrow {
  -webkit-mask: url("../images/icons/v3/dropdown/dropdown-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .CountryCodeSelect__arrow {
    background-color: WindowText;
  }
}
.CountryCodeSelect__Modal__body {
  padding-inline: 10px;
  padding-block: 16px 0;
}
.CountryCodeSelect__Modal__Search__container.module-SearchInput__container {
  margin-block: 8px;
  margin-inline: 10px;
}
.CountryCodeSelect__table {
  flex-grow: 1;
  min-height: min(89vh - 90px, 344px);
  max-height: 344px;
  overflow-y: scroll;
  scrollbar-width: none;
}
.CountryCodeSelect__table::-webkit-scrollbar {
  display: none;
}
.CountryCodeSelect__CountryButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding-inline: 14px;
  border-radius: 8px;
}
@media (forced-colors: active) {
  .CountryCodeSelect__CountryButton {
    border: 1px solid WindowText;
  }
}
.mouse-mode .CountryCodeSelect__CountryButton:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.dark-theme .mouse-mode .CountryCodeSelect__CountryButton:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.keyboard-mode .CountryCodeSelect__CountryButton:focus {
  box-shadow: inset 0px 0px 0px 2px #2c6bed;
}
.CountryCodeSelect__CountryButton__name {
  flex-grow: 1;
}
.CountryCodeSelect__CountryButton__code {
  opacity: 0.5;
}

.CustomColorEditor__messages {
  border-radius: 8px;
  border: 1px solid #dedede;
  padding-block: 27px;
  padding-inline: 0;
  margin-top: 16px;
  position: relative;
}
.CustomColorEditor__tabs {
  margin-inline: -16px;
}
.CustomColorEditor__gradient-knob {
  background-clip: content-box;
  border-color: transparent;
  border-radius: 42px;
  border-style: solid;
  border-width: 4px;
  cursor: pointer;
  height: 42px;
  padding: 2px;
  width: 42px;
  cursor: move;
  position: absolute;
}
.CustomColorEditor__gradient-knob--blue {
  background-color: #336ba3;
}
.CustomColorEditor__gradient-knob--burlap {
  background-color: #6f6a58;
}
.CustomColorEditor__gradient-knob--crimson {
  background-color: #cf163e;
}
.CustomColorEditor__gradient-knob--forest {
  background-color: #3b7845;
}
.CustomColorEditor__gradient-knob--indigo {
  background-color: #6058ca;
}
.CustomColorEditor__gradient-knob--plum {
  background-color: #aa377a;
}
.CustomColorEditor__gradient-knob--steel {
  background-color: #71717f;
}
.CustomColorEditor__gradient-knob--taupe {
  background-color: #8f616a;
}
.CustomColorEditor__gradient-knob--teal {
  background-color: #077d92;
}
.CustomColorEditor__gradient-knob--vermilion {
  background-color: #c73f0a;
}
.CustomColorEditor__gradient-knob--violet {
  background-color: #9932c8;
}
.CustomColorEditor__gradient-knob--wintergreen {
  background-color: #1d8663;
}
.CustomColorEditor__gradient-knob--ultramarine {
  background-image: linear-gradient(180deg, #0552f0, #2c6bed);
}
.CustomColorEditor__gradient-knob--basil {
  background-image: linear-gradient(180deg, #2f9373, #077343);
}
.CustomColorEditor__gradient-knob--ember {
  background-image: linear-gradient(168deg, #e57c00, #5e0000);
}
.CustomColorEditor__gradient-knob--fluorescent {
  background-image: linear-gradient(192deg, #ec13dd, #1b36c6);
}
.CustomColorEditor__gradient-knob--infrared {
  background-image: linear-gradient(192deg, #f65560, #442ced);
}
.CustomColorEditor__gradient-knob--lagoon {
  background-image: linear-gradient(180deg, #004066, #32867d);
}
.CustomColorEditor__gradient-knob--midnight {
  background-image: linear-gradient(180deg, #2c2c3a, #787891);
}
.CustomColorEditor__gradient-knob--sea {
  background-image: linear-gradient(180deg, #498fd4, #2c66a0);
}
.CustomColorEditor__gradient-knob--sublime {
  background-image: linear-gradient(180deg, #6281d5, #974460);
}
.CustomColorEditor__gradient-knob--tangerine {
  background-image: linear-gradient(192deg, #db7133, #911231);
}
.CustomColorEditor__slider-container {
  margin-top: 26px;
}
.CustomColorEditor__hue-slider.Slider {
  background-image: linear-gradient(90deg, #e60000, #997300, #4d9900, #009926, #009999, #8000ff, #e60000);
  border-radius: 4px;
  margin-top: 8px;
  margin-bottom: 30px;
}
.CustomColorEditor__hue-slider__handle:focus {
  outline: none;
  border: 2px solid #ffffff;
  border-radius: 8px;
}
.CustomColorEditor__saturation-slider.Slider {
  margin-top: 8px;
  margin-bottom: 30px;
}
.CustomColorEditor__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.CustomColorEditor__footer .module-Button {
  margin-inline-start: 8px;
}

.module-CustomizingPreferredReactionsModal__overlay-container {
  z-index: 126;
}
.module-CustomizingPreferredReactionsModal__small-emoji-picker-wrapper {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 4rem;
  padding-inline: 0;
  text-align: center;
  user-select: none;
  color: #848484;
}
.dark-theme .module-CustomizingPreferredReactionsModal__small-emoji-picker-wrapper {
  color: #b9b9b9;
}
.module-CustomizingPreferredReactionsModal__small-emoji-picker-wrapper .module-ReactionPickerPicker {
  margin-bottom: 2rem;
}

.DebugLogWindow {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  max-width: 100%;
  padding: 16px;
  width: 100%;
}
.DebugLogWindow__container {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.DebugLogWindow__scroll_area {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 100%;
  border: 1px solid #848484;
}
.dark-theme .DebugLogWindow__scroll_area {
  background-color: #1b1b1b;
  color: #f6f6f6;
}
.DebugLogWindow__scroll_area__text {
  font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  margin: 0;
  user-select: none;
  white-space: pre-line;
}
.DebugLogWindow__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
}
.DebugLogWindow__subtitle {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #5e5e5e;
}
.dark-theme .DebugLogWindow__subtitle {
  color: #b9b9b9;
}
.DebugLogWindow__footer {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.DebugLogWindow__footer .module-Button {
  margin-inline-start: 8px;
}
.DebugLogWindow__link {
  border-radius: 4px;
  height: 36px;
  padding-block: 0;
  padding-inline: 10px;
  width: 100%;
  border: solid 1px #b9b9b9;
}
.dark-theme .DebugLogWindow__link {
  background-color: #1b1b1b;
  border: solid 1px #848484;
  color: #f6f6f6;
}

.DeleteMessagesModal__ModalHost__width-container {
  min-width: fit-content;
}

.module-disappearing-time-dialog__title.module-Modal__title {
  margin-bottom: 2px;
}
.module-disappearing-time-dialog__body p {
  margin-block: 0 25px;
  margin-inline: 0;
}
.module-disappearing-time-dialog__time-boxes {
  display: flex;
  flex-direction: row;
}
.module-disappearing-time-dialog__time-boxes .module-select {
  flex-grow: 1;
}
.module-disappearing-time-dialog__time-boxes__units {
  margin-inline-start: 9px;
}

.module-disappearing-timer-select {
  position: relative;
}
.module-disappearing-timer-select__info {
  position: absolute;
  margin-top: 4px;
  padding-inline-start: 14px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #5e5e5e;
}
.dark-theme .module-disappearing-timer-select__info {
  color: #b9b9b9;
}

.module-EditConversationAttributesModal .module-AvatarInput {
  margin-block: 24px;
  margin-inline: 0;
}
.module-EditConversationAttributesModal__error-message {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-block: 16px;
  margin-inline: 0;
}
.module-EditConversationAttributesModal__description-warning {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #848484;
  margin-block: 0;
  margin-inline: 16px;
}

.EditHistoryMessagesModal__divider {
  border-bottom: 0;
  border-style: solid;
  margin-block: 24px;
  border-color: #dedede;
}
.dark-theme .EditHistoryMessagesModal__divider {
  border-color: #3b3b3b;
}
.EditHistoryMessagesModal__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
}
.EditHistoryMessagesModal .module-message {
  padding-inline: 0;
}
.dark-theme .EditHistoryMessagesModal .module-message__link-preview__content {
  background-color: #3b3b3b;
}
.dark-theme .EditHistoryMessagesModal .module-message__container--incoming {
  background-color: #4a4a4a;
}

.EditNicknameAndNoteModal__width-container {
  max-width: 360px;
}

.EditNicknameAndNoteModal__Description {
  margin-block: 12px 24px;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #3b3b3b;
}
.dark-theme .EditNicknameAndNoteModal__Description {
  color: #b9b9b9;
}

.EditNicknameAndNoteModal__Avatar {
  margin-block: 0 24px;
  display: flex;
  justify-content: center;
}

.EditNicknameAndNoteModal__Label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.EditUsernameModalBody__header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.EditUsernameModalBody__header__large-at {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  margin-top: 21px;
  margin-bottom: 16px;
  background-color: #f0f0f0;
}
.dark-theme .EditUsernameModalBody__header__large-at {
  background-color: #4a4a4a;
}
.EditUsernameModalBody__header__large-at::after {
  display: block;
  width: 36px;
  height: 36px;
  content: "";
  -webkit-mask: url("../images/icons/v3/at/at.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .EditUsernameModalBody__header__large-at::after {
    background-color: WindowText;
  }
}
.dark-theme .EditUsernameModalBody__header__large-at::after {
  -webkit-mask: url("../images/icons/v3/at/at.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .EditUsernameModalBody__header__large-at::after {
    background-color: WindowText;
  }
}
.EditUsernameModalBody__header__preview {
  margin-bottom: 2px;
}
.EditUsernameModalBody__divider {
  width: 2px;
  height: 20px;
  margin-block: 0;
  margin-inline: 12px;
  background-color: #c6c6c6;
}
.dark-theme .EditUsernameModalBody__divider {
  background-color: #848484;
}
.EditUsernameModalBody__discriminator__input {
  text-align: end;
}
.EditUsernameModalBody__error {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  margin-block: 8px 12px;
  margin-inline: 6px;
  font-size: 12px;
  line-height: 17px;
  color: #f44336;
}
.EditUsernameModalBody__info {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-size: 12px;
  line-height: 17px;
  margin-block: 12px;
  margin-inline: 6px;
  color: #5e5e5e;
}
.dark-theme .EditUsernameModalBody__info {
  color: #b9b9b9;
}
.EditUsernameModalBody__info--no-error {
  margin-bottom: 37px;
}
.EditUsernameModalBody__learn-more-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  color: #2c6bed;
}
@media (forced-colors: active) {
  .EditUsernameModalBody__learn-more-button {
    border: 1px solid WindowText;
  }
}
.EditUsernameModalBody__learn-more__title.module-Modal__title {
  display: flex;
  align-items: center;
}
.EditUsernameModalBody__learn-more__hashtag {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-inline-end: 12px;
  -webkit-mask-size: 100%;
  content: "";
  background-color: #3b3b3b;
  -webkit-mask: url(../images/icons/v2/hashtag-24.svg) no-repeat center;
}
.dark-theme .EditUsernameModalBody__learn-more__hashtag {
  background-color: #dedede;
}
.EditUsernameModalBody__input__container.Input__container {
  /**
   * Discriminator should always be to the right of the nickname.
   * This overrides the default direction of the page.
   */
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  direction: ltr;
  margin-block-end: 8px;
}

.module-ForwardMessageModal {
  flex-direction: column;
  margin-block: 0;
  margin-inline: auto;
  max-width: 360px;
  width: 95%;
}
.module-ForwardMessageModal .module-conversation-list {
  padding: 0;
}
.module-ForwardMessageModal--link-preview {
  border-bottom: 1px solid #dedede;
  padding-block: 12px;
  padding-inline: 16px;
}
.dark-theme .module-ForwardMessageModal--link-preview {
  border-color: #5e5e5e;
}
.module-ForwardMessageModal__list-wrapper {
  flex-grow: 1;
  overflow: hidden;
}
.module-ForwardMessageModal__main-body {
  display: flex;
  flex-direction: column;
  min-height: 300px;
}
.module-ForwardMessageModal__no-candidate-contacts {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.module-ForwardMessageModal__send-button {
  align-items: center;
  border: none;
  border-radius: 100%;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
.module-ForwardMessageModal__send-button::after {
  content: "";
  display: block;
  flex-shrink: 0;
  height: 20px;
  width: 20px;
}
.module-ForwardMessageModal__send-button--continue::after {
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v3/arrow/arrow-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-ForwardMessageModal__send-button--continue::after {
    background-color: WindowText;
  }
}
:dir(rtl) .module-ForwardMessageModal__send-button--continue::after {
  -webkit-mask: url("../images/icons/v3/arrow/arrow-left.svg") no-repeat center;
}
.module-ForwardMessageModal__send-button--forward::after {
  -webkit-mask: url("../images/icons/v3/send/send-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-ForwardMessageModal__send-button--forward::after {
    background-color: WindowText;
  }
}
.module-ForwardMessageModal .module-Modal__body {
  overflow-y: hidden;
}
.module-ForwardMessageModal__footer {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: space-between;
}
.module-ForwardMessageModal .module-image__image {
  cursor: inherit;
}

.GradientDial__container {
  height: 100%;
  position: absolute;
  top: 50%;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 50%;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translate(-50%, -50%);
  width: 100%;
}
.GradientDial__bar--container {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.GradientDial__bar--node {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  height: 100%;
  height: 1000px;
  inset-inline-start: 50%;
  position: absolute;
  top: 50%;
  transform-origin: center;
  width: 4px;
}
.GradientDial__knob {
  background-clip: content-box;
  border-color: transparent;
  border-radius: 42px;
  border-style: solid;
  border-width: 4px;
  cursor: pointer;
  height: 42px;
  padding: 2px;
  width: 42px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  cursor: move;
  margin-inline-start: -20px;
  margin-top: -20px;
  padding: 2px;
  position: absolute;
  z-index: 1;
}
.GradientDial__knob--blue {
  background-color: #336ba3;
}
.GradientDial__knob--burlap {
  background-color: #6f6a58;
}
.GradientDial__knob--crimson {
  background-color: #cf163e;
}
.GradientDial__knob--forest {
  background-color: #3b7845;
}
.GradientDial__knob--indigo {
  background-color: #6058ca;
}
.GradientDial__knob--plum {
  background-color: #aa377a;
}
.GradientDial__knob--steel {
  background-color: #71717f;
}
.GradientDial__knob--taupe {
  background-color: #8f616a;
}
.GradientDial__knob--teal {
  background-color: #077d92;
}
.GradientDial__knob--vermilion {
  background-color: #c73f0a;
}
.GradientDial__knob--violet {
  background-color: #9932c8;
}
.GradientDial__knob--wintergreen {
  background-color: #1d8663;
}
.GradientDial__knob--ultramarine {
  background-image: linear-gradient(180deg, #0552f0, #2c6bed);
}
.GradientDial__knob--basil {
  background-image: linear-gradient(180deg, #2f9373, #077343);
}
.GradientDial__knob--ember {
  background-image: linear-gradient(168deg, #e57c00, #5e0000);
}
.GradientDial__knob--fluorescent {
  background-image: linear-gradient(192deg, #ec13dd, #1b36c6);
}
.GradientDial__knob--infrared {
  background-image: linear-gradient(192deg, #f65560, #442ced);
}
.GradientDial__knob--lagoon {
  background-image: linear-gradient(180deg, #004066, #32867d);
}
.GradientDial__knob--midnight {
  background-image: linear-gradient(180deg, #2c2c3a, #787891);
}
.GradientDial__knob--sea {
  background-image: linear-gradient(180deg, #498fd4, #2c66a0);
}
.GradientDial__knob--sublime {
  background-image: linear-gradient(180deg, #6281d5, #974460);
}
.GradientDial__knob--tangerine {
  background-image: linear-gradient(192deg, #db7133, #911231);
}
.GradientDial__knob--selected {
  border-color: #3b3b3b;
}
.dark-theme .GradientDial__knob--selected {
  border-color: #ffffff;
}
.GradientDial__knob:focus {
  outline: none;
}
.keyboard-mode .GradientDial__knob:focus {
  border-color: #2c6bed;
  outline: none;
}

.GroupDescription__text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  user-select: text;
}
.GroupDescription__text a {
  color: #1b1b1b;
}
.dark-theme .GroupDescription__text a {
  color: #f6f6f6;
}
.GroupDescription__read-more {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: inline-block;
  font-weight: bold;
}
@media (forced-colors: active) {
  .GroupDescription__read-more {
    border: 1px solid WindowText;
  }
}

.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-block: 0;
  margin-inline: auto;
  max-height: 80vh;
  max-width: 360px;
  padding: 16px;
  position: relative;
  width: 95%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-GroupDialog {
    border: 1px solid WindowText;
  }
}
.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;
  inset-inline-end: 12px;
  top: 12px;
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-GroupDialog__close-button {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .module-GroupDialog__close-button {
    background-color: WindowText;
  }
}
.dark-theme .module-GroupDialog__close-button {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-GroupDialog__close-button {
    background-color: WindowText;
  }
}
.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-weight: 600;
  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-block: 0 16px;
  margin-inline: 0;
  padding-block: 0;
  padding-inline: 28px 16px;
  position: relative;
}
.module-GroupDialog__paragraph::before,
.module-GroupDialog__contacts::before {
  content: "";
  display: block;
  height: 11px;
  inset-inline-start: 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-inline-start: 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-inline-start: 16px;
}

.module-GroupInput {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  padding-block: 8px;
  padding-inline: 12px;
  border-radius: 6px;
  border-width: 2px;
  border-style: solid;
  width: 100%;
  background: #ffffff;
  color: #000000;
  border-color: #dedede;
}
.module-GroupInput:disabled {
  background: #f6f6f6;
  border-color: #e9e9e9;
  color: #1b1b1b;
}
.dark-theme .module-GroupInput {
  background: #2e2e2e;
  color: #e9e9e9;
  border-color: #848484;
}
.dark-theme .module-GroupInput:disabled {
  background: #121212;
  border-color: #5e5e5e;
  color: #c6c6c6;
}
.module-GroupInput:focus {
  outline: none;
  border-color: #2c6bed;
}
.dark-theme .module-GroupInput:focus {
  border-color: #6191f3;
}
.module-GroupInput__description {
  resize: none;
}
.module-GroupInput__description--container {
  margin-bottom: 12px;
  margin-top: 0;
}
.module-GroupInput__description--remaining {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  bottom: 0;
  color: #848484;
  margin: 12px;
  position: absolute;
  inset-inline-end: 0;
}
.module-GroupInput__description--large {
  height: 280px;
}
.module-GroupInput--container {
  position: relative;
  margin: 16px;
}

.HueSlider.Slider {
  background-image: linear-gradient(
    90deg,
    black,
    red,
    #ffbf00,
    #80ff00,
    #00ff40,
    aqua,
    #0040ff,
    #8000ff,
    #ff00bf,
    white
  );
  border-radius: 4px;
  height: 8px;
  margin-inline-start: 7px;
  width: 280px;
}
.HueSlider__handle.Slider__handle {
  border: 7px solid #ffffff;
  margin-top: -7px;
  margin-inline-start: -11px;
  height: 22px;
  width: 22px;
}

.InAnotherCallTooltip {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  background-color: #f0f0f0;
  color: #000000;
  outline: 1px solid #c6c6c6;
  padding-block: 5px;
  padding-inline: 12px;
  border-radius: 6px;
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.16));
  pointer-events: none;
}
.dark-theme .InAnotherCallTooltip {
  background-color: #2e2e2e;
  color: #dedede;
  outline: 1px solid #545454;
}
.InAnotherCallTooltip .module-tooltip-arrow::before {
  position: absolute;
  content: "";
  border-style: solid;
  border-width: 7px;
}
.InAnotherCallTooltip[data-placement="bottom"] .module-tooltip-arrow::before {
  border-color: transparent transparent #c6c6c6 transparent;
  margin-top: -14px;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  margin-left: -7px;
}
.dark-theme .InAnotherCallTooltip[data-placement="bottom"] .module-tooltip-arrow::before {
  border-color: transparent transparent #545454 transparent;
}
.InAnotherCallTooltip[data-placement="bottom"] .module-tooltip-arrow::after {
  border-bottom-color: #f0f0f0;
}
.dark-theme .InAnotherCallTooltip[data-placement="bottom"] .module-tooltip-arrow::after {
  border-bottom-color: #2e2e2e;
}
.InAnotherCallTooltip[data-placement="top"] .module-tooltip-arrow::before {
  border-color: #c6c6c6 transparent transparent transparent;
  margin-top: 0;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  margin-left: -7px;
}
.dark-theme .InAnotherCallTooltip[data-placement="top"] .module-tooltip-arrow::before {
  border-color: #545454 transparent transparent transparent;
}
.InAnotherCallTooltip[data-placement="top"] .module-tooltip-arrow::after {
  border-top-color: #f0f0f0;
}
.dark-theme .InAnotherCallTooltip[data-placement="top"] .module-tooltip-arrow::after {
  border-top-color: #2e2e2e;
}

.Inbox {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.Inbox__conversation-stack {
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.Inbox__no-conversation-open {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.Inbox .__conversation {
  background-color: #ffffff;
}
.dark-theme .Inbox .__conversation {
  background-color: #121212;
}

.Inbox__no-conversation-open .module-splash-screen__logo {
  margin: 0;
}

.Inbox__logo {
  flex-shrink: 0;
  display: block;
  width: 150px;
  height: 150px;
  margin-block: 24px;
  position: relative;
}
.Inbox__logo .Inbox__logo__part {
  width: 100%;
  height: 100%;
  position: absolute;
}
.Inbox__logo .Inbox__logo__part--base {
  -webkit-mask: url("../images/logo-parts/base.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  z-index: 1;
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--base {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment {
  opacity: 0;
  z-index: 2;
}
.Inbox__logo .Inbox__logo__part--animated {
  transition:
    opacity 250ms,
    transform 250ms;
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(2) {
  -webkit-mask: url("../images/logo-parts/p1.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(337.5deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(2) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(3) {
  -webkit-mask: url("../images/logo-parts/p2.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(315deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(3) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(4) {
  -webkit-mask: url("../images/logo-parts/p3.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(292.5deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(4) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(5) {
  -webkit-mask: url("../images/logo-parts/p4.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(270deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(5) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(6) {
  -webkit-mask: url("../images/logo-parts/p5.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(247.5deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(6) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(7) {
  -webkit-mask: url("../images/logo-parts/p6.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(225deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(7) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(8) {
  -webkit-mask: url("../images/logo-parts/p7.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(202.5deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(8) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(9) {
  -webkit-mask: url("../images/logo-parts/p8.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(180deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(9) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(10) {
  -webkit-mask: url("../images/logo-parts/p9.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(157.5deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(10) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(11) {
  -webkit-mask: url("../images/logo-parts/p10.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(135deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(11) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(12) {
  -webkit-mask: url("../images/logo-parts/p11.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(112.5deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(12) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(13) {
  -webkit-mask: url("../images/logo-parts/p12.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(90deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(13) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(14) {
  -webkit-mask: url("../images/logo-parts/p13.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(67.5deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(14) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(15) {
  -webkit-mask: url("../images/logo-parts/p14.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(45deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(15) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(16) {
  -webkit-mask: url("../images/logo-parts/p15.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(22.5deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(16) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(17) {
  -webkit-mask: url("../images/logo-parts/p16.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  transform: rotate(0deg);
}
@media (forced-colors: active) {
  .Inbox__logo .Inbox__logo__part--segment:nth-child(17) {
    background-color: WindowText;
  }
}
.Inbox__logo .Inbox__logo__part--segment:nth-child(n).Inbox__logo__part--visible {
  transform: rotate(0deg);
  opacity: 1;
}

.Inbox__welcome {
  margin-block: 20px 6px;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.25px;
  line-height: 24px;
}

.Inbox__whatsnew {
  margin: 0;
}

.Inbox__padding {
  flex-grow: 1;
  max-height: 28px;
}

.IncomingCallBar__container {
  -webkit-app-region: no-drag;
  animation: IncomingCallBar--animation 0.2s forwards ease-out;
  position: fixed;
  top: 22px;
  user-select: none;
  width: 100%;
  z-index: 1301;
  padding-inline: 1rem;
}
.IncomingCallBar__bar {
  -webkit-app-region: no-drag;
  align-items: center;
  background-color: #3b3b3b;
  border-radius: 8px;
  display: flex;
  height: 70px;
  justify-content: space-between;
  margin-block: 0;
  margin-inline: auto;
  max-width: 600px;
  user-select: none;
  width: 100%;
}
.IncomingCallBar__conversation {
  align-items: center;
  display: flex;
  min-width: 0;
}
.IncomingCallBar__conversation--avatar {
  margin-bottom: 8px;
  margin-inline-start: 16px;
  margin-top: 8px;
  position: relative;
}
.IncomingCallBar__conversation--name {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  margin-inline-start: 12px;
  min-width: 0;
}
.IncomingCallBar__conversation--name-header {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  color: #ffffff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.IncomingCallBar__conversation--message-text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #ffffff;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.IncomingCallBar__actions {
  display: flex;
  margin-inline-end: 16px;
}
.IncomingCallBar__button {
  align-items: center;
  border-radius: 40px;
  border: none;
  display: flex;
  height: 40px;
  justify-content: center;
  outline: none;
  width: 40px;
}
.IncomingCallBar__button__container {
  border-radius: 40px;
  height: 40px;
  margin-inline: 12px;
  width: 40px;
}
.IncomingCallBar__button--accept-video-as-audio {
  background-color: #848484;
}
.keyboard-mode .IncomingCallBar__button--accept-video-as-audio:focus {
  box-shadow: 0px 0px 0px 4px #2c6bed;
}
.mouse-mode .IncomingCallBar__button--accept-video-as-audio:hover {
  box-shadow: 0px 0px 0px 2px #2c6bed;
}
.IncomingCallBar__button--accept-video-as-audio div {
  -webkit-mask: url("../images/icons/v3/video/video-slash-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 24px;
  width: 24px;
}
@media (forced-colors: active) {
  .IncomingCallBar__button--accept-video-as-audio div {
    background-color: WindowText;
  }
}
.IncomingCallBar__button--accept-video {
  background-color: #4caf50;
}
.keyboard-mode .IncomingCallBar__button--accept-video:focus {
  box-shadow: 0px 0px 0px 4px #2c6bed;
}
.mouse-mode .IncomingCallBar__button--accept-video:hover {
  box-shadow: 0px 0px 0px 2px #2c6bed;
}
.IncomingCallBar__button--accept-video div {
  -webkit-mask: url("../images/icons/v3/video/video-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 24px;
  width: 24px;
}
@media (forced-colors: active) {
  .IncomingCallBar__button--accept-video div {
    background-color: WindowText;
  }
}
.IncomingCallBar__button--accept-audio {
  background-color: #4caf50;
}
.keyboard-mode .IncomingCallBar__button--accept-audio:focus {
  box-shadow: 0px 0px 0px 4px #2c6bed;
}
.mouse-mode .IncomingCallBar__button--accept-audio:hover {
  box-shadow: 0px 0px 0px 2px #2c6bed;
}
.IncomingCallBar__button--accept-audio div {
  -webkit-mask: url("../images/icons/v3/phone/phone-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 24px;
  width: 24px;
}
@media (forced-colors: active) {
  .IncomingCallBar__button--accept-audio div {
    background-color: WindowText;
  }
}
.IncomingCallBar__button--decline {
  background-color: #f44336;
}
.keyboard-mode .IncomingCallBar__button--decline:focus {
  box-shadow: 0px 0px 0px 4px #2c6bed;
}
.mouse-mode .IncomingCallBar__button--decline:hover {
  box-shadow: 0px 0px 0px 2px #2c6bed;
}
.IncomingCallBar__button--decline div {
  -webkit-mask: url("../images/icons/v3/phone/phone-down-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 24px;
  width: 24px;
}
@media (forced-colors: active) {
  .IncomingCallBar__button--decline div {
    background-color: WindowText;
  }
}

@keyframes IncomingCallBar--animation {
  from {
    transform: translateY(-100px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
.Input__container {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  border-radius: 6px;
  border-style: solid;
  border-width: 2px;
  margin-block: 16px;
  margin-inline: 0;
  padding-block: 2px;
  padding-inline: 16px;
  display: flex;
  position: relative;
  background: #ffffff;
  border-color: #dedede;
  color: #000000;
}
.Input__container--expandable {
  padding-block: 2px;
  padding-inline: 8px;
}
.dark-theme .Input__container {
  background: #2e2e2e;
  border-color: #848484;
  color: #e9e9e9;
}
.Input__container--disabled {
  background: #f6f6f6;
  border-color: #e9e9e9;
  color: #1b1b1b;
}
.dark-theme .Input__container--disabled {
  background: #121212;
  border-color: #5e5e5e;
  color: #c6c6c6;
}
.Input__container:focus-within {
  outline: none;
  border-color: #2c6bed;
}
.dark-theme .Input__container:focus-within {
  border-color: #6191f3;
}
.Input__icon {
  font-size: 24px;
  height: 32px;
  width: 32px;
  margin-inline-end: 8px;
}
.Input__input {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  background: inherit;
  border: none;
  resize: none;
  width: 100%;
  color: #000000;
}
.Input__input--large {
  height: 280px;
}
.Input__input--textarea {
  margin-top: 4px;
}
.Input__input:placeholder {
  color: #848484;
}
.dark-theme .Input__input {
  color: #e9e9e9;
}
.Input__input:focus {
  outline: none;
}
.Input__controls {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 22px;
  justify-content: flex-end;
  min-height: 32px;
}
.Input__clear-icon {
  height: 18px;
  width: 18px;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .Input__clear-icon {
    background-color: WindowText;
  }
}
.dark-theme .Input__clear-icon {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .Input__clear-icon {
    background-color: WindowText;
  }
}
.Input__remaining-count {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #848484;
}
.Input__remaining-count--large {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  margin: 12px;
}
.Input__remaining-count--warn {
  color: #f44336;
}

.InstallScreenBackupImportStep {
  position: relative;
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.InstallScreenBackupImportStep__content {
  text-align: center;
}

.InstallScreenBackupImportStep__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  margin-block: 0 20px;
}

.InstallScreenBackupImportStep .ProgressBar {
  margin-block-end: 14px;
}

.InstallScreenBackupImportStep__progressbar-hint {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  margin-block-end: 22px;
  color: rgba(94, 94, 94, 0.8);
}
.dark-theme .InstallScreenBackupImportStep__progressbar-hint {
  color: #b9b9b9;
}

.InstallScreenBackupImportStep__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #5e5e5e;
}
.dark-theme .InstallScreenBackupImportStep__description {
  color: #b9b9b9;
}

.InstallScreenBackupImportStep__cancel {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  position: absolute;
  bottom: 48px;
  color: #2c6bed;
}
@media (forced-colors: active) {
  .InstallScreenBackupImportStep__cancel {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .InstallScreenBackupImportStep__cancel:focus {
  box-shadow: 0px 0px 0px 3px #2c6bed;
}
.dark-theme.keyboard-mode .InstallScreenBackupImportStep__cancel:focus {
  box-shadow: 0px 0px 0px 3px #6191f3;
}
.dark-theme .InstallScreenBackupImportStep__cancel {
  color: #6191f3;
}

.module-InstallScreenChoosingDeviceNameStep {
  align-items: center;
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  line-height: 30px;
  user-select: none;
  background: #f6f6f6;
  color: #000000;
  text-align: center;
}
.dark-theme .module-InstallScreenChoosingDeviceNameStep {
  background: #121212;
  color: #ffffff;
}
.module-InstallScreenChoosingDeviceNameStep h1 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
}
.module-InstallScreenChoosingDeviceNameStep h2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: normal;
}
.module-InstallScreenChoosingDeviceNameStep__inputs {
  display: flex;
  flex-direction: column;
  padding-block: 32px 16px;
  padding-inline: 0;
  align-items: center;
}
.module-InstallScreenChoosingDeviceNameStep__input {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  padding-block: 8px;
  padding-inline: 12px;
  border-radius: 6px;
  border-width: 2px;
  border-style: solid;
  width: 100%;
  background: #ffffff;
  color: #000000;
  border-color: #dedede;
  width: 90%;
  max-width: 300px;
  margin-bottom: 18px;
}
.module-InstallScreenChoosingDeviceNameStep__input:disabled {
  background: #f6f6f6;
  border-color: #e9e9e9;
  color: #1b1b1b;
}
.dark-theme .module-InstallScreenChoosingDeviceNameStep__input {
  background: #2e2e2e;
  color: #e9e9e9;
  border-color: #848484;
}
.dark-theme .module-InstallScreenChoosingDeviceNameStep__input:disabled {
  background: #121212;
  border-color: #5e5e5e;
  color: #c6c6c6;
}
.module-InstallScreenChoosingDeviceNameStep__input:focus {
  outline: none;
  border-color: #2c6bed;
}
.dark-theme .module-InstallScreenChoosingDeviceNameStep__input:focus {
  border-color: #6191f3;
}

.module-InstallScreenErrorStep {
  align-items: center;
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  line-height: 30px;
  user-select: none;
  background: #f6f6f6;
  color: #000000;
  flex-direction: column;
  padding-inline: 2rem;
  text-align: center;
}
.dark-theme .module-InstallScreenErrorStep {
  background: #121212;
  color: #ffffff;
}
.module-InstallScreenErrorStep h1 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
}
.module-InstallScreenErrorStep h2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: normal;
}
.module-InstallScreenErrorStep__buttons {
  margin-top: 1rem;
}
.module-InstallScreenErrorStep__buttons .module-Button {
  margin-inline-start: 1rem;
}
.module-InstallScreenErrorStep__buttons .module-Button:first-child {
  margin-inline-start: 0;
}

.module-InstallScreenLinkInProgressStep {
  align-items: center;
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  line-height: 30px;
  user-select: none;
  background: #f6f6f6;
  color: #000000;
  flex-direction: column;
  text-align: center;
}
.dark-theme .module-InstallScreenLinkInProgressStep {
  background: #121212;
  color: #ffffff;
}
.module-InstallScreenLinkInProgressStep h1 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
}
.module-InstallScreenLinkInProgressStep h2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: normal;
}
.module-InstallScreenLinkInProgressStep h1 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  margin-top: 18px;
}
.module-InstallScreenLinkInProgressStep h2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: normal;
  margin-block-start: 0;
  color: #5e5e5e;
}
.dark-theme .module-InstallScreenLinkInProgressStep h2 {
  color: #b9b9b9;
}

.module-InstallScreenQrCodeNotScannedStep {
  align-items: center;
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  line-height: 30px;
  user-select: none;
  background: #f6f6f6;
  color: #000000;
}
.dark-theme .module-InstallScreenQrCodeNotScannedStep {
  background: #121212;
  color: #ffffff;
}
.module-InstallScreenQrCodeNotScannedStep h1 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
}
.module-InstallScreenQrCodeNotScannedStep h2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: normal;
}
.module-InstallScreenQrCodeNotScannedStep__contents {
  align-items: center;
  background: #ffffff;
  border-radius: 8px;
  color: #000000;
  display: flex;
  flex-direction: row;
  animation: 500ms module-InstallScreenQrCodeNotScannedStep__slide-in;
  position: relative;
  top: 0;
  max-width: 760px;
  padding: 22px;
}
.dark-theme .module-InstallScreenQrCodeNotScannedStep__contents {
  max-width: 804px;
  padding: 44px;
  margin-top: 44px;
}
.module-InstallScreenQrCodeNotScannedStep__qr-code {
  align-items: center;
  border: 1.5px solid transparent;
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-block: 8px;
  margin-inline: 8px 38px;
  min-height: 256px;
  min-width: 256px;
  width: 256px;
}
.module-InstallScreenQrCodeNotScannedStep__qr-code--loaded {
  background: #ffffff;
}
.module-InstallScreenQrCodeNotScannedStep__qr-code--load-failed {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  border-color: #e9e9e9;
  border-radius: 10px;
  color: #5e5e5e;
}
.module-InstallScreenQrCodeNotScannedStep__qr-code__link {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  display: flex;
  gap: 4px;
  align-items: center;
  color: #2c6bed;
  margin-block-start: 16px;
}
@media (forced-colors: active) {
  .module-InstallScreenQrCodeNotScannedStep__qr-code__link {
    border: 1px solid WindowText;
  }
}
.module-InstallScreenQrCodeNotScannedStep__qr-code__link::before {
  -webkit-mask: url("../images/icons/v3/refresh/refresh-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
  content: "";
  display: block;
  height: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .module-InstallScreenQrCodeNotScannedStep__qr-code__link::before {
    background-color: WindowText;
  }
}
.module-InstallScreenQrCodeNotScannedStep__qr-code__code {
  height: 256px;
  width: 256px;
  animation: 1s module-InstallScreenQrCodeNotScannedStep__slide-in;
  position: relative;
}
.module-InstallScreenQrCodeNotScannedStep__qr-code__error-message {
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  margin-inline: 24px;
}
.module-InstallScreenQrCodeNotScannedStep__qr-code__error-message::before {
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
  content: "";
  display: block;
  height: 22px;
  margin-block: 0 8px;
  margin-inline: auto;
  width: 22px;
}
@media (forced-colors: active) {
  .module-InstallScreenQrCodeNotScannedStep__qr-code__error-message::before {
    background-color: WindowText;
  }
}
.module-InstallScreenQrCodeNotScannedStep__qr-code__error-message p {
  margin-block: 0;
}
.module-InstallScreenQrCodeNotScannedStep__qr-code__get-help {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  display: flex;
  gap: 4px;
  align-items: center;
  margin-block-start: 16px;
  color: #2c6bed;
  text-decoration: none;
}
.module-InstallScreenQrCodeNotScannedStep__qr-code__get-help::before {
  -webkit-mask: url("../images/icons/v3/open/open-compact-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
  content: "";
  display: block;
  height: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .module-InstallScreenQrCodeNotScannedStep__qr-code__get-help::before {
    background-color: WindowText;
  }
}
.module-InstallScreenQrCodeNotScannedStep ol {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  line-height: 26px;
  list-style-position: inside;
  padding-inline-start: 0;
}
.module-InstallScreenQrCodeNotScannedStep a {
  color: #2c6bed;
}

@keyframes module-InstallScreenQrCodeNotScannedStep__slide-in {
  from {
    transform: translateY(-8px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
.InstallScreenSignalLogo {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -0.56px;
  align-items: center;
  display: flex;
  font-weight: bold;
  position: absolute;
  top: calc(35px + var(--title-bar-drag-area-height));
  inset-inline-start: 32px;
}
.InstallScreenSignalLogo::before {
  -webkit-mask: url("../images/signal-logo.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
  content: "";
  display: block;
  height: 32px;
  margin-inline-end: 6px;
  width: 32px;
}
@media (forced-colors: active) {
  .InstallScreenSignalLogo::before {
    background-color: WindowText;
  }
}

.InstallScreenUpdateDialog__download-size {
  font-weight: 400;
}
.InstallScreenUpdateDialog__progress--container {
  background-color: #dedede;
  border-radius: 2px;
  height: 4px;
  overflow: hidden;
  width: 100%;
  margin-block: 16px;
  margin-inline: 0;
}
.dark-theme .InstallScreenUpdateDialog__progress--container {
  background-color: #4a4a4a;
}
.InstallScreenUpdateDialog__progress--bar {
  background-color: #2c6bed;
  border-radius: 2px;
  display: block;
  height: 100%;
  width: 100%;
  transition: transform 500ms ease-out;
}
.InstallScreenUpdateDialog__progress--bar:dir(ltr) {
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translateX(-100%);
}
.InstallScreenUpdateDialog__progress--bar:dir(rtl) {
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translateX(100%);
}
.InstallScreenUpdateDialog a {
  display: inline-block;
}

.LeftPaneBanner {
  margin-block: 4px 8px;
  margin-inline: 10px;
  padding-block: 12px 16px;
  padding-inline-start: 12px;
  padding-inline-end: 7px;
  border-radius: 8px;
  background-color: #dedede;
  color: #3b3b3b;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
}
.dark-theme .LeftPaneBanner {
  background-color: #3b3b3b;
  color: #dedede;
}
.LeftPaneBanner__content {
  margin-bottom: 8px;
}
.LeftPaneBanner__footer {
  display: flex;
  justify-content: end;
  margin-inline-end: 9px;
}
.LeftPaneBanner__footer__action-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  color: #1b1b1b;
}
@media (forced-colors: active) {
  .LeftPaneBanner__footer__action-button {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .LeftPaneBanner__footer__action-button:focus {
  box-shadow: 0px 0px 0px 3px #2c6bed;
}
.dark-theme.keyboard-mode .LeftPaneBanner__footer__action-button:focus {
  box-shadow: 0px 0px 0px 3px #6191f3;
}
.dark-theme .LeftPaneBanner__footer__action-button {
  color: #e9e9e9;
}

@keyframes progress-animation {
  0% {
    background-position: 100%;
  }
  100% {
    background-position: -100%;
  }
}
.LeftPaneDialog {
  align-items: center;
  background: #2c6bed;
  color: #ffffff;
  cursor: inherit;
  display: flex;
  min-height: 64px;
  padding-block: 12px;
  padding-inline: 16px 14px;
  user-select: none;
  width: 100%;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.0025em;
  font-weight: 400;
}
.LeftPaneDialog--width-narrow {
  padding-inline-start: 36px;
}
.LeftPaneDialog__retry {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
}
@media (forced-colors: active) {
  .LeftPaneDialog__retry {
    border: 1px solid WindowText;
  }
}
.LeftPaneDialog--clickable {
  cursor: pointer;
}
.LeftPaneDialog__container {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.LeftPaneDialog__container-close {
  display: flex;
  justify-content: flex-end;
}
.LeftPaneDialog__spinner-container {
  margin-inline-end: 18px;
}
.LeftPaneDialog__spinner__arc {
  background-color: #000000;
}
.dark-theme .LeftPaneDialog__spinner__arc {
  background-color: #000000;
}
.LeftPaneDialog__spinner__circle {
  background-color: #ffd624;
}
.LeftPaneDialog__icon {
  width: 24px;
  height: 24px;
  margin-inline-end: 18px;
  background-color: #ffffff;
  -webkit-mask-size: contain;
}
@media (forced-colors: active) {
  .LeftPaneDialog__icon {
    background-color: WindowText;
  }
}
.LeftPaneDialog__icon--relink {
  -webkit-mask: url("../images/icons/v3/link/link-slash.svg") no-repeat center;
}
.LeftPaneDialog__icon--network {
  -webkit-mask: url("../images/icons/v3/wifi/wifi-error.svg") no-repeat center;
}
.LeftPaneDialog__icon--update {
  -webkit-mask: url("../images/icons/v3/refresh/refresh.svg") no-repeat center;
}
.LeftPaneDialog__icon--warning {
  -webkit-mask: url("../images/icons/v3/error/error-triangle.svg") no-repeat center;
}
.LeftPaneDialog__icon--error {
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
}
.LeftPaneDialog__action-text {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
}
@media (forced-colors: active) {
  .LeftPaneDialog__action-text {
    border: 1px solid WindowText;
  }
}
.LeftPaneDialog__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 4px;
  float: inline-end;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .LeftPaneDialog__close-button {
    border: 1px solid WindowText;
  }
}
.LeftPaneDialog__close-button::before {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  background-color: #ffffff;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
@media (forced-colors: active) {
  .LeftPaneDialog__close-button::before {
    background-color: WindowText;
  }
  .dark-theme .LeftPaneDialog__close-button::before {
    background-color: WindowText;
  }
}
.LeftPaneDialog__close-button:hover,
.LeftPaneDialog__close-button:focus {
  background-color: rgba(255, 255, 255, 0.2);
}
.LeftPaneDialog__close-button:active {
  background-color: rgba(255, 255, 255, 0.2);
}
@media (forced-colors: active) {
  .LeftPaneDialog__close-button:hover,
  .LeftPaneDialog__close-button:focus,
  .LeftPaneDialog__close-button:active {
    background-color: none;
  }
  .dark-theme .LeftPaneDialog__close-button:hover,
  .dark-theme .LeftPaneDialog__close-button:focus,
  .dark-theme .LeftPaneDialog__close-button:active {
    background-color: none;
  }
}
.LeftPaneDialog__message {
  width: 100%;
}
.LeftPaneDialog__message,
.LeftPaneDialog__tooltip {
  max-width: 250px;
}
.LeftPaneDialog__message h3,
.LeftPaneDialog__tooltip h3 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  padding: 0px;
  margin: 0px;
}
.LeftPaneDialog__message span,
.LeftPaneDialog__tooltip span {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  display: inline-block;
}
.LeftPaneDialog__message a,
.LeftPaneDialog__tooltip a {
  font-weight: bold;
  text-decoration: none;
}
.LeftPaneDialog__tooltip {
  --tooltip-background-color: #2c6bed;
  --tooltip-text-color: #ffffff;
  min-width: 280px;
  text-align: inherit;
}
.LeftPaneDialog--error,
.LeftPaneDialog__tooltip--error {
  background-color: #f44336;
  color: #ffffff;
}
.LeftPaneDialog--error,
.dark-theme .LeftPaneDialog--error,
.LeftPaneDialog__tooltip--error,
.dark-theme .LeftPaneDialog__tooltip--error {
  --tooltip-background-color: #f44336;
  --tooltip-text-color: #ffffff;
}
.LeftPaneDialog--error a,
.LeftPaneDialog__tooltip--error a {
  color: #ffffff;
}
.LeftPaneDialog--error .LeftPaneDialog__action-text,
.LeftPaneDialog__tooltip--error .LeftPaneDialog__action-text {
  color: #ffffff;
}
.LeftPaneDialog--warning,
.LeftPaneDialog__tooltip--warning {
  background-color: #ffd624;
  color: #000000;
}
.LeftPaneDialog--warning,
.dark-theme .LeftPaneDialog--warning,
.LeftPaneDialog__tooltip--warning,
.dark-theme .LeftPaneDialog__tooltip--warning {
  --tooltip-background-color: #ffd624;
  --tooltip-text-color: #000000;
}
.LeftPaneDialog--warning a,
.LeftPaneDialog__tooltip--warning a {
  color: #000000;
}
.LeftPaneDialog--warning .LeftPaneDialog__icon,
.LeftPaneDialog__tooltip--warning .LeftPaneDialog__icon {
  background-color: #000000;
}
@media (forced-colors: active) {
  .LeftPaneDialog--warning .LeftPaneDialog__icon,
  .LeftPaneDialog__tooltip--warning .LeftPaneDialog__icon {
    background-color: WindowText;
  }
}
.LeftPaneDialog--warning .LeftPaneDialog__close-button::before,
.LeftPaneDialog__tooltip--warning .LeftPaneDialog__close-button::before {
  background-color: #000000;
}
@media (forced-colors: active) {
  .LeftPaneDialog--warning .LeftPaneDialog__close-button::before,
  .LeftPaneDialog__tooltip--warning .LeftPaneDialog__close-button::before {
    background-color: WindowText;
  }
}
.LeftPaneDialog--warning .LeftPaneDialog__action-text,
.LeftPaneDialog__tooltip--warning .LeftPaneDialog__action-text {
  color: #000000;
}
.LeftPaneDialog__progress--container {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  height: 4px;
  max-width: 210px;
  overflow: hidden;
  width: 100%;
  margin-block: 10px 6px;
  margin-inline: 0;
}
.LeftPaneDialog__progress--bar {
  animation: progress-animation 2s linear infinite;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.9),
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.4)
  );
  background-size: 200% 100%;
  border-radius: 2px;
  display: block;
  height: 100%;
  width: 100%;
  transition: transform 500ms ease-out;
}
.LeftPaneDialog__progress--bar:dir(ltr) {
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translateX(-100%);
}
.LeftPaneDialog__progress--bar:dir(rtl) {
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translateX(100%);
}

.LeftPaneFindByPhoneNumberHelper__search-input__input.module-SearchInput__input {
  padding-inline: 12px;
}
.LeftPaneFindByPhoneNumberHelper__container {
  margin-block-start: 8px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 12px;
}

.LeftPaneFindByUsernameHelper__search-input__input.module-SearchInput__input {
  margin-block-start: 8px;
  padding-inline: 12px;
}

.LeftPaneSearchInput__input--with-children.module-SearchInput__input--with-children {
  padding-inline-start: 50px;
}
.LeftPaneSearchInput__in-conversation-pill {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 9999px;
  align-items: center;
  bottom: 4px;
  display: flex;
  flex-direction: row;
  inset-inline-start: 3px;
  padding-block: 0;
  padding-inline: 0 3px;
  position: absolute;
  top: 4px;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .LeftPaneSearchInput__in-conversation-pill {
    border: 1px solid WindowText;
  }
}
.dark-theme .LeftPaneSearchInput__in-conversation-pill {
  background-color: #2e2e2e;
}
.LeftPaneSearchInput__in-conversation-pill__x-button {
  height: 16px;
  margin-inline-start: 2px;
  width: 16px;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .LeftPaneSearchInput__in-conversation-pill__x-button {
    background-color: WindowText;
  }
}
.dark-theme .LeftPaneSearchInput__in-conversation-pill__x-button {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .LeftPaneSearchInput__in-conversation-pill__x-button {
    background-color: WindowText;
  }
}
.LeftPaneSearchInput__in-conversation-pill__x-button:hover,
.LeftPaneSearchInput__in-conversation-pill__x-button:focus,
.LeftPaneSearchInput__in-conversation-pill__x-button:active {
  background: #2c6bed;
}
.dark-theme .LeftPaneSearchInput__in-conversation-pill__x-button:hover,
.dark-theme .LeftPaneSearchInput__in-conversation-pill__x-button:focus,
.dark-theme .LeftPaneSearchInput__in-conversation-pill__x-button:active {
  background: #6191f3;
}
.module-left-pane--width-narrow .LeftPaneSearchInput__container {
  display: none;
}

.Lightbox__container {
  background-color: #000000;
  bottom: 0;
  inset-inline: 0;
  position: absolute;
  top: 0;
  z-index: 1300;
}
.Lightbox__animated {
  bottom: 0;
  inset-inline: 0;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
}
.Lightbox__main-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 50px;
  outline: none;
}
.Lightbox__buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 56px;
}
.Lightbox__thumbnails {
  align-items: center;
  display: flex;
  justify-content: center;
  inset-inline-start: 50%;
  position: absolute;
}
.Lightbox__thumbnails--container {
  height: 44px;
  position: relative;
}
.Lightbox__thumbnail {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  position: relative;
  border-radius: 6px;
  height: 44px;
  margin-inline-end: 8px;
  overflow: hidden;
  width: 44px;
}
@media (forced-colors: active) {
  .Lightbox__thumbnail {
    border: 1px solid WindowText;
  }
}
.Lightbox__thumbnail img {
  height: 100%;
  object-fit: contain;
  width: 100%;
  opacity: 0.8;
}
.Lightbox__thumbnail--selected::after {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 6px;
  box-shadow: inset 0px 0px 0px 2px #ffffff;
}
.Lightbox__thumbnail--unavailable {
  -webkit-mask: url("../images/image.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
  height: 100%;
  width: 100%;
}
@media (forced-colors: active) {
  .Lightbox__thumbnail--unavailable {
    background-color: WindowText;
  }
}
.Lightbox__object {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  outline: none;
  width: auto;
}
.Lightbox__object--container {
  display: inline-flex;
  flex-grow: 1;
  justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.Lightbox__object--container--zoom {
  backface-visibility: hidden;
}
.Lightbox__object--video {
  height: 100%;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-height: 500px) {
  .Lightbox__object--video {
    inset-inline-start: 40px;
    width: calc(100% - 80px);
  }
}
.Lightbox__unsupported {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  flex-grow: 1;
  height: 100%;
  max-width: 200px;
  width: 100%;
}
@media (forced-colors: active) {
  .Lightbox__unsupported {
    border: 1px solid WindowText;
  }
}
.Lightbox__unsupported--image {
  -webkit-mask: url("../images/image.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .Lightbox__unsupported--image {
    background-color: WindowText;
  }
}
.Lightbox__unsupported--video {
  -webkit-mask: url("../images/movie.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .Lightbox__unsupported--video {
    background-color: WindowText;
  }
}
.Lightbox__unsupported--file {
  -webkit-mask: url("../images/file.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .Lightbox__unsupported--file {
    background-color: WindowText;
  }
}
.Lightbox__unsupported--missing {
  -webkit-mask: url("../images/full-screen-flow/alert-outline.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .Lightbox__unsupported--missing {
    background-color: WindowText;
  }
}
.Lightbox__zoomable-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-block: 0;
  margin-inline: 40px;
}
.Lightbox__zoom-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  max-height: 100%;
  max-width: 100%;
  cursor: zoom-in;
}
@media (forced-colors: active) {
  .Lightbox__zoom-button {
    border: 1px solid WindowText;
  }
}
.Lightbox__object--container--zoom .Lightbox__zoom-button,
.Lightbox__object--container--fill .Lightbox__zoom-button {
  cursor: zoom-out;
}
.Lightbox__caption {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #ffffff;
  margin-block: 12px;
  margin-inline: 0;
  text-align: center;
}
.Lightbox__countdown {
  padding: 8px;
}
.Lightbox__timestamp {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  background-color: #000000;
  border-radius: 15px;
  color: #eeefef;
  padding-block: 6px;
  padding-inline: 18px;
  text-align: center;
}
.Lightbox__nav-next,
.Lightbox__nav-prev {
  --height: 224px;
  position: absolute;
  top: calc(50% - var(--height) / 2);
  height: var(--height);
  z-index: 2;
}
@media (min-height: 500px) {
  .Lightbox__nav-next,
  .Lightbox__nav-prev {
    width: 25%;
    max-width: 96px;
  }
}
.Lightbox__nav-next {
  inset-inline-end: 0;
  align-items: end;
}
.Lightbox__nav-prev {
  inset-inline-start: 0;
  align-items: start;
}
.Lightbox__header {
  align-items: center;
  display: flex;
  height: 52px;
  justify-content: space-between;
  margin-top: var(--title-bar-drag-area-height);
  margin-bottom: 16px;
  min-height: 52px;
  opacity: 1;
  padding-block: 0;
  padding-inline: 16px;
  transition: opacity 150ms cubic-bezier(0.17, 0.17, 0, 1);
}
.Lightbox__header--container {
  display: flex;
}
.Lightbox__header--avatar {
  margin-inline-end: 10px;
}
.Lightbox__header--name {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  color: #ffffff;
}
.Lightbox__header--timestamp {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  color: #b9b9b9;
}
.Lightbox__footer {
  opacity: 1;
  padding-block: 16px 24px;
  padding-inline: 16px;
  transition: opacity 150ms cubic-bezier(0.17, 0.17, 0, 1);
}
.Lightbox__container--zoom .Lightbox__header,
.Lightbox__container--zoom .Lightbox__footer {
  opacity: 0;
}
.Lightbox__controls {
  display: flex;
  gap: 32px;
}
.Lightbox__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 4px;
  display: inline-block;
  height: 24px;
  width: 24px;
}
@media (forced-colors: active) {
  .Lightbox__button {
    border: 1px solid WindowText;
  }
}
.Lightbox__button::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.Lightbox__button:focus {
  outline: 4px solid #2c6bed;
}
.Lightbox__button:disabled::before {
  background: #4a4a4a;
}
.Lightbox__button--forward::before {
  -webkit-mask: url("../images/icons/v3/forward/forward.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .Lightbox__button--forward::before {
    background-color: WindowText;
  }
}
.Lightbox__button--save::before {
  -webkit-mask: url("../images/icons/v3/save/save.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .Lightbox__button--save::before {
    background-color: WindowText;
  }
}
.Lightbox__button--close::before {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .Lightbox__button--close::before {
    background-color: WindowText;
  }
}
.Lightbox__button--previous,
.Lightbox__button--next {
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  outline: none;
}
.Lightbox__button--previous::before,
.Lightbox__button--next::before {
  width: 32px;
  height: 32px;
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));
  content: "";
  display: block;
  background-size: 100%;
}
.Lightbox__button--previous:hover,
.Lightbox__button--next:hover {
  opacity: 1;
}
.Lightbox__button--previous:focus,
.Lightbox__button--next:focus {
  outline: none;
}
.keyboard-mode .Lightbox__button--previous:focus,
.keyboard-mode .Lightbox__button--next:focus {
  opacity: 1;
}
.keyboard-mode .Lightbox__button--previous:focus,
.keyboard-mode .Lightbox__button--next:focus {
  box-shadow: 0px 0px 0px 3px #2c6bed;
}
.dark-theme.keyboard-mode .Lightbox__button--previous:focus,
.dark-theme.keyboard-mode .Lightbox__button--next:focus {
  box-shadow: 0px 0px 0px 3px #6191f3;
}
.Lightbox__button--previous {
  justify-content: start;
  padding-inline-start: 16px;
}
.Lightbox__button--previous::before {
  background-image: url("../images/icons/v3/chevron/chevron-left-white.svg");
}
.Lightbox__button--next {
  justify-content: end;
  padding-inline-end: 16px;
}
.Lightbox__button--next::before {
  background-image: url("../images/icons/v3/chevron/chevron-right-white.svg");
}

button.ListTile {
  width: 100%;
}

.ListTile {
  display: flex;
  align-items: center;
  padding-block: 6px;
  padding-inline: 14px;
  user-select: none;
  border: 2px solid transparent;
  border-width: 2px 10px;
  background-clip: padding-box;
  border-radius: 20px/12px;
  background-color: transparent;
  color: inherit;
  box-sizing: border-box;
  text-align: inherit;
}
.ListTile--variant-panelrow {
  padding-block: 8px;
  padding-inline: 16px;
}
.ListTile__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  font-family:
    Inter,
    "Source Sans Pro",
    "Source Han Sans",
    -apple-system,
    system-ui,
    "Segoe UI",
    "Noto Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
.ListTile__title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
}
.ListTile__subtitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  color: #b9b9b9;
  line-height: 17px;
  color: #5e5e5e;
}
.ListTile__subtitle--max-lines-1 {
  -webkit-line-clamp: 1;
}
.ListTile__subtitle--max-lines-2 {
  -webkit-line-clamp: 2;
}
.ListTile__subtitle--max-lines-3 {
  -webkit-line-clamp: 3;
}
.dark-theme .ListTile__subtitle {
  color: #b9b9b9;
}
.ListTile[aria-disabled="true"] {
  cursor: not-allowed;
}
.ListTile__leading {
  margin-inline-end: 12px;
}
.ListTile__trailing {
  margin-inline-start: 12px;
}
.ListTile--clickable {
  cursor: pointer;
}
.ListTile--clickable:hover:not([aria-disabled="true"], [aria-selected="true"]),
.ListTile--clickable:focus:not([aria-disabled="true"], [aria-selected="true"]) {
  background-color: rgba(0, 0, 0, 0.06);
}
.dark-theme .ListTile--clickable:hover:not([aria-disabled="true"], [aria-selected="true"]),
.dark-theme .ListTile--clickable:focus:not([aria-disabled="true"], [aria-selected="true"]) {
  background-color: rgba(255, 255, 255, 0.06);
}
.ListTile--clickable:hover:not([aria-disabled="true"], [aria-selected="true"]) .ConversationDetails-panel-row__actions,
.ListTile--clickable:focus:not([aria-disabled="true"], [aria-selected="true"]) .ConversationDetails-panel-row__actions {
  opacity: 1;
}

.LocalDeleteWarningModal__width-container {
  max-width: 440px;
}

.LocalDeleteWarningModal__image {
  margin-block: 18px;
  text-align: center;
}

.LocalDeleteWarningModal__header {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  margin-block: 18px;
  margin-inline: 8px;
  text-align: center;
}

.LocalDeleteWarningModal__description {
  margin-block: 12px;
  margin-inline: 8px;
  text-align: center;
}

.LocalDeleteWarningModal__button {
  display: flex;
  justify-content: center;
  margin-top: 49px;
}
.LocalDeleteWarningModal__button button {
  padding-inline: 26px;
}

.MediaEditor {
  background: #121212;
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  inset-inline-start: 0;
  top: 0;
  position: absolute;
  user-select: none;
  -webkit-app-region: no-drag;
  z-index: 99;
}
.MediaEditor__container {
  display: flex;
  flex: 1;
  padding-block: 64px;
  padding-inline: 64px;
  padding-bottom: 0;
  overflow: hidden;
}
.MediaEditor__media {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.MediaEditor__media--canvas {
  border-radius: 12px;
  transition: border-radius 200ms ease-out;
}
.MediaEditor__media--canvas--cropping {
  border-radius: 0;
}
.MediaEditor__control {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  border-radius: 20px;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  margin-block: 0;
  margin-inline: 20px;
  opacity: 1;
  width: 32px;
}
@media (forced-colors: active) {
  .MediaEditor__control {
    border: 1px solid WindowText;
  }
}
.MediaEditor__control::after {
  content: " ";
  height: 20px;
  width: 20px;
}
.MediaEditor__control--crop::after {
  -webkit-mask: url("../images/icons/v3/crop/crop-rotate.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__control--crop::after {
    background-color: WindowText;
  }
}
.MediaEditor__control--pen::after {
  -webkit-mask: url("../images/icons/v2/draw-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__control--pen::after {
    background-color: WindowText;
  }
}
.MediaEditor__control--redo::after {
  -webkit-mask: url("../images/icons/v3/redo/redo.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__control--redo::after {
    background-color: WindowText;
  }
}
.MediaEditor__control--redo:disabled::after {
  -webkit-mask: url("../images/icons/v3/redo/redo.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .MediaEditor__control--redo:disabled::after {
    background-color: WindowText;
  }
}
.MediaEditor__control--sticker.module-sticker-button__button::after {
  -webkit-mask: url("../images/icons/v3/sticker/sticker-smiley.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__control--sticker.module-sticker-button__button::after {
    background-color: WindowText;
  }
}
.MediaEditor__control--text::after {
  -webkit-mask: url("../images/icons/v2/text-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__control--text::after {
    background-color: WindowText;
  }
}
.MediaEditor__control--undo::after {
  -webkit-mask: url("../images/icons/v3/undo/undo.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__control--undo::after {
    background-color: WindowText;
  }
}
.MediaEditor__control--undo:disabled::after {
  -webkit-mask: url("../images/icons/v3/undo/undo.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .MediaEditor__control--undo:disabled::after {
    background-color: WindowText;
  }
}
.MediaEditor__control--selected {
  background-color: #ffffff;
}
.MediaEditor__control--selected::after {
  background-color: #000000;
}
.MediaEditor__control:hover {
  background-color: #2e2e2e;
}
.MediaEditor__control:hover::after {
  background-color: #ffffff;
}
.MediaEditor__tools {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
  width: 100%;
}
.MediaEditor__tools--input {
  margin-inline: 24px;
  width: 400px;
}
.MediaEditor__tools--buttons {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.MediaEditor__tools__caption {
  height: 44px;
}
.MediaEditor__tools__caption__add-caption-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 9999px;
  background: #1b1b1b;
  color: #dedede;
  padding-block: 8px;
  padding-inline: 15px;
  border: none;
}
@media (forced-colors: active) {
  .MediaEditor__tools__caption__add-caption-button {
    border: 1px solid WindowText;
  }
}
.MediaEditor__tools__caption__add-caption-button > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.MediaEditor__tools-row-1 {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  height: 28px;
  justify-content: center;
  margin-bottom: 24px;
  max-width: 596px;
}
.MediaEditor__tools-row-2 {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 596px;
  min-height: 36px;
}
.MediaEditor__toolbar__crop {
  align-items: center;
  color: #ffffff;
  display: flex;
  height: 36px;
  justify-content: center;
  padding-block: 14px;
  padding-inline: 12px;
  margin-inline: 16px;
}
.MediaEditor__toolbar__crop__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: flex;
  margin-block: 0;
  margin-inline: 20px;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__crop__button {
    border: 1px solid WindowText;
  }
}
.MediaEditor__toolbar {
  align-items: center;
  background-color: #1b1b1b;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  height: 36px;
  justify-content: center;
  padding-block: 14px;
  padding-inline: 12px;
  margin-inline: 16px;
  min-width: 418px;
}
.MediaEditor__toolbar__tool,
.MediaEditor__toolbar__tool__button {
  margin-inline-start: 14px;
}
.MediaEditor__toolbar__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: flex;
  margin-block: 0;
  margin-inline: 8px;
  padding: 8px;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button {
    border: 1px solid WindowText;
  }
}
.MediaEditor__toolbar__button--draw-pen__button {
  -webkit-mask: url("../images/icons/v3/brush/brush-pen-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 1;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button--draw-pen__button {
    background-color: WindowText;
  }
}
.MediaEditor__toolbar__button--draw-pen__button::after {
  display: none;
}
.MediaEditor__toolbar__button--draw-highlighter__button {
  -webkit-mask: url("../images/icons/v3/brush/brush-highlighter-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 1;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button--draw-highlighter__button {
    background-color: WindowText;
  }
}
.MediaEditor__toolbar__button--draw-highlighter__button::after {
  display: none;
}
.MediaEditor__toolbar__button--width-thin__button {
  -webkit-mask: url("../images/icons/v3/brush_size/brush_size-thin-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 1;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button--width-thin__button {
    background-color: WindowText;
  }
}
.MediaEditor__toolbar__button--width-thin__button::after {
  display: none;
}
.MediaEditor__toolbar__button--width-regular__button {
  -webkit-mask: url("../images/icons/v3/brush_size/brush_size-regular-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 1;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button--width-regular__button {
    background-color: WindowText;
  }
}
.MediaEditor__toolbar__button--width-regular__button::after {
  display: none;
}
.MediaEditor__toolbar__button--width-medium__button {
  -webkit-mask: url("../images/icons/v3/brush_size/brush_size-medium-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 1;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button--width-medium__button {
    background-color: WindowText;
  }
}
.MediaEditor__toolbar__button--width-medium__button::after {
  display: none;
}
.MediaEditor__toolbar__button--width-heavy__button {
  -webkit-mask: url("../images/icons/v3/brush_size/brush_size-heavy-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 1;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button--width-heavy__button {
    background-color: WindowText;
  }
}
.MediaEditor__toolbar__button--width-heavy__button::after {
  display: none;
}
.MediaEditor__toolbar__button--text-regular__button {
  -webkit-mask: url("../images/icons/v3/text/text-square-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 1;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button--text-regular__button {
    background-color: WindowText;
  }
}
.MediaEditor__toolbar__button--text-regular__button::after {
  display: none;
}
.MediaEditor__toolbar__button--text-highlight__button {
  -webkit-mask: url("../images/icons/v3/text/text-square-fill-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 1;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button--text-highlight__button {
    background-color: WindowText;
  }
}
.MediaEditor__toolbar__button--text-highlight__button::after {
  display: none;
}
.MediaEditor__toolbar__button--text-outline__button {
  -webkit-mask: url("../images/icons/v3/text/text-outline-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 1;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button--text-outline__button {
    background-color: WindowText;
  }
}
.MediaEditor__toolbar__button--text-outline__button::after {
  display: none;
}
.MediaEditor__toolbar__button--rotate {
  -webkit-mask: url("../images/icons/v2/rotate-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 1;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button--rotate {
    background-color: WindowText;
  }
}
.MediaEditor__toolbar__button--rotate::after {
  display: none;
}
.MediaEditor__toolbar__button--flip {
  -webkit-mask: url("../images/icons/v2/flip-outline-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 1;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button--flip {
    background-color: WindowText;
  }
}
.MediaEditor__toolbar__button--flip::after {
  display: none;
}
.MediaEditor__toolbar__button--crop-locked {
  -webkit-mask: url("../images/icons/v3/crop/crop-lock.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 1;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button--crop-locked {
    background-color: WindowText;
  }
}
.MediaEditor__toolbar__button--crop-locked::after {
  display: none;
}
.MediaEditor__toolbar__button--crop-unlocked {
  -webkit-mask: url("../images/icons/v3/crop/crop-unlock.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  opacity: 1;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .MediaEditor__toolbar__button--crop-unlocked {
    background-color: WindowText;
  }
}
.MediaEditor__toolbar__button--crop-unlocked::after {
  display: none;
}
.MediaEditor__icon--draw-pen {
  -webkit-mask: url("../images/icons/v3/brush/brush-pen-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__icon--draw-pen {
    background-color: WindowText;
  }
}
.MediaEditor__icon--draw-highlighter {
  -webkit-mask: url("../images/icons/v3/brush/brush-highlighter-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__icon--draw-highlighter {
    background-color: WindowText;
  }
}
.MediaEditor__icon--text-regular {
  -webkit-mask: url("../images/icons/v3/text/text-square-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__icon--text-regular {
    background-color: WindowText;
  }
}
.MediaEditor__icon--text-highlight {
  -webkit-mask: url("../images/icons/v3/text/text-square-fill-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__icon--text-highlight {
    background-color: WindowText;
  }
}
.MediaEditor__icon--text-outline {
  -webkit-mask: url("../images/icons/v3/text/text-outline-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__icon--text-outline {
    background-color: WindowText;
  }
}
.MediaEditor__icon--width-thin {
  -webkit-mask: url("../images/icons/v3/brush_size/brush_size-thin-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__icon--width-thin {
    background-color: WindowText;
  }
}
.MediaEditor__icon--width-regular {
  -webkit-mask: url("../images/icons/v3/brush_size/brush_size-regular-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__icon--width-regular {
    background-color: WindowText;
  }
}
.MediaEditor__icon--width-medium {
  -webkit-mask: url("../images/icons/v3/brush_size/brush_size-medium-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__icon--width-medium {
    background-color: WindowText;
  }
}
.MediaEditor__icon--width-heavy {
  -webkit-mask: url("../images/icons/v3/brush_size/brush_size-heavy-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MediaEditor__icon--width-heavy {
    background-color: WindowText;
  }
}
.MediaEditor__history-buttons {
  inset-inline-start: 24px;
  position: absolute;
  top: 40px;
}
.MediaEditor__close {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 4px;
  height: 20px;
  position: absolute;
  inset-inline-end: 24px;
  top: 40px;
  width: 20px;
}
@media (forced-colors: active) {
  .MediaEditor__close {
    border: 1px solid WindowText;
  }
}
.MediaEditor__close::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .MediaEditor__close::before {
    background-color: WindowText;
  }
}
.MediaEditor__close:hover,
.MediaEditor__close:focus {
  box-shadow: 0 0 0 2px #2c6bed;
}
.MediaEditor__crop-preset {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  color: #ffffff;
  height: 28px;
  margin-inline: 12px;
  padding-block: 5px;
  padding-inline: 12px;
}
@media (forced-colors: active) {
  .MediaEditor__crop-preset {
    border: 1px solid WindowText;
  }
}
.MediaEditor__crop-preset--selected {
  border-radius: 9999px;
  background: #2e2e2e;
}

.MediaQualitySelector__popper {
  padding-block: 12px;
  padding-inline: 16px;
  width: auto;
}
.MediaQualitySelector__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-bottom: 12px;
}
.MediaQualitySelector__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
  outline: none;
}
@media (forced-colors: active) {
  .MediaQualitySelector__button {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .MediaQualitySelector__button:focus {
  outline: 2px solid #2c6bed;
}
.MediaQualitySelector__button::after {
  content: "";
  display: block;
  flex-shrink: 0;
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/quality/quality-standard.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .MediaQualitySelector__button::after {
    background-color: WindowText;
  }
}
.dark-theme .MediaQualitySelector__button::after {
  -webkit-mask: url("../images/icons/v3/quality/quality-standard.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .MediaQualitySelector__button::after {
    background-color: WindowText;
  }
}
.MediaQualitySelector__button--hq::after {
  -webkit-mask: url("../images/icons/v3/quality/quality-high.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .MediaQualitySelector__button--hq::after {
    background-color: WindowText;
  }
}
.dark-theme .MediaQualitySelector__button--hq::after {
  -webkit-mask: url("../images/icons/v3/quality/quality-high.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .MediaQualitySelector__button--hq::after {
    background-color: WindowText;
  }
}
.MediaQualitySelector__button--active {
  opacity: 1;
  background-color: #e9e9e9;
}
.dark-theme .MediaQualitySelector__button--active {
  background-color: #3b3b3b;
}
.MediaQualitySelector__option {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  border-radius: 6px;
  display: flex;
  height: 42px;
  margin-block: 2px;
  margin-inline: 0;
  min-width: 200px;
}
@media (forced-colors: active) {
  .MediaQualitySelector__option {
    border: 1px solid WindowText;
  }
}
.MediaQualitySelector__option--checkmark {
  height: 12px;
  margin-block: 0;
  margin-inline: 6px;
  width: 16px;
}
.MediaQualitySelector__option--selected {
  -webkit-mask: url("../images/icons/v3/check/check-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .MediaQualitySelector__option--selected {
    background-color: WindowText;
  }
}
.MediaQualitySelector__option--title {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
}
.MediaQualitySelector__option--description {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}
.MediaQualitySelector__option:hover {
  background-color: #e9e9e9;
}
.dark-theme .MediaQualitySelector__option:hover {
  background-color: #4a4a4a;
}
.MediaQualitySelector__option--focused,
.MediaQualitySelector__option:focus,
.MediaQualitySelector__option:active {
  border-radius: 6px;
  box-shadow: 0 0 1px 1px #2c6bed;
  outline: none;
}

.module-message__audio-attachment {
  display: flex;
  flex-direction: column;
  margin-top: 2px;
  /**
   * Players for audio or video content should always be left-to-right.
   * This overrides the default direction of the surrounding elements.
   */
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  direction: ltr;
}
@media (min-width: 0px) and (max-width: 799px) {
  .module-message__audio-attachment .PlaybackButton {
    margin-inline-end: 4px;
  }
}

.module-message__audio-attachment__button-and-waveform {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}

/* 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--with-content-below.module-message__audio-attachment--incoming {
  border-color: rgba(0, 0, 0, 0.2);
}
.dark-theme .module-message__audio-attachment--with-content-below.module-message__audio-attachment--incoming {
  border-color: rgba(255, 255, 255, 0.2);
}
.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__controls {
  display: flex;
  flex: 1;
  margin-inline-end: 4px;
}

.module-message__audio-attachment__dot {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: width 100ms ease-out;
  width: 14px;
}
.module-message__audio-attachment__dot:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
.module-message__audio-attachment--incoming .module-message__audio-attachment__dot:before {
  background: #5e5e5e;
}
.dark-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__dot:before {
  background: #b9b9b9;
}
.module-message__audio-attachment--outgoing .module-message__audio-attachment__dot--unplayed:before {
  background: rgba(255, 255, 255, 0.8);
}

.module-message__audio-attachment__waveform {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  outline: 0;
}

.keyboard-mode .PlaybackButton:focus,
.keyboard-mode .PlaybackRateButton:focus,
.keyboard-mode .module-message__audio-attachment__waveform:focus {
  outline: 2px solid #2c6bed;
}
.keyboard-mode .module-message__audio-attachment--outgoing .PlaybackButton:focus,
.keyboard-mode .module-message__audio-attachment--outgoing .PlaybackRateButton:focus,
.keyboard-mode .module-message__audio-attachment--outgoing .module-message__audio-attachment__waveform:focus {
  outline: 2px solid rgba(255, 255, 255, 0.6);
}

.module-message__audio-attachment__metadata {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 0px) and (max-width: 799px) {
  .module-message__audio-attachment__metadata {
    margin-inline-start: 40px;
  }
}

.module-message__audio-attachment__countdown {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  width: 36px;
  user-select: none;
  text-align: center;
  white-space: nowrap;
  margin-inline-end: 12px;
}
.module-message__audio-attachment--incoming .module-message__audio-attachment__countdown {
  color: rgba(0, 0, 0, 0.6);
}
.module-message__audio-attachment--incoming .module-message__audio-attachment__countdown--unplayed:after {
  background: rgba(0, 0, 0, 0.6);
}
.dark-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__countdown {
  color: rgba(255, 255, 255, 0.8);
}
.dark-theme .module-message__audio-attachment--incoming .module-message__audio-attachment__countdown--unplayed:after {
  background: rgba(255, 255, 255, 0.8);
}
.module-message__audio-attachment--outgoing .module-message__audio-attachment__countdown {
  color: rgba(255, 255, 255, 0.8);
}
.module-message__audio-attachment--outgoing .module-message__audio-attachment__countdown--unplayed:after {
  background: rgba(255, 255, 255, 0.8);
}

.MessageBody__highlight {
  font-weight: bold;
}
.MessageBody__download-body,
.MessageBody__read-more {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-weight: bold;
}
@media (forced-colors: active) {
  .MessageBody__download-body,
  .MessageBody__read-more {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .MessageBody__download-body:focus,
.keyboard-mode .MessageBody__read-more:focus {
  border: 1px solid #000000;
  outline: none;
}
.MessageBody__message-too-long {
  font-weight: bold;
}
.MessageBody__at-mention {
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  padding-inline: 4px;
  border: 1px solid transparent;
  background-color: #c6c6c6;
}
.dark-theme .MessageBody__at-mention {
  background-color: rgba(0, 0, 0, 0.4);
}
.MessageBody__at-mention:focus {
  border: 1px solid #000000;
  outline: none;
}
.MessageBody__at-mention--incoming {
  background-color: #c6c6c6;
}
.dark-theme .MessageBody__at-mention--incoming {
  background-color: #5e5e5e;
}
.MessageBody__at-mention--outgoing {
  background-color: rgba(0, 0, 0, 0.4);
}
.MessageBody__at-mention--invisible {
  visibility: hidden;
}
.MessageBody__author {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 500;
}

.MessageRequestActionsConfirmation__ModalHost__width-container {
  min-width: 480px;
}

.MessageTextRenderer__formatting--monospace {
  font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
}
.MessageTextRenderer__formatting--keywordHighlight {
  color: #000000;
}
.dark-theme .MessageTextRenderer__formatting--keywordHighlight {
  color: #ffffff;
}
.MessageTextRenderer__formatting--spoiler {
  cursor: pointer;
  position: relative;
  opacity: 50%;
  border-radius: 4px;
  color: transparent;
  outline: none;
}
.keyboard-mode .MessageTextRenderer__formatting--spoiler:focus {
  box-shadow: 0 0 0px 1px #2c6bed;
}
.MessageTextRenderer__formatting--spoiler--noninteractive {
  cursor: inherit;
  box-shadow: none;
}
.MessageTextRenderer__formatting--spoiler-StoryViewer {
  background-color: #ffffff;
}
.MessageTextRenderer__formatting--spoiler-MediaEditor {
  background-color: #dedede;
}
.MessageTextRenderer__formatting--spoiler-ConversationList,
.MessageTextRenderer__formatting--spoiler-SearchResult {
  background-color: #5e5e5e;
}
.dark-theme .MessageTextRenderer__formatting--spoiler-ConversationList,
.dark-theme .MessageTextRenderer__formatting--spoiler-SearchResult {
  background-color: #b9b9b9;
}
.MessageTextRenderer__formatting--spoiler-Quote {
  background-color: #1b1b1b;
}
.dark-theme .MessageTextRenderer__formatting--spoiler-Quote {
  background-color: #e9e9e9;
}
.MessageTextRenderer__formatting--spoiler-Timeline--incoming {
  background-color: #1b1b1b;
}
.dark-theme .MessageTextRenderer__formatting--spoiler-Timeline--incoming {
  background-color: #e9e9e9;
}
.MessageTextRenderer__formatting--spoiler-Timeline--outgoing {
  background-color: rgba(255, 255, 255, 0.9);
}
.dark-theme .MessageTextRenderer__formatting--spoiler-Timeline--outgoing {
  background-color: rgba(255, 255, 255, 0.9);
}
.MessageTextRenderer__formatting--invisible {
  visibility: hidden;
}

.module-message-detail {
  max-width: 650px;
  margin-inline: 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-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  min-width: 72px;
}

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

.module-message-detail__contact-group__header {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  padding-block: 10px;
  padding-inline: 0;
  user-select: none;
}
.module-message-detail__contact-group__header:first-child {
  margin-top: 36px;
}
.module-message-detail__contact-group__header--Failed:after,
.module-message-detail__contact-group__header--Viewed:after,
.module-message-detail__contact-group__header--Read:after,
.module-message-detail__contact-group__header--Delivered:after,
.module-message-detail__contact-group__header--Sent:after,
.module-message-detail__contact-group__header--Pending:after {
  content: "";
  display: block;
  flex-shrink: 0;
  height: 12px;
  margin-inline-start: 10px;
}
.module-message-detail__contact-group__header--Failed:after {
  width: 12px;
  -webkit-mask: url("../images/icons/v3/error/error-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .module-message-detail__contact-group__header--Failed:after {
    background-color: WindowText;
  }
}
.dark-theme .module-message-detail__contact-group__header--Failed:after {
  -webkit-mask: url("../images/icons/v3/error/error-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .dark-theme .module-message-detail__contact-group__header--Failed:after {
    background-color: WindowText;
  }
}
.module-message-detail__contact-group__header--Viewed:after,
.module-message-detail__contact-group__header--Read:after {
  width: 18px;
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-read.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-message-detail__contact-group__header--Viewed:after,
  .module-message-detail__contact-group__header--Read:after {
    background-color: WindowText;
  }
}
.dark-theme .module-message-detail__contact-group__header--Viewed:after,
.dark-theme .module-message-detail__contact-group__header--Read:after {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-read.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-message-detail__contact-group__header--Viewed:after,
  .dark-theme .module-message-detail__contact-group__header--Read:after {
    background-color: WindowText;
  }
}
.module-message-detail__contact-group__header--Delivered:after {
  width: 18px;
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-delivered.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-message-detail__contact-group__header--Delivered:after {
    background-color: WindowText;
  }
}
.dark-theme .module-message-detail__contact-group__header--Delivered:after {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-delivered.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-message-detail__contact-group__header--Delivered:after {
    background-color: WindowText;
  }
}
.module-message-detail__contact-group__header--Sent:after {
  width: 12px;
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-sent.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-message-detail__contact-group__header--Sent:after {
    background-color: WindowText;
  }
}
.dark-theme .module-message-detail__contact-group__header--Sent:after {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-sent.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-message-detail__contact-group__header--Sent:after {
    background-color: WindowText;
  }
}
.module-message-detail__contact-group__header--Pending:after {
  width: 12px;
  animation: rotate 4s linear infinite;
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-sending.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-message-detail__contact-group__header--Pending:after {
    background-color: WindowText;
  }
}
.dark-theme .module-message-detail__contact-group__header--Pending:after {
  -webkit-mask: url("../images/icons/v3/message_status/messagestatus-sending.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-message-detail__contact-group__header--Pending:after {
    background-color: WindowText;
  }
}

.module-message-detail__contact {
  margin-bottom: 8px;
  padding-block: 8px;
  padding-inline: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.module-message-detail__contact:last-child {
  margin-bottom: 0;
}

.module-message-detail__contact__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  flex-grow: 1;
  margin-inline-start: 10px;
}

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

.module-message-detail__contact__unidentified-delivery-icon {
  margin-inline-start: 6px;
  width: 18px;
  height: 18px;
  display: inline-block;
  -webkit-mask: url("../images/icons/v2/unidentified-delivery-solid-20.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-message-detail__contact__unidentified-delivery-icon {
    background-color: WindowText;
  }
}
.dark-theme .module-message-detail__contact__unidentified-delivery-icon {
  -webkit-mask: url("../images/icons/v2/unidentified-delivery-solid-20.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-message-detail__contact__unidentified-delivery-icon {
    background-color: WindowText;
  }
}

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

.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;
}
@media (forced-colors: active) {
  .module-message-detail__contact__show-safety-number {
    border: 1px solid WindowText;
  }
}
.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-inline-start: 5px;
  margin-top: 5px;
  padding: 4px;
  border-radius: 4px;
  color: #ffffff;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .module-message-detail__contact__send-anyway {
    border: 1px solid WindowText;
  }
}

.module-message-detail__status-timestamp {
  margin-inline-start: 6px;
}

.MiniPlayer {
  position: absolute;
  top: 0;
  inset-inline: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 18px;
  padding-block: 8px;
  padding-inline: 16px;
  margin-top: calc(52px + var(--title-bar-drag-area-height));
  text-align: start;
  background-color: #f6f6f6;
}
.dark-theme .MiniPlayer {
  background-color: #3b3b3b;
}
.MiniPlayer--flow {
  margin-top: 0;
  position: relative;
}
.MiniPlayer__playback-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
}
@media (forced-colors: active) {
  .MiniPlayer__playback-button {
    border: 1px solid WindowText;
  }
}
.MiniPlayer__playback-button::before {
  display: block;
  width: 14px;
  height: 14px;
  content: "";
}
.MiniPlayer__playback-button--play::before {
  -webkit-mask: url("../images/icons/v3/play/play-fill.svg") no-repeat center;
  background-color: #5e5e5e;
  -webkit-mask-size: 100%;
}
@media (forced-colors: active) {
  .MiniPlayer__playback-button--play::before {
    background-color: WindowText;
  }
}
.MiniPlayer__playback-button--pause::before {
  -webkit-mask: url("../images/icons/v3/pause/pause-fill.svg") no-repeat center;
  background-color: #5e5e5e;
  -webkit-mask-size: 100%;
}
@media (forced-colors: active) {
  .MiniPlayer__playback-button--pause::before {
    background-color: WindowText;
  }
}
.MiniPlayer__playback-button--pending::before {
  -webkit-mask: url("../images/icons/v2/audio-spinner-arc-22.svg") no-repeat center;
  background-color: #5e5e5e;
  -webkit-mask-size: 100%;
}
@media (forced-colors: active) {
  .MiniPlayer__playback-button--pending::before {
    background-color: WindowText;
  }
}
.dark-theme .MiniPlayer__playback-button--play::before {
  -webkit-mask: url("../images/icons/v3/play/play-fill.svg") no-repeat center;
  background-color: #dedede;
  -webkit-mask-size: 100%;
}
@media (forced-colors: active) {
  .dark-theme .MiniPlayer__playback-button--play::before {
    background-color: WindowText;
  }
}
.dark-theme .MiniPlayer__playback-button--pause::before {
  -webkit-mask: url("../images/icons/v3/pause/pause-fill.svg") no-repeat center;
  background-color: #dedede;
  -webkit-mask-size: 100%;
}
@media (forced-colors: active) {
  .dark-theme .MiniPlayer__playback-button--pause::before {
    background-color: WindowText;
  }
}
.dark-theme .MiniPlayer__playback-button--pending::before {
  -webkit-mask: url("../images/icons/v2/audio-spinner-arc-22.svg") no-repeat center;
  background-color: #dedede;
  -webkit-mask-size: 100%;
}
@media (forced-colors: active) {
  .dark-theme .MiniPlayer__playback-button--pending::before {
    background-color: WindowText;
  }
}
.MiniPlayer__playback-button--pending::before {
  animation: rotate 1000ms linear infinite;
}
.MiniPlayer__state {
  flex: 1;
}
.MiniPlayer__middot {
  padding-block: 0;
  padding-inline: 5px;
}
.MiniPlayer__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 4px;
  height: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .MiniPlayer__close-button {
    border: 1px solid WindowText;
  }
}
.MiniPlayer__close-button::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .MiniPlayer__close-button::before {
    background-color: WindowText;
  }
}
.dark-theme .MiniPlayer__close-button::before {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .MiniPlayer__close-button::before {
    background-color: WindowText;
  }
}
.MiniPlayer__close-button:hover,
.MiniPlayer__close-button:focus {
  background: #f6f6f6;
}
.MiniPlayer__close-button:active {
  background: #e9e9e9;
}
.dark-theme .MiniPlayer__close-button:hover,
.dark-theme .MiniPlayer__close-button:focus {
  background: #2e2e2e;
}
.dark-theme .MiniPlayer__close-button:active {
  background: #3b3b3b;
}

.module-Modal {
  box-shadow:
    0px 8px 20px rgba(0, 0, 0, 0.3),
    0px 0px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  overflow: hidden;
  max-height: 89vh;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-Modal {
    border: 1px solid WindowText;
  }
}
.dark-theme .module-Modal {
  background: #2e2e2e;
  color: #e9e9e9;
}
.module-Modal__header--with-back-button .module-Modal__title {
  text-align: center;
}
.module-Modal__headerTitle {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-block: 16px 1em;
  padding-inline: 16px;
}
.module-Modal__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  flex: 1;
}
.module-Modal__back-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 4px;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .module-Modal__back-button {
    border: 1px solid WindowText;
  }
}
.module-Modal__back-button::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-Modal__back-button::before {
    background-color: WindowText;
  }
}
:dir(rtl) .module-Modal__back-button::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.dark-theme .module-Modal__back-button::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-Modal__back-button::before {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .module-Modal__back-button::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.module-Modal__back-button:hover,
.module-Modal__back-button:focus {
  box-shadow: 0 0 0 2px #2c6bed;
}
.module-Modal__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 4px;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .module-Modal__close-button {
    border: 1px solid WindowText;
  }
}
.module-Modal__close-button::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .module-Modal__close-button::before {
    background-color: WindowText;
  }
}
.dark-theme .module-Modal__close-button::before {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-Modal__close-button::before {
    background-color: WindowText;
  }
}
.module-Modal__close-button:hover,
.module-Modal__close-button:focus {
  box-shadow: 0 0 0 2px #2c6bed;
}
.module-Modal__body {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin: 0;
  overflow-y: overlay;
  overflow-x: auto;
  transition: border-color 150ms ease-in-out;
}
.module-Modal__body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  visibility: hidden;
  width: 6px;
  background: rgba(0, 0, 0, 0.4);
}
.dark-theme .module-Modal__body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.4);
}
.module-Modal__body::-webkit-scrollbar {
  background: transparent;
}
.module-Modal__body::-webkit-scrollbar-track {
  background: transparent;
}
.module-Modal__body:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.module-Modal--padded .module-Modal__body {
  padding: 16px;
}
.module-Modal--padded .module-Modal__body .module-Modal__button-footer {
  padding-block: 1em 0;
  padding-inline: 0;
}
.module-Modal--has-header.module-Modal--header-divider .module-Modal__body {
  border-top-color: #e9e9e9;
}
.dark-theme .module-Modal--has-header.module-Modal--header-divider .module-Modal__body {
  border-top-color: #1b1b1b;
}
.module-Modal--has-header .module-Modal__body {
  padding-top: 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.module-Modal--has-header .module-Modal__body--scrolled {
  border-top-color: #e9e9e9;
}
.dark-theme .module-Modal--has-header .module-Modal__body--scrolled {
  border-top-color: #1b1b1b;
}
.module-Modal--has-footer.module-Modal--footer-divider .module-Modal__body {
  border-bottom-color: #e9e9e9;
}
.dark-theme .module-Modal--has-footer.module-Modal--footer-divider .module-Modal__body {
  border-bottom-color: #1b1b1b;
}
.module-Modal--has-footer .module-Modal__body {
  border-bottom: 1px solid transparent;
}
.module-Modal--has-footer
  .module-Modal__body--overflow:not(.module-Modal--has-footer .module-Modal__body--scrolledToBottom) {
  border-bottom-color: #e9e9e9;
}
.dark-theme
  .module-Modal--has-footer
  .module-Modal__body--overflow:not(.module-Modal--has-footer .module-Modal__body--scrolledToBottom) {
  border-bottom-color: #1b1b1b;
}
.module-Modal__button-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding-block: 1em 16px;
  padding-inline: 16px;
  gap: 8px;
}
.module-Modal__button-footer .module-Button:not(:first-child) {
  margin-inline-start: 4px;
}
.module-Modal__button-footer--one-button-per-line {
  flex-direction: column;
  align-items: flex-end;
}
.module-Modal--important {
  padding-block: 10px 16px;
  padding-inline: 12px;
}
.module-Modal--important .module-Modal__header {
  align-items: start;
  padding: 0;
}
.module-Modal--important .module-Modal__body {
  padding-block: 0 4px !important;
  padding-inline: 12px !important;
}
.module-Modal--important .module-Modal__body p {
  margin-block: 0 20px;
  margin-inline: 0;
}
.module-Modal--important .module-Modal__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  text-align: center;
  margin-block: 10px 22px;
  margin-inline: 0;
  flex-shrink: 0;
}
.module-Modal--important .module-Modal__title--with-x-button {
  margin-block-start: 22px;
}
.module-Modal--important .module-Modal__button-footer {
  justify-content: center;
  margin-top: 27px;
  flex-grow: 0;
  flex-shrink: 0;
  padding-block: 0 4px;
  padding-inline: 12px;
}
.module-Modal--important .module-Modal__button-footer .module-Button {
  flex-grow: 1;
  max-width: 152px;
}
.module-Modal--important .module-Modal__button-footer .module-Button:not(:first-child) {
  margin-inline-start: 16px;
}

.MyStories__distribution__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-block: 24px 8px;
  margin-inline: 10px;
  color: #1b1b1b;
}
.dark-theme .MyStories__distribution__title {
  color: #e9e9e9;
}
.MyStories__story-button {
  flex: 1;
}
.MyStories__story {
  align-items: center;
  border-radius: 10px;
  display: flex;
  height: 96px;
  padding-inline-end: 10px;
}
.MyStories__story:hover {
  background: #dedede;
}
.dark-theme .MyStories__story:hover {
  background: #4a4a4a;
}
.MyStories__story:hover .MyStories__story__download,
.MyStories__story:hover .MyStories__story__more__button {
  background: #c6c6c6;
}
.dark-theme .MyStories__story:hover .MyStories__story__download,
.dark-theme .MyStories__story:hover .MyStories__story__more__button {
  background: #5e5e5e;
}
.MyStories__story__details {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-inline-start: 12px;
  color: #1b1b1b;
}
.dark-theme .MyStories__story__details {
  color: #e9e9e9;
}
.MyStories__story__details__failed {
  align-items: center;
  display: flex;
}
.MyStories__story__details__failed::before {
  content: "";
  display: block;
  height: 12px;
  margin-inline-end: 12px;
  width: 12px;
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .MyStories__story__details__failed::before {
    background-color: WindowText;
  }
}
.MyStories__story__details__failed__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #1b1b1b;
}
@media (forced-colors: active) {
  .MyStories__story__details__failed__button {
    border: 1px solid WindowText;
  }
}
.dark-theme .MyStories__story__details__failed__button {
  color: #b9b9b9;
}
.MyStories__story__timestamp {
  font-weight: normal;
  color: #1b1b1b;
}
.dark-theme .MyStories__story__timestamp {
  color: #b9b9b9;
}
.MyStories__story__download {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 28px;
  justify-content: center;
  width: 28px;
  background: #c6c6c6;
}
@media (forced-colors: active) {
  .MyStories__story__download {
    border: 1px solid WindowText;
  }
}
.dark-theme .MyStories__story__download {
  background: #4a4a4a;
}
.MyStories__story__download::after {
  content: "";
  height: 18px;
  width: 18px;
  -webkit-mask: url("../images/icons/v3/save/save-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .MyStories__story__download::after {
    background-color: WindowText;
  }
}
.dark-theme .MyStories__story__download::after {
  -webkit-mask: url("../images/icons/v3/save/save-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .MyStories__story__download::after {
    background-color: WindowText;
  }
}
.MyStories__story__download:hover {
  background: #ffffff !important;
}
.dark-theme .MyStories__story__download:hover {
  background: #3b3b3b !important;
}
.MyStories__story__more__button {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 28px;
  justify-content: center;
  margin-inline-start: 16px;
  width: 28px;
  background: #dedede;
}
.dark-theme .MyStories__story__more__button {
  background: #4a4a4a;
}
.MyStories__story__more__button::after {
  content: "";
  height: 18px;
  width: 18px;
  -webkit-mask: url("../images/icons/v3/more/more-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .MyStories__story__more__button::after {
    background-color: WindowText;
  }
}
.dark-theme .MyStories__story__more__button::after {
  -webkit-mask: url("../images/icons/v3/more/more-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .MyStories__story__more__button::after {
    background-color: WindowText;
  }
}
.MyStories__story__more__button:hover {
  background: #ffffff !important;
}
.dark-theme .MyStories__story__more__button:hover {
  background: #3b3b3b !important;
}
.MyStories__icon--forward {
  -webkit-mask: url("../images/icons/v3/forward/forward-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .MyStories__icon--forward {
    background-color: WindowText;
  }
}
.dark-theme .MyStories__icon--forward {
  -webkit-mask: url("../images/icons/v3/forward/forward-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .MyStories__icon--forward {
    background-color: WindowText;
  }
}
.MyStories__icon--delete {
  -webkit-mask: url("../images/icons/v3/trash/trash-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .MyStories__icon--delete {
    background-color: WindowText;
  }
}
.dark-theme .MyStories__icon--delete {
  -webkit-mask: url("../images/icons/v3/trash/trash-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .MyStories__icon--delete {
    background-color: WindowText;
  }
}
.MyStories__avatar-container {
  position: relative;
}
.MyStories__avatar__add-story {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 9999px;
  align-items: center;
  background: #406ec9;
  border: 2px solid;
  bottom: -2px;
  display: flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  inset-inline-end: -4px;
  width: 20px;
  z-index: 1;
  border-color: #f0f0f0;
}
@media (forced-colors: active) {
  .MyStories__avatar__add-story {
    border: 1px solid WindowText;
  }
}
.dark-theme .MyStories__avatar__add-story {
  border-color: #2e2e2e;
}
.MyStories__avatar__add-story::after {
  content: "";
  height: 12px;
  width: 12px;
  -webkit-mask: url("../images/icons/v3/plus/plus-compact-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .MyStories__avatar__add-story::after {
    background-color: WindowText;
  }
}

.StoryListItem__button:hover .MyStories__avatar__add-story,
.StoryListItem__button--active .MyStories__avatar__add-story {
  border-color: #dedede;
}
.dark-theme .StoryListItem__button:hover .MyStories__avatar__add-story,
.dark-theme .StoryListItem__button--active .MyStories__avatar__add-story {
  border-color: #4a4a4a;
}

.NavSidebar {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding-top: var(--title-bar-drag-area-height);
  user-select: none;
  background-color: #f0f0f0;
  border-inline-end: 1px solid rgba(0, 0, 0, 0.16);
}
.dark-theme .NavSidebar {
  background-color: #2e2e2e;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.16);
}

.NavSidebar__Header {
  display: flex;
  align-items: start;
  flex-shrink: 0;
  padding-bottom: 6px;
  -webkit-app-region: drag;
}
body.context-menu-open .NavSidebar__Header {
  -webkit-app-region: no-drag;
}
.NavSidebar__Header .NavTabs__Toggle {
  width: 80px;
}
.NavSidebar--narrow .NavSidebar__Header {
  flex-direction: column;
  align-items: center;
}

.NavSidebar__HeaderContent {
  display: flex;
  width: 100%;
  flex: 1;
  align-items: center;
  justify-content: center;
  padding-block: 12px;
  padding-inline: 24px;
}
.NavSidebar--narrow .NavSidebar__HeaderContent {
  padding-inline: 0;
}

.NavSidebar__HeaderContent--navTabsCollapsed:not(.NavSidebar__HeaderContent--withBackButton) {
  padding-inline-start: 0;
}

.NavSidebar__HeaderContent--withBackButton {
  padding-inline-start: 16px;
}

.NavSidebar__HeaderTitle {
  flex: 1 1 0%;
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.25px;
  line-height: 20px;
}
.NavSidebar--narrow .NavSidebar__HeaderTitle {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.NavSidebar__HeaderTitle--withBackButton {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
}

.NavSidebar__BackButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  margin-block: -4px;
  padding: 4px;
  border-radius: 4px;
}
@media (forced-colors: active) {
  .NavSidebar__BackButton {
    border: 1px solid WindowText;
  }
}
.NavSidebar__BackButton:hover {
  background: #c6c6c6;
}
.dark-theme .NavSidebar__BackButton:hover {
  background: #545454;
}
.NavSidebar__BackButton:focus {
  outline: none;
}
.keyboard-mode .NavSidebar__BackButton:focus {
  box-shadow: 0 0 0 2px #2c6bed;
}
.NavSidebar__BackButton::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .NavSidebar__BackButton::before {
    background-color: WindowText;
  }
}
:dir(rtl) .NavSidebar__BackButton::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.dark-theme .NavSidebar__BackButton::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .NavSidebar__BackButton::before {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .NavSidebar__BackButton::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}

.NavSidebar__BackButtonLabel {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.NavSidebar .module-SearchInput__container {
  margin: 0;
}

.NavSidebar__Content {
  flex: 1 1 0%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.NavSidebar__DragHandle {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  inset-inline-start: 100%;
  width: 8px;
  background: transparent;
  cursor: col-resize;
}
.NavSidebar__DragHandle:focus {
  outline: none;
}
.keyboard-mode .NavSidebar__DragHandle:focus {
  box-shadow: inset 0 0 0 2px #2c6bed;
}

.NavSidebar__DragHandle--dragging {
  background-color: rgba(0, 0, 0, 0.12);
}
.dark-theme .NavSidebar__DragHandle--dragging {
  background-color: rgba(255, 255, 255, 0.12);
}

.NavSidebar__document--draggingHandle {
  cursor: col-resize;
}

.NavSidebar__HeaderActions {
  display: flex;
  gap: 20px;
  margin-block: -4px;
  align-items: center;
  justify-content: center;
}
.NavSidebar--narrow .NavSidebar__HeaderActions {
  flex-direction: column;
}

.NavSidebar__ActionButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  padding: 4px;
  border-radius: 4px;
}
@media (forced-colors: active) {
  .NavSidebar__ActionButton {
    border: 1px solid WindowText;
  }
}
.NavSidebar__ActionButton:hover,
.NavSidebar__ActionButton:focus {
  background-color: rgba(0, 0, 0, 0.06);
}
.dark-theme .NavSidebar__ActionButton:hover,
.dark-theme .NavSidebar__ActionButton:focus {
  background-color: rgba(255, 255, 255, 0.06);
}
.NavSidebar__ActionButton:active {
  background: #c6c6c6;
}
.dark-theme .NavSidebar__ActionButton:active {
  background: #545454;
}
.NavSidebar__ActionButton:focus {
  outline: none;
}
.keyboard-mode .NavSidebar__ActionButton:focus {
  box-shadow: 0 0 0 2px #2c6bed;
}

.NavSidebar__ActionButtonLabel {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.NavSidebarSearchHeader {
  display: flex;
  margin-inline: 16px;
  margin-bottom: 8px;
  gap: 12px;
}

.NavSidebarEmpty {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  pointer-events: none;
  align-items: center;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  padding-block: 0;
  padding-inline: 32px;
  text-align: center;
}
.module-left-pane--width-narrow .NavSidebarEmpty {
  display: none;
}

.NavSidebarEmpty__inner {
  padding-block: 100px 28px;
}

.NavSidebarEmpty__title {
  margin-block: 0px 6px;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.25px;
  color: #848484;
}

.NavSidebarEmpty__subtitle {
  margin-block: 0;
  color: #848484;
}

.NavTabs__Container {
  position: relative;
  z-index: 0;
  display: flex;
  width: 100%;
  height: 100%;
}

.NavTabs {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  width: 80px;
  height: 100%;
  padding-top: var(--title-bar-drag-area-height);
  background-color: #f0f0f0;
  border-inline-end: 1px solid rgba(0, 0, 0, 0.16);
}
.dark-theme .NavTabs {
  background-color: #2e2e2e;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.16);
}

.NavTabs--collapsed {
  display: none;
}

.NavTabs__Item {
  width: 100%;
  padding-block: 2px;
  padding-inline: 10px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.NavTabs__Item:focus {
  outline: none;
}
.NavTabs__Item.NavTabs__Toggle {
  padding-block: 8px;
}

.NavTabs__ItemButton {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 10px;
  border-radius: 8px;
}
.NavTabs__Item:hover .NavTabs__ItemButton,
.NavTabs__Item:focus .NavTabs__ItemButton {
  background-color: rgba(0, 0, 0, 0.06);
}
.dark-theme .NavTabs__Item:hover .NavTabs__ItemButton,
.dark-theme .NavTabs__Item:focus .NavTabs__ItemButton {
  background-color: rgba(255, 255, 255, 0.06);
}
.NavTabs__Item:focus .NavTabs__ItemButton {
  outline: none;
}
.keyboard-mode .NavTabs__Item:focus .NavTabs__ItemButton {
  box-shadow: 0 0 0 2px #2c6bed;
}
.NavTabs__Item:active .NavTabs__ItemButton,
.NavTabs__Item[aria-selected="true"] .NavTabs__ItemButton {
  background: #c6c6c6;
}
.dark-theme .NavTabs__Item:active .NavTabs__ItemButton,
.dark-theme .NavTabs__Item[aria-selected="true"] .NavTabs__ItemButton {
  background: #545454;
}
.NavTabs__Toggle .NavTabs__ItemButton {
  width: fit-content;
  padding: 4px;
  margin-block: 0;
  margin-inline: auto;
  border-radius: 4px;
}
.NavTabs__Item--Profile .NavTabs__ItemButton {
  padding-block: 6px;
}

.NavTabs__ItemContent {
  display: inline-flex;
  position: relative;
}

.NavTabs__ItemLabel {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.NavTabs__ItemUnreadBadge {
  border-radius: 9999px;
  align-items: center;
  background-color: #f44336;
  color: #ffffff;
  display: flex;
  font-size: 10px;
  height: 16px;
  justify-content: center;
  min-width: 16px;
  overflow: hidden;
  padding-block: 0;
  padding-inline: 2px;
  position: absolute;
  inset-inline-end: -6px;
  top: -4px;
  user-select: none;
  z-index: 1;
  word-break: keep-all;
}

.NavTabs__ItemUpdateBadge {
  background: #2c6bed;
  border-radius: 100%;
  border: 1px solid #ffffff;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 0;
  inset-inline-end: 0;
}

.NavTabs__ItemIcon {
  display: block;
  width: 20px;
  height: 20px;
}

.NavTabs__ItemIcon--Menu {
  -webkit-mask: url("../images/icons/v3/menu/menu.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .NavTabs__ItemIcon--Menu {
    background-color: WindowText;
  }
}
.dark-theme .NavTabs__ItemIcon--Menu {
  -webkit-mask: url("../images/icons/v3/menu/menu.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .NavTabs__ItemIcon--Menu {
    background-color: WindowText;
  }
}

.NavTabs__ItemIcon--Settings {
  -webkit-mask: url("../images/icons/v3/settings/settings.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .NavTabs__ItemIcon--Settings {
    background-color: WindowText;
  }
}
.dark-theme .NavTabs__ItemIcon--Settings {
  -webkit-mask: url("../images/icons/v3/settings/settings.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .NavTabs__ItemIcon--Settings {
    background-color: WindowText;
  }
}

.NavTabs__ItemIcon--Chats {
  -webkit-mask: url("../images/icons/v3/chat/chat.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .NavTabs__ItemIcon--Chats {
    background-color: WindowText;
  }
}
.dark-theme .NavTabs__ItemIcon--Chats {
  -webkit-mask: url("../images/icons/v3/chat/chat.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .NavTabs__ItemIcon--Chats {
    background-color: WindowText;
  }
}
.NavTabs__Item:active .NavTabs__ItemIcon--Chats,
.NavTabs__Item[aria-selected="true"] .NavTabs__ItemIcon--Chats {
  -webkit-mask: url("../images/icons/v3/chat/chat-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .NavTabs__Item:active .NavTabs__ItemIcon--Chats,
  .NavTabs__Item[aria-selected="true"] .NavTabs__ItemIcon--Chats {
    background-color: WindowText;
  }
}
.dark-theme .NavTabs__Item:active .NavTabs__ItemIcon--Chats,
.dark-theme .NavTabs__Item[aria-selected="true"] .NavTabs__ItemIcon--Chats {
  -webkit-mask: url("../images/icons/v3/chat/chat-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .NavTabs__Item:active .NavTabs__ItemIcon--Chats,
  .dark-theme .NavTabs__Item[aria-selected="true"] .NavTabs__ItemIcon--Chats {
    background-color: WindowText;
  }
}

.NavTabs__ItemIcon--Calls {
  -webkit-mask: url("../images/icons/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .NavTabs__ItemIcon--Calls {
    background-color: WindowText;
  }
}
.dark-theme .NavTabs__ItemIcon--Calls {
  -webkit-mask: url("../images/icons/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .NavTabs__ItemIcon--Calls {
    background-color: WindowText;
  }
}
.NavTabs__Item:active .NavTabs__ItemIcon--Calls,
.NavTabs__Item[aria-selected="true"] .NavTabs__ItemIcon--Calls {
  -webkit-mask: url("../images/icons/v3/phone/phone-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .NavTabs__Item:active .NavTabs__ItemIcon--Calls,
  .NavTabs__Item[aria-selected="true"] .NavTabs__ItemIcon--Calls {
    background-color: WindowText;
  }
}
.dark-theme .NavTabs__Item:active .NavTabs__ItemIcon--Calls,
.dark-theme .NavTabs__Item[aria-selected="true"] .NavTabs__ItemIcon--Calls {
  -webkit-mask: url("../images/icons/v3/phone/phone-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .NavTabs__Item:active .NavTabs__ItemIcon--Calls,
  .dark-theme .NavTabs__Item[aria-selected="true"] .NavTabs__ItemIcon--Calls {
    background-color: WindowText;
  }
}

.NavTabs__ItemIcon--Stories {
  -webkit-mask: url("../images/icons/v3/stories/stories.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .NavTabs__ItemIcon--Stories {
    background-color: WindowText;
  }
}
.dark-theme .NavTabs__ItemIcon--Stories {
  -webkit-mask: url("../images/icons/v3/stories/stories.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .NavTabs__ItemIcon--Stories {
    background-color: WindowText;
  }
}
.NavTabs__Item:active .NavTabs__ItemIcon--Stories,
.NavTabs__Item[aria-selected="true"] .NavTabs__ItemIcon--Stories {
  -webkit-mask: url("../images/icons/v3/stories/stories-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .NavTabs__Item:active .NavTabs__ItemIcon--Stories,
  .NavTabs__Item[aria-selected="true"] .NavTabs__ItemIcon--Stories {
    background-color: WindowText;
  }
}
.dark-theme .NavTabs__Item:active .NavTabs__ItemIcon--Stories,
.dark-theme .NavTabs__Item[aria-selected="true"] .NavTabs__ItemIcon--Stories {
  -webkit-mask: url("../images/icons/v3/stories/stories-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .NavTabs__Item:active .NavTabs__ItemIcon--Stories,
  .dark-theme .NavTabs__Item[aria-selected="true"] .NavTabs__ItemIcon--Stories {
    background-color: WindowText;
  }
}

.NavTabs__ItemIconLabel {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.NavTabs__TabList {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  flex: 1;
}

.NavTabs__Misc {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 8px;
}

.NavTabs__TabPanel {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 0;
}

.NavTabs__ContextMenuIcon--Settings {
  -webkit-mask: url("../images/icons/v3/settings/settings.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .NavTabs__ContextMenuIcon--Settings {
  -webkit-mask: url("../images/icons/v3/settings/settings.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .NavTabs__ContextMenuIcon--Settings {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .NavTabs__ContextMenuIcon--Settings {
    background-color: WindowText;
  }
}

.NavTabs__ContextMenuIcon--Update {
  -webkit-mask: url("../images/icons/v3/refresh/refresh.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .NavTabs__ContextMenuIcon--Update {
  -webkit-mask: url("../images/icons/v3/refresh/refresh.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .NavTabs__ContextMenuIcon--Update {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .NavTabs__ContextMenuIcon--Update {
    background-color: WindowText;
  }
}

.OutgoingGiftBadgeModal {
  text-align: center;
}
.OutgoingGiftBadgeModal__container {
  width: 420px;
  max-width: 420px;
}
.OutgoingGiftBadgeModal__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  margin-top: 5px;
}
.OutgoingGiftBadgeModal__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-top: 8px;
  margin-inline: auto;
  width: 328px;
}
.OutgoingGiftBadgeModal__badge {
  margin-top: 34px;
  height: 160px;
  width: 160px;
}
.OutgoingGiftBadgeModal__badge--missing {
  border-radius: 50%;
  margin-inline: auto;
  background-color: #e9e9e9;
}
.dark-theme .OutgoingGiftBadgeModal__badge--missing {
  background-color: #5e5e5e;
}
.OutgoingGiftBadgeModal__badge-summary {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
}

.PermissionsPopup {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  background: #ffffff;
  color: #1b1b1b;
}
.dark-theme .PermissionsPopup {
  background: #121212;
  color: #e9e9e9;
}
.PermissionsPopup__body {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
}
.PermissionsPopup__buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
  width: 100%;
}
.PermissionsPopup__buttons button {
  margin-inline-start: 16px;
}

.PlaybackButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  flex-shrink: 0;
  margin-inline-end: 12px;
  outline: none;
  border-radius: 18px;
}
@media (forced-colors: active) {
  .PlaybackButton {
    border: 1px solid WindowText;
  }
}
.PlaybackButton::before {
  display: block;
  height: 100%;
  content: "";
}
.PlaybackButton--variant-message {
  width: 36px;
  height: 36px;
}
.PlaybackButton--variant-mini {
  width: 14px;
  height: 14px;
}
.PlaybackButton--variant-mini::before {
  -webkit-mask-size: 100% !important;
}
.PlaybackButton--variant-draft {
  width: 18px;
  height: 18px;
}
.PlaybackButton--variant-draft::before {
  -webkit-mask-size: 100% !important;
}
.PlaybackButton--pending {
  cursor: auto;
}
.PlaybackButton--pending::before {
  animation: rotate 1000ms linear infinite;
}
.PlaybackButton--context-incoming.PlaybackButton--variant-message {
  background: #ffffff;
}
.PlaybackButton.PlaybackButton--play::before {
  -webkit-mask: url("../images/icons/v3/play/play-fill.svg") no-repeat center;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .PlaybackButton.PlaybackButton--play::before {
    background-color: WindowText;
  }
}
.PlaybackButton.PlaybackButton--pause::before {
  -webkit-mask: url("../images/icons/v3/pause/pause-fill.svg") no-repeat center;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .PlaybackButton.PlaybackButton--pause::before {
    background-color: WindowText;
  }
}
.PlaybackButton.PlaybackButton--download::before {
  -webkit-mask: url("../images/icons/v3/arrow/arrow-down.svg") no-repeat center;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .PlaybackButton.PlaybackButton--download::before {
    background-color: WindowText;
  }
}
.PlaybackButton.PlaybackButton--pending::before {
  -webkit-mask: url("../images/icons/v2/audio-spinner-arc-22.svg") no-repeat center;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .PlaybackButton.PlaybackButton--pending::before {
    background-color: WindowText;
  }
}
.dark-theme .PlaybackButton--context-incoming.PlaybackButton--variant-message {
  background: #5e5e5e;
}
.dark-theme .PlaybackButton.PlaybackButton--play::before {
  -webkit-mask: url("../images/icons/v3/play/play-fill.svg") no-repeat center;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .PlaybackButton.PlaybackButton--play::before {
    background-color: WindowText;
  }
}
.dark-theme .PlaybackButton.PlaybackButton--pause::before {
  -webkit-mask: url("../images/icons/v3/pause/pause-fill.svg") no-repeat center;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .PlaybackButton.PlaybackButton--pause::before {
    background-color: WindowText;
  }
}
.dark-theme .PlaybackButton.PlaybackButton--download::before {
  -webkit-mask: url("../images/icons/v3/arrow/arrow-down.svg") no-repeat center;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .PlaybackButton.PlaybackButton--download::before {
    background-color: WindowText;
  }
}
.dark-theme .PlaybackButton.PlaybackButton--pending::before {
  -webkit-mask: url("../images/icons/v2/audio-spinner-arc-22.svg") no-repeat center;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .PlaybackButton.PlaybackButton--pending::before {
    background-color: WindowText;
  }
}
.PlaybackButton--context-outgoing.PlaybackButton--variant-message {
  background: rgba(255, 255, 255, 0.2);
}
.PlaybackButton--context-outgoing.PlaybackButton--play::before {
  -webkit-mask: url("../images/icons/v3/play/play-fill.svg") no-repeat center;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .PlaybackButton--context-outgoing.PlaybackButton--play::before {
    background-color: WindowText;
  }
}
.PlaybackButton--context-outgoing.PlaybackButton--pause::before {
  -webkit-mask: url("../images/icons/v3/pause/pause-fill.svg") no-repeat center;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .PlaybackButton--context-outgoing.PlaybackButton--pause::before {
    background-color: WindowText;
  }
}
.PlaybackButton--context-outgoing.PlaybackButton--download::before {
  -webkit-mask: url("../images/icons/v3/arrow/arrow-down.svg") no-repeat center;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .PlaybackButton--context-outgoing.PlaybackButton--download::before {
    background-color: WindowText;
  }
}
.PlaybackButton--context-outgoing.PlaybackButton--pending::before {
  -webkit-mask: url("../images/icons/v2/audio-spinner-arc-22.svg") no-repeat center;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .PlaybackButton--context-outgoing.PlaybackButton--pending::before {
    background-color: WindowText;
  }
}

.PlaybackRateButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  width: 38px;
  height: 18px;
  text-align: center;
  font-weight: 700;
  border-radius: 4px;
  font-size: 11px;
  padding-block: 1px;
  padding-inline: 2px;
  margin-block: -2px;
  margin-inline: 0;
  line-height: 16px;
  letter-spacing: 0.05px;
  user-select: none;
}
@media (forced-colors: active) {
  .PlaybackRateButton {
    border: 1px solid WindowText;
  }
}
.PlaybackRateButton--message-incoming {
  color: #5e5e5e;
  background: rgba(0, 0, 0, 0.08);
}
.dark-theme .PlaybackRateButton--message-incoming {
  color: #b9b9b9;
  background: rgba(255, 255, 255, 0.08);
}
.PlaybackRateButton--message-outgoing {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.2);
}
.PlaybackRateButton--mini-player {
  color: #5e5e5e;
  background: rgba(0, 0, 0, 0.08);
}
.dark-theme .PlaybackRateButton--mini-player {
  color: #b9b9b9;
  background: rgba(255, 255, 255, 0.08);
}
.PlaybackRateButton::after {
  content: "×";
}

.Preferences {
  display: flex;
  overflow: hidden;
  user-select: none;
  background: #ffffff;
}
.dark-theme .Preferences {
  background: #121212;
}
.Preferences__page-selector {
  padding-top: calc(24px + var(--title-bar-drag-area-height));
  min-width: min(34%, 240px);
  background: #f6f6f6;
}
.dark-theme .Preferences__page-selector {
  background: #2e2e2e;
}
.Preferences__padding {
  padding-block: 0;
  padding-inline: 24px;
}
.Preferences legend {
  font-weight: 600;
}
.Preferences__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  align-items: center;
  display: flex;
  height: 48px;
  width: 100%;
  padding-block: 14px;
  padding-inline: 0;
}
@media (forced-colors: active) {
  .Preferences__button {
    border: 1px solid WindowText;
  }
}
.Preferences__button--selected {
  background: #dedede;
}
.dark-theme .Preferences__button--selected {
  background: #4a4a4a;
}
.keyboard-mode .Preferences__button:focus {
  background: #e9e9e9;
}
.dark-theme.keyboard-mode .Preferences__button:focus {
  background: #3b3b3b;
}
.Preferences__button::before {
  content: "";
  display: block;
  height: 22px;
  margin-inline: 18px 14px;
  width: 22px;
}
.Preferences__button--general::before {
  -webkit-mask: url("../images/icons/v3/settings/settings.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .Preferences__button--general::before {
    background-color: WindowText;
  }
}
.dark-theme .Preferences__button--general::before {
  -webkit-mask: url("../images/icons/v3/settings/settings.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .Preferences__button--general::before {
    background-color: WindowText;
  }
}
.Preferences__button--appearance::before {
  -webkit-mask: url("../images/icons/v3/appearance/appearance.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .Preferences__button--appearance::before {
    background-color: WindowText;
  }
}
.dark-theme .Preferences__button--appearance::before {
  -webkit-mask: url("../images/icons/v3/appearance/appearance.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .Preferences__button--appearance::before {
    background-color: WindowText;
  }
}
.Preferences__button--chats::before {
  -webkit-mask: url("../images/icons/v3/chat/chat.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .Preferences__button--chats::before {
    background-color: WindowText;
  }
}
.dark-theme .Preferences__button--chats::before {
  -webkit-mask: url("../images/icons/v3/chat/chat.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .Preferences__button--chats::before {
    background-color: WindowText;
  }
}
.Preferences__button--calls::before {
  -webkit-mask: url("../images/icons/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .Preferences__button--calls::before {
    background-color: WindowText;
  }
}
.dark-theme .Preferences__button--calls::before {
  -webkit-mask: url("../images/icons/v3/phone/phone.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .Preferences__button--calls::before {
    background-color: WindowText;
  }
}
.Preferences__button--notifications::before {
  -webkit-mask: url("../images/icons/v3/bell/bell.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .Preferences__button--notifications::before {
    background-color: WindowText;
  }
}
.dark-theme .Preferences__button--notifications::before {
  -webkit-mask: url("../images/icons/v3/bell/bell.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .Preferences__button--notifications::before {
    background-color: WindowText;
  }
}
.Preferences__button--privacy::before {
  -webkit-mask: url("../images/icons/v3/lock/lock.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .Preferences__button--privacy::before {
    background-color: WindowText;
  }
}
.dark-theme .Preferences__button--privacy::before {
  -webkit-mask: url("../images/icons/v3/lock/lock.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .Preferences__button--privacy::before {
    background-color: WindowText;
  }
}
.Preferences__settings-pane {
  height: 100vh;
  overflow: overlay;
  width: 100%;
}
.Preferences__settings-pane::-webkit-scrollbar-corner {
  background: transparent;
}
.Preferences__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  align-items: center;
  display: flex;
  height: 48px;
  margin-top: var(--title-bar-drag-area-height);
  margin-bottom: 24px;
  text-align: center;
  border-bottom: 1px solid #dedede;
  border-color: #dedede;
}
.dark-theme .Preferences__title {
  border-color: #4a4a4a;
}
.Preferences__title--header {
  flex-grow: 1;
  text-align: center;
}
.Preferences__settings-row {
  border: none;
  padding: 0;
  padding-bottom: 20px;
}
.Preferences__settings-row h3 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 8px;
}
.Preferences__settings-row--pnp-sharing {
  min-height: 185px;
}
.Preferences__settings-row:not(:last-child) {
  border-bottom: 1px solid #dedede;
  border-color: #dedede;
  margin-bottom: 24px;
}
.dark-theme .Preferences__settings-row:not(:last-child) {
  border-color: #4a4a4a;
}
.Preferences__pnp {
  padding-inline: 0;
  width: 100%;
}
.Preferences__pnp h3 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 400;
  margin: 0;
}
.Preferences__control {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 48px;
  padding-block: 4px;
  padding-inline: 24px;
}
.Preferences__control--icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-inline-end: 12px;
}
.Preferences__control--key {
  flex-grow: 1;
  padding-inline-end: 20px;
}
.Preferences__control--value {
  color: #848484;
  flex-shrink: 0;
}
.Preferences__control--clickable {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  padding-block: 4px;
  padding-inline: 24px;
  width: 100%;
}
@media (forced-colors: active) {
  .Preferences__control--clickable {
    border: 1px solid WindowText;
  }
}
.Preferences__control--clickable:hover {
  background: #f6f6f6;
}
.dark-theme .Preferences__control--clickable:hover {
  background: #2e2e2e;
}
.Preferences__checkbox {
  padding-block: 10px;
  padding-inline: 24px;
}
.Preferences__description {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #5e5e5e;
}
.dark-theme .Preferences__description {
  color: #b9b9b9;
}
.Preferences__description--error {
  color: #f44336 !important;
}
.Preferences__select {
  width: 100%;
}
.Preferences__select-title {
  display: block;
  margin-bottom: 8px;
}
.Preferences__right-button {
  display: flex;
  justify-content: flex-end;
  min-width: 120px;
}
.Preferences__back-icon {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: inline-block;
  height: 20px;
  margin-inline-start: 12px;
  min-width: 20px;
  vertical-align: text-bottom;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .Preferences__back-icon {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .Preferences__back-icon {
    background-color: WindowText;
  }
}
:dir(rtl) .Preferences__back-icon {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.dark-theme .Preferences__back-icon {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .Preferences__back-icon {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .Preferences__back-icon {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.Preferences__stories-off {
  min-width: 140px;
}
.Preferences__settings-radio__label {
  display: flex;
  flex-direction: row;
  gap: 16px;
  height: 40px;
  align-items: center;
}
.Preferences__settings-radio__label:last-child {
  margin-bottom: 8px;
}
.Preferences__settings-radio__label--readonly {
  opacity: 0.4;
}

.Preferences__LanguageIcon {
  -webkit-mask: url("../images/icons/v3/globe/globe.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .Preferences__LanguageIcon {
    background-color: WindowText;
  }
}
.dark-theme .Preferences__LanguageIcon {
  -webkit-mask: url("../images/icons/v3/globe/globe.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .Preferences__LanguageIcon {
    background-color: WindowText;
  }
}

.Preferences__LanguageButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  /* Japanese */
  /* Farsi (Persian) */
  /* Urdu */
}
@media (forced-colors: active) {
  .Preferences__LanguageButton {
    border: 1px solid WindowText;
  }
}
.Preferences__LanguageButton:lang(ja) {
  font-family: Inter, "SF Pro", "SF Pro JP", "BIZ UDGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ,
    Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.Preferences__LanguageButton:lang(fa) {
  font-family:
    "Vazirmatn",
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Tahoma,
    "Noto Sans Arabic",
    Helvetica,
    Arial,
    sans-serif;
}
.Preferences__LanguageButton:lang(ur) {
  font-family: "Noto Nastaliq Urdu", Gulzar, "Jameel Noori Nastaleeq", "Faiz Lahori Nastaleeq", "Urdu Typesetting",
    Helvetica, Arial, sans-serif;
}

.Preferences__LanguageModal {
  height: 560px;
}
.Preferences__LanguageModal .module-Modal__body {
  flex-grow: 1;
}

.Preferences__LanguageModal__Title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-inline: 8px;
}

.Preferences__LanguageModal__NoResults {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin: 16px;
  text-align: center;
}

.Preferences__LanguageModal__Item {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  width: 100%;
  padding-block: 2px;
  padding-inline: 8px;
}
@media (forced-colors: active) {
  .Preferences__LanguageModal__Item {
    border: 1px solid WindowText;
  }
}
.Preferences__LanguageModal__Item:hover .Preferences__LanguageModal__Item__Inner {
  background-color: rgba(0, 0, 0, 0.06);
}
.dark-theme .Preferences__LanguageModal__Item:hover .Preferences__LanguageModal__Item__Inner {
  background-color: rgba(255, 255, 255, 0.06);
}
.Preferences__LanguageModal__Item:focus {
  outline: none;
}
.keyboard-mode .Preferences__LanguageModal__Item:focus .Preferences__LanguageModal__Item__Inner {
  background-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 0 2px #2c6bed;
}
.dark-theme.keyboard-mode .Preferences__LanguageModal__Item:focus .Preferences__LanguageModal__Item__Inner {
  background-color: rgba(255, 255, 255, 0.06);
}

.Preferences__LanguageModal__Item__Inner {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding-block: 5px;
  padding-inline: 16px;
  border-radius: 8px;
}

.Preferences__LanguageModal__Item__Label {
  flex-grow: 1;
}

.Preferences__LanguageModal__Item__Current {
  display: block;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
}

.Preferences__LanguageModal__Item__Check {
  display: flex;
  height: 20px;
  width: 20px;
  align-items: center;
  justify-content: center;
  background: #2c6bed;
  border-radius: 9999px;
}
.Preferences__LanguageModal__Item__Check::after {
  -webkit-mask: url("../images/icons/v3/check/check.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  content: "";
  height: 14px;
  width: 14px;
}
@media (forced-colors: active) {
  .Preferences__LanguageModal__Item__Check::after {
    background-color: WindowText;
  }
}

.Preferences__LanguageModal__Item__Matching {
  display: block;
  /* Japanese */
  /* Farsi (Persian) */
  /* Urdu */
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #5e5e5e;
}
.Preferences__LanguageModal__Item__Matching:lang(ja) {
  font-family: Inter, "SF Pro", "SF Pro JP", "BIZ UDGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ,
    Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.Preferences__LanguageModal__Item__Matching:lang(fa) {
  font-family:
    "Vazirmatn",
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Tahoma,
    "Noto Sans Arabic",
    Helvetica,
    Arial,
    sans-serif;
}
.Preferences__LanguageModal__Item__Matching:lang(ur) {
  font-family: "Noto Nastaliq Urdu", Gulzar, "Jameel Noori Nastaleeq", "Faiz Lahori Nastaleeq", "Urdu Typesetting",
    Helvetica, Arial, sans-serif;
}
.dark-theme .Preferences__LanguageModal__Item__Matching {
  color: #b9b9b9;
}

.ProfileEditor__icon--container {
  align-items: center;
  display: flex;
  font-size: 24px;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.ProfileEditor__icon::after {
  -webkit-mask-size: 100%;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background-color: #3b3b3b;
}
.dark-theme .ProfileEditor__icon::after {
  background-color: #dedede;
}
.ProfileEditor__icon--name::after {
  -webkit-mask: url("../images/icons/v3/person/person.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ProfileEditor__icon--name::after {
    background-color: WindowText;
  }
}
.dark-theme .ProfileEditor__icon--name::after {
  -webkit-mask: url("../images/icons/v3/person/person.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ProfileEditor__icon--name::after {
    background-color: WindowText;
  }
}
.ProfileEditor__icon--username::after {
  -webkit-mask: url("../images/icons/v3/at/at.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ProfileEditor__icon--username::after {
    background-color: WindowText;
  }
}
.dark-theme .ProfileEditor__icon--username::after {
  -webkit-mask: url("../images/icons/v3/at/at.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ProfileEditor__icon--username::after {
    background-color: WindowText;
  }
}
.ProfileEditor__icon--username-link::after {
  -webkit-mask: url("../images/icons/v3/qr_code/qr_code.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ProfileEditor__icon--username-link::after {
    background-color: WindowText;
  }
}
.dark-theme .ProfileEditor__icon--username-link::after {
  -webkit-mask: url("../images/icons/v3/qr_code/qr_code.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ProfileEditor__icon--username-link::after {
    background-color: WindowText;
  }
}
.ProfileEditor__icon--bio::after {
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ProfileEditor__icon--bio::after {
    background-color: WindowText;
  }
}
.dark-theme .ProfileEditor__icon--bio::after {
  -webkit-mask: url("../images/icons/v3/edit/edit.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ProfileEditor__icon--bio::after {
    background-color: WindowText;
  }
}
.ProfileEditor__row {
  padding-inline: 8px;
  padding-block: 12px;
}
.ProfileEditor__divider {
  border-style: solid;
  border-bottom: none;
  border-color: #dedede;
}
.dark-theme .ProfileEditor__divider {
  border-color: #3b3b3b;
}
.ProfileEditor hr {
  margin-block: 24px 12px;
}
.ProfileEditor__info {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  margin-block: 12px;
  margin-inline: 8px;
  color: #5e5e5e;
}
.dark-theme .ProfileEditor__info {
  color: #b9b9b9;
}
.ProfileEditor__info a {
  font-weight: 600;
  text-decoration: none;
}
.ProfileEditor__username-menu__button {
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-down.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .ProfileEditor__username-menu__button {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-down.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ProfileEditor__username-menu__button {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .ProfileEditor__username-menu__button {
    background-color: WindowText;
  }
}
.ProfileEditor__username-menu__copy-icon {
  -webkit-mask: url("../images/icons/v3/copy/copy.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .ProfileEditor__username-menu__copy-icon {
  -webkit-mask: url("../images/icons/v3/copy/copy.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ProfileEditor__username-menu__copy-icon {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .ProfileEditor__username-menu__copy-icon {
    background-color: WindowText;
  }
}
.ProfileEditor__username-menu__copy-link-icon {
  -webkit-mask: url("../images/icons/v3/link/link.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .ProfileEditor__username-menu__copy-link-icon {
  -webkit-mask: url("../images/icons/v3/link/link.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ProfileEditor__username-menu__copy-link-icon {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .ProfileEditor__username-menu__copy-link-icon {
    background-color: WindowText;
  }
}
.ProfileEditor__username-menu__trash-icon {
  -webkit-mask: url("../images/icons/v3/trash/trash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .ProfileEditor__username-menu__trash-icon {
  -webkit-mask: url("../images/icons/v3/trash/trash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ProfileEditor__username-menu__trash-icon {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .ProfileEditor__username-menu__trash-icon {
    background-color: WindowText;
  }
}
.ProfileEditor__error-icon {
  -webkit-mask-size: 100%;
  display: block;
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .ProfileEditor__error-icon {
    background-color: WindowText;
  }
}
.dark-theme .ProfileEditor__error-icon {
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .dark-theme .ProfileEditor__error-icon {
    background-color: WindowText;
  }
}
.ProfileEditor__username-link__tooltip {
  padding: 0;
  background-color: unset;
  --container-padding: 12px;
  --direction-multiplier: 1;
}
.ProfileEditor__username-link__tooltip__container {
  display: flex;
  flex-direction: row;
  padding: var(--container-padding);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
  border: 1px solid #c6c6c6;
  border-radius: inherit;
  background-color: #f6f6f6;
  transform-origin: 0 0;
}
.dark-theme .ProfileEditor__username-link__tooltip__container {
  background-color: #3b3b3b;
  border-color: #5e5e5e;
}
.ProfileEditor__username-link__tooltip:dir(rtl) {
  --direction-multiplier: -1;
}
.ProfileEditor__username-link__tooltip__arrow {
  position: absolute;
  transform: translateY(calc(-50% - var(--container-padding)))
    translateX(calc(var(--direction-multiplier) * (20px - var(--container-padding)))) rotate(45deg);
  width: 14px;
  height: 14px;
  clip-path: polygon(0 100%, 0 0, 100% 0);
  border: inherit;
  background: inherit;
}
.ProfileEditor__username-link__tooltip__icon {
  width: 20px;
  height: 20px;
  margin-block-start: 4px;
  margin-inline: 4px 12px;
  -webkit-mask: url("../images/icons/v3/share/share.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .ProfileEditor__username-link__tooltip__icon {
  -webkit-mask: url("../images/icons/v3/share/share.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .ProfileEditor__username-link__tooltip__icon {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .ProfileEditor__username-link__tooltip__icon {
    background-color: WindowText;
  }
}
.ProfileEditor__username-link__tooltip__content {
  text-align: start;
}
.ProfileEditor__username-link__tooltip__content h3 {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  margin: 0;
}
.ProfileEditor__username-link__tooltip__content p {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  max-width: 240px;
  margin: 0;
}
.ProfileEditor__username-link__tooltip__close {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .ProfileEditor__username-link__tooltip__close {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .ProfileEditor__username-link__tooltip__close:focus {
  box-shadow: 0px 0px 0px 3px #2c6bed;
}
.dark-theme.keyboard-mode .ProfileEditor__username-link__tooltip__close:focus {
  box-shadow: 0px 0px 0px 3px #6191f3;
}
@media (forced-colors: active) {
  .ProfileEditor__username-link__tooltip__close {
    background-color: WindowText;
  }
}
.dark-theme .ProfileEditor__username-link__tooltip__close {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .ProfileEditor__username-link__tooltip__close {
    background-color: WindowText;
  }
}

.ProfileEditor__Title {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -0.56px;
  text-align: center;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-block: 0 4px;
  margin-inline: 0;
  color: #1b1b1b;
}
.dark-theme .ProfileEditor__Title {
  color: #e9e9e9;
}

.ProfileEditor__PhoneNumber {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  text-align: center;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-block: 0 14px;
  margin-inline: 0;
  color: #000000;
}
.dark-theme .ProfileEditor__PhoneNumber {
  color: #ffffff;
}

.ProfileEditor__EditPhotoContainer {
  display: flex;
  justify-content: center;
  margin-block-end: 16px;
}

.ProfileEditor__EditPhoto {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  padding-block: 5px;
  padding-inline: 10px;
  border-radius: 14px;
  font-weight: 600;
}

.ProgressBar {
  position: relative;
  overflow: hidden;
  background: rgba(44, 107, 237, 0.2);
  height: 5px;
  border-radius: 2px;
}

.ProgressBar__fill {
  position: absolute;
  background-color: #2c6bed;
  border-radius: 2px;
  display: block;
  height: 100%;
  width: 100%;
  transition: transform 500ms ease-out;
}

.ProgressCircle {
  fill: none;
  transform: rotate(-90deg);
}
.ProgressCircle .ProgressCircle__fill,
.ProgressCircle .ProgressCircle__background {
  fill: none;
}
.ProgressCircle .ProgressCircle__background {
  stroke: #c6c6c6;
}
.dark-theme .ProgressCircle .ProgressCircle__background {
  stroke: #5e5e5e;
}
.ProgressCircle .ProgressCircle__fill {
  stroke: #2c6bed;
  stroke-linecap: round;
  transition: stroke-dashoffset 500ms ease-out;
}

.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: 8px 8px 4px 4px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}
.module-message .module-quote__container {
  margin-inline: -4px;
  margin-top: 0px;
  margin-bottom: 8px;
}
@media (forced-colors: active) {
  .module-quote {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .module-quote:focus {
  box-shadow: 0px 0px 0px 2px #2c6bed;
}
.module-quote__reaction-emoji {
  bottom: 5px;
  position: absolute;
  inset-inline-end: 25px;
  z-index: 1;
}
.module-quote__reaction-emoji img.emoji {
  height: 24px;
  width: 24px;
}
.module-quote__reaction-emoji--story-unavailable {
  align-items: flex-end;
  display: flex;
  margin-inline-start: 32px;
  padding-bottom: 7px;
}

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

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

.module-quote--outgoing {
  background-color: #71717f;
}
.module-quote--outgoing .module-quote__primary {
  border-inline-start-color: #71717f;
}
.keyboard-mode .module-quote--outgoing:focus {
  box-shadow: 0px 0px 0px 2px #ffffff;
}

.module-quote--incoming-blue {
  background-color: #a5c4e3;
}
.module-quote--incoming-blue .module-quote__primary {
  border-inline-start-color: #336ba3;
}
.dark-theme .module-quote--incoming-blue {
  background-color: #1f4062;
}

.module-quote--outgoing-blue {
  background-color: #a5c4e3;
}
.module-quote--outgoing-blue .module-quote__primary {
  border-inline-start-color: #ffffff;
}
.dark-theme .module-quote--outgoing-blue {
  background-color: #1f4062;
  border-inline-start-color: #ffffff;
}

.module-quote--compose-blue {
  background-color: #a5c4e3;
}
.module-quote--compose-blue .module-quote__primary {
  border-inline-start-color: #336ba3;
}
.dark-theme .module-quote--compose-blue {
  background-color: #1f4062;
}
.dark-theme .module-quote--compose-blue .module-quote__primary {
  border-inline-start-color: #ffffff;
}

.module-quote--incoming-burlap {
  background-color: #c8c5ba;
}
.module-quote--incoming-burlap .module-quote__primary {
  border-inline-start-color: #6f6a58;
}
.dark-theme .module-quote--incoming-burlap {
  background-color: #434035;
}

.module-quote--outgoing-burlap {
  background-color: #c8c5ba;
}
.module-quote--outgoing-burlap .module-quote__primary {
  border-inline-start-color: #ffffff;
}
.dark-theme .module-quote--outgoing-burlap {
  background-color: #434035;
  border-inline-start-color: #ffffff;
}

.module-quote--compose-burlap {
  background-color: #c8c5ba;
}
.module-quote--compose-burlap .module-quote__primary {
  border-inline-start-color: #6f6a58;
}
.dark-theme .module-quote--compose-burlap {
  background-color: #434035;
}
.dark-theme .module-quote--compose-burlap .module-quote__primary {
  border-inline-start-color: #ffffff;
}

.module-quote--incoming-crimson {
  background-color: #f499ad;
}
.module-quote--incoming-crimson .module-quote__primary {
  border-inline-start-color: #cf163e;
}
.dark-theme .module-quote--incoming-crimson {
  background-color: #7c0d25;
}

.module-quote--outgoing-crimson {
  background-color: #f499ad;
}
.module-quote--outgoing-crimson .module-quote__primary {
  border-inline-start-color: #ffffff;
}
.dark-theme .module-quote--outgoing-crimson {
  background-color: #7c0d25;
  border-inline-start-color: #ffffff;
}

.module-quote--compose-crimson {
  background-color: #f499ad;
}
.module-quote--compose-crimson .module-quote__primary {
  border-inline-start-color: #cf163e;
}
.dark-theme .module-quote--compose-crimson {
  background-color: #7c0d25;
}
.dark-theme .module-quote--compose-crimson .module-quote__primary {
  border-inline-start-color: #ffffff;
}

.module-quote--incoming-forest {
  background-color: #a6d3ae;
}
.module-quote--incoming-forest .module-quote__primary {
  border-inline-start-color: #3b7845;
}
.dark-theme .module-quote--incoming-forest {
  background-color: #234829;
}

.module-quote--outgoing-forest {
  background-color: #a6d3ae;
}
.module-quote--outgoing-forest .module-quote__primary {
  border-inline-start-color: #ffffff;
}
.dark-theme .module-quote--outgoing-forest {
  background-color: #234829;
  border-inline-start-color: #ffffff;
}

.module-quote--compose-forest {
  background-color: #a6d3ae;
}
.module-quote--compose-forest .module-quote__primary {
  border-inline-start-color: #3b7845;
}
.dark-theme .module-quote--compose-forest {
  background-color: #234829;
}
.dark-theme .module-quote--compose-forest .module-quote__primary {
  border-inline-start-color: #ffffff;
}

.module-quote--incoming-indigo {
  background-color: #bfbcea;
}
.module-quote--incoming-indigo .module-quote__primary {
  border-inline-start-color: #6058ca;
}
.dark-theme .module-quote--incoming-indigo {
  background-color: #302a84;
}

.module-quote--outgoing-indigo {
  background-color: #bfbcea;
}
.module-quote--outgoing-indigo .module-quote__primary {
  border-inline-start-color: #ffffff;
}
.dark-theme .module-quote--outgoing-indigo {
  background-color: #302a84;
  border-inline-start-color: #ffffff;
}

.module-quote--compose-indigo {
  background-color: #bfbcea;
}
.module-quote--compose-indigo .module-quote__primary {
  border-inline-start-color: #6058ca;
}
.dark-theme .module-quote--compose-indigo {
  background-color: #302a84;
}
.dark-theme .module-quote--compose-indigo .module-quote__primary {
  border-inline-start-color: #ffffff;
}

.module-quote--incoming-plum {
  background-color: #e3a9cb;
}
.module-quote--incoming-plum .module-quote__primary {
  border-inline-start-color: #aa377a;
}
.dark-theme .module-quote--incoming-plum {
  background-color: #662149;
}

.module-quote--outgoing-plum {
  background-color: #e3a9cb;
}
.module-quote--outgoing-plum .module-quote__primary {
  border-inline-start-color: #ffffff;
}
.dark-theme .module-quote--outgoing-plum {
  background-color: #662149;
  border-inline-start-color: #ffffff;
}

.module-quote--compose-plum {
  background-color: #e3a9cb;
}
.module-quote--compose-plum .module-quote__primary {
  border-inline-start-color: #aa377a;
}
.dark-theme .module-quote--compose-plum {
  background-color: #662149;
}
.dark-theme .module-quote--compose-plum .module-quote__primary {
  border-inline-start-color: #ffffff;
}

.module-quote--incoming-steel {
  background-color: #c6c6cc;
}
.module-quote--incoming-steel .module-quote__primary {
  border-inline-start-color: #71717f;
}
.dark-theme .module-quote--incoming-steel {
  background-color: #44444c;
}

.module-quote--outgoing-steel {
  background-color: #c6c6cc;
}
.module-quote--outgoing-steel .module-quote__primary {
  border-inline-start-color: #ffffff;
}
.dark-theme .module-quote--outgoing-steel {
  background-color: #44444c;
  border-inline-start-color: #ffffff;
}

.module-quote--compose-steel {
  background-color: #c6c6cc;
}
.module-quote--compose-steel .module-quote__primary {
  border-inline-start-color: #71717f;
}
.dark-theme .module-quote--compose-steel {
  background-color: #44444c;
}
.dark-theme .module-quote--compose-steel .module-quote__primary {
  border-inline-start-color: #ffffff;
}

.module-quote--incoming-taupe {
  background-color: #d3bfc3;
}
.module-quote--incoming-taupe .module-quote__primary {
  border-inline-start-color: #8f616a;
}
.dark-theme .module-quote--incoming-taupe {
  background-color: #563a40;
}

.module-quote--outgoing-taupe {
  background-color: #d3bfc3;
}
.module-quote--outgoing-taupe .module-quote__primary {
  border-inline-start-color: #ffffff;
}
.dark-theme .module-quote--outgoing-taupe {
  background-color: #563a40;
  border-inline-start-color: #ffffff;
}

.module-quote--compose-taupe {
  background-color: #d3bfc3;
}
.module-quote--compose-taupe .module-quote__primary {
  border-inline-start-color: #8f616a;
}
.dark-theme .module-quote--compose-taupe {
  background-color: #563a40;
}
.dark-theme .module-quote--compose-taupe .module-quote__primary {
  border-inline-start-color: #ffffff;
}

.module-quote--incoming-teal {
  background-color: #77e5f8;
}
.module-quote--incoming-teal .module-quote__primary {
  border-inline-start-color: #077d92;
}
.dark-theme .module-quote--incoming-teal {
  background-color: #044b58;
}

.module-quote--outgoing-teal {
  background-color: #77e5f8;
}
.module-quote--outgoing-teal .module-quote__primary {
  border-inline-start-color: #ffffff;
}
.dark-theme .module-quote--outgoing-teal {
  background-color: #044b58;
  border-inline-start-color: #ffffff;
}

.module-quote--compose-teal {
  background-color: #77e5f8;
}
.module-quote--compose-teal .module-quote__primary {
  border-inline-start-color: #077d92;
}
.dark-theme .module-quote--compose-teal {
  background-color: #044b58;
}
.dark-theme .module-quote--compose-teal .module-quote__primary {
  border-inline-start-color: #ffffff;
}

.module-quote--incoming-vermilion {
  background-color: #f9ab8c;
}
.module-quote--incoming-vermilion .module-quote__primary {
  border-inline-start-color: #c73f0a;
}
.dark-theme .module-quote--incoming-vermilion {
  background-color: #772606;
}

.module-quote--outgoing-vermilion {
  background-color: #f9ab8c;
}
.module-quote--outgoing-vermilion .module-quote__primary {
  border-inline-start-color: #ffffff;
}
.dark-theme .module-quote--outgoing-vermilion {
  background-color: #772606;
  border-inline-start-color: #ffffff;
}

.module-quote--compose-vermilion {
  background-color: #f9ab8c;
}
.module-quote--compose-vermilion .module-quote__primary {
  border-inline-start-color: #c73f0a;
}
.dark-theme .module-quote--compose-vermilion {
  background-color: #772606;
}
.dark-theme .module-quote--compose-vermilion .module-quote__primary {
  border-inline-start-color: #ffffff;
}

.module-quote--incoming-violet {
  background-color: #d7acea;
}
.module-quote--incoming-violet .module-quote__primary {
  border-inline-start-color: #9932c8;
}
.dark-theme .module-quote--incoming-violet {
  background-color: #5c1e78;
}

.module-quote--outgoing-violet {
  background-color: #d7acea;
}
.module-quote--outgoing-violet .module-quote__primary {
  border-inline-start-color: #ffffff;
}
.dark-theme .module-quote--outgoing-violet {
  background-color: #5c1e78;
  border-inline-start-color: #ffffff;
}

.module-quote--compose-violet {
  background-color: #d7acea;
}
.module-quote--compose-violet .module-quote__primary {
  border-inline-start-color: #9932c8;
}
.dark-theme .module-quote--compose-violet {
  background-color: #5c1e78;
}
.dark-theme .module-quote--compose-violet .module-quote__primary {
  border-inline-start-color: #ffffff;
}

.module-quote--incoming-wintergreen {
  background-color: #8de6c9;
}
.module-quote--incoming-wintergreen .module-quote__primary {
  border-inline-start-color: #1d8663;
}
.dark-theme .module-quote--incoming-wintergreen {
  background-color: #11503b;
}

.module-quote--outgoing-wintergreen {
  background-color: #8de6c9;
}
.module-quote--outgoing-wintergreen .module-quote__primary {
  border-inline-start-color: #ffffff;
}
.dark-theme .module-quote--outgoing-wintergreen {
  background-color: #11503b;
  border-inline-start-color: #ffffff;
}

.module-quote--compose-wintergreen {
  background-color: #8de6c9;
}
.module-quote--compose-wintergreen .module-quote__primary {
  border-inline-start-color: #1d8663;
}
.dark-theme .module-quote--compose-wintergreen {
  background-color: #11503b;
}
.dark-theme .module-quote--compose-wintergreen .module-quote__primary {
  border-inline-start-color: #ffffff;
}

.module-quote--compose-custom,
.module-quote--incoming-custom,
.module-quote--outgoing-custom {
  background-attachment: fixed;
}

.module-quote--compose-ultramarine .module-quote__primary,
.module-quote--compose-ultramarine.module-quote__reference-warning,
.module-quote--incoming-ultramarine .module-quote__primary,
.module-quote--incoming-ultramarine.module-quote__reference-warning {
  border-inline-start-color: #0552f0;
}

.module-quote--compose-ultramarine,
.module-quote--incoming-ultramarine,
.module-quote--outgoing-ultramarine {
  background-attachment: fixed;
  background-image: linear-gradient(180deg, #97b8fd, #abc4f8), linear-gradient(red, blue);
}
.dark-theme .module-quote--compose-ultramarine,
.dark-theme .module-quote--incoming-ultramarine,
.dark-theme .module-quote--outgoing-ultramarine {
  background-image: linear-gradient(180deg, #033190, #0d3c9b);
}

.module-quote--outgoing-ultramarine .module-quote__primary,
.module-quote--outgoing-ultramarine.module-quote__reference-warning {
  border-inline-start-color: #ffffff;
}

.module-quote--compose-basil .module-quote__primary,
.module-quote--compose-basil.module-quote__reference-warning,
.module-quote--incoming-basil .module-quote__primary,
.module-quote--incoming-basil.module-quote__reference-warning {
  border-inline-start-color: #2f9373;
}

.module-quote--compose-basil,
.module-quote--incoming-basil,
.module-quote--outgoing-basil {
  background-attachment: fixed;
  background-image: linear-gradient(180deg, #9fe0cc, #6df6b9), linear-gradient(red, blue);
}
.dark-theme .module-quote--compose-basil,
.dark-theme .module-quote--incoming-basil,
.dark-theme .module-quote--outgoing-basil {
  background-image: linear-gradient(180deg, #1c5845, #044528);
}

.module-quote--outgoing-basil .module-quote__primary,
.module-quote--outgoing-basil.module-quote__reference-warning {
  border-inline-start-color: #ffffff;
}

.module-quote--compose-ember .module-quote__primary,
.module-quote--compose-ember.module-quote__reference-warning,
.module-quote--incoming-ember .module-quote__primary,
.module-quote--incoming-ember.module-quote__reference-warning {
  border-inline-start-color: #e57c00;
}

.module-quote--compose-ember,
.module-quote--incoming-ember,
.module-quote--outgoing-ember {
  background-attachment: fixed;
  background-image: linear-gradient(168deg, #ffcb8f, #ff5959), linear-gradient(red, blue);
}
.dark-theme .module-quote--compose-ember,
.dark-theme .module-quote--incoming-ember,
.dark-theme .module-quote--outgoing-ember {
  background-image: linear-gradient(168deg, #894a00, #380000);
}

.module-quote--outgoing-ember .module-quote__primary,
.module-quote--outgoing-ember.module-quote__reference-warning {
  border-inline-start-color: #ffffff;
}

.module-quote--compose-fluorescent .module-quote__primary,
.module-quote--compose-fluorescent.module-quote__reference-warning,
.module-quote--incoming-fluorescent .module-quote__primary,
.module-quote--incoming-fluorescent.module-quote__reference-warning {
  border-inline-start-color: #ec13dd;
}

.module-quote--compose-fluorescent,
.module-quote--incoming-fluorescent,
.module-quote--outgoing-fluorescent {
  background-attachment: fixed;
  background-image: linear-gradient(192deg, #f7a1f1, #9ba8f1), linear-gradient(red, blue);
}
.dark-theme .module-quote--compose-fluorescent,
.dark-theme .module-quote--incoming-fluorescent,
.dark-theme .module-quote--outgoing-fluorescent {
  background-image: linear-gradient(192deg, #8e0b85, #102077);
}

.module-quote--outgoing-fluorescent .module-quote__primary,
.module-quote--outgoing-fluorescent.module-quote__reference-warning {
  border-inline-start-color: #ffffff;
}

.module-quote--compose-infrared .module-quote__primary,
.module-quote--compose-infrared.module-quote__reference-warning,
.module-quote--incoming-infrared .module-quote__primary,
.module-quote--incoming-infrared.module-quote__reference-warning {
  border-inline-start-color: #f65560;
}

.module-quote--compose-infrared,
.module-quote--incoming-infrared,
.module-quote--outgoing-infrared {
  background-attachment: fixed;
  background-image: linear-gradient(192deg, #fbbbbf, #b4abf8), linear-gradient(red, blue);
}
.dark-theme .module-quote--compose-infrared,
.dark-theme .module-quote--incoming-infrared,
.dark-theme .module-quote--outgoing-infrared {
  background-image: linear-gradient(192deg, #bd0a16, #1f0d9b);
}

.module-quote--outgoing-infrared .module-quote__primary,
.module-quote--outgoing-infrared.module-quote__reference-warning {
  border-inline-start-color: #ffffff;
}

.module-quote--compose-lagoon .module-quote__primary,
.module-quote--compose-lagoon.module-quote__reference-warning,
.module-quote--incoming-lagoon .module-quote__primary,
.module-quote--incoming-lagoon.module-quote__reference-warning {
  border-inline-start-color: #004066;
}

.module-quote--compose-lagoon,
.module-quote--incoming-lagoon,
.module-quote--outgoing-lagoon {
  background-attachment: fixed;
  background-image: linear-gradient(180deg, #5cc2ff, #a0dcd5), linear-gradient(red, blue);
}
.dark-theme .module-quote--compose-lagoon,
.dark-theme .module-quote--incoming-lagoon,
.dark-theme .module-quote--outgoing-lagoon {
  background-image: linear-gradient(180deg, #00263d, #1e504b);
}

.module-quote--outgoing-lagoon .module-quote__primary,
.module-quote--outgoing-lagoon.module-quote__reference-warning {
  border-inline-start-color: #ffffff;
}

.module-quote--compose-midnight .module-quote__primary,
.module-quote--compose-midnight.module-quote__reference-warning,
.module-quote--incoming-midnight .module-quote__primary,
.module-quote--incoming-midnight.module-quote__reference-warning {
  border-inline-start-color: #2c2c3a;
}

.module-quote--compose-midnight,
.module-quote--incoming-midnight,
.module-quote--outgoing-midnight {
  background-attachment: fixed;
  background-image: linear-gradient(180deg, #a2a2b9, #c9c9d3), linear-gradient(red, blue);
}
.dark-theme .module-quote--compose-midnight,
.dark-theme .module-quote--incoming-midnight,
.dark-theme .module-quote--outgoing-midnight {
  background-image: linear-gradient(180deg, #1a1a23, #474758);
}

.module-quote--outgoing-midnight .module-quote__primary,
.module-quote--outgoing-midnight.module-quote__reference-warning {
  border-inline-start-color: #ffffff;
}

.module-quote--compose-sea .module-quote__primary,
.module-quote--compose-sea.module-quote__reference-warning,
.module-quote--incoming-sea .module-quote__primary,
.module-quote--incoming-sea.module-quote__reference-warning {
  border-inline-start-color: #498fd4;
}

.module-quote--compose-sea,
.module-quote--incoming-sea,
.module-quote--outgoing-sea {
  background-attachment: fixed;
  background-image: linear-gradient(180deg, #b6d2ee, #9fc2e5), linear-gradient(red, blue);
}
.dark-theme .module-quote--compose-sea,
.dark-theme .module-quote--incoming-sea,
.dark-theme .module-quote--outgoing-sea {
  background-image: linear-gradient(180deg, #21568a, #1a3d60);
}

.module-quote--outgoing-sea .module-quote__primary,
.module-quote--outgoing-sea.module-quote__reference-warning {
  border-inline-start-color: #ffffff;
}

.module-quote--compose-sublime .module-quote__primary,
.module-quote--compose-sublime.module-quote__reference-warning,
.module-quote--incoming-sublime .module-quote__primary,
.module-quote--incoming-sublime.module-quote__reference-warning {
  border-inline-start-color: #6281d5;
}

.module-quote--compose-sublime,
.module-quote--incoming-sublime,
.module-quote--outgoing-sublime {
  background-attachment: fixed;
  background-image: linear-gradient(180deg, #c0cdee, #dbafbe), linear-gradient(red, blue);
}
.dark-theme .module-quote--compose-sublime,
.dark-theme .module-quote--incoming-sublime,
.dark-theme .module-quote--outgoing-sublime {
  background-image: linear-gradient(180deg, #274493, #5b293a);
}

.module-quote--outgoing-sublime .module-quote__primary,
.module-quote--outgoing-sublime.module-quote__reference-warning {
  border-inline-start-color: #ffffff;
}

.module-quote--compose-tangerine .module-quote__primary,
.module-quote--compose-tangerine.module-quote__reference-warning,
.module-quote--incoming-tangerine .module-quote__primary,
.module-quote--incoming-tangerine.module-quote__reference-warning {
  border-inline-start-color: #db7133;
}

.module-quote--compose-tangerine,
.module-quote--incoming-tangerine,
.module-quote--outgoing-tangerine {
  background-attachment: fixed;
  background-image: linear-gradient(192deg, #f1c6ad, #f0849e), linear-gradient(red, blue);
}
.dark-theme .module-quote--compose-tangerine,
.dark-theme .module-quote--incoming-tangerine,
.dark-theme .module-quote--outgoing-tangerine {
  background-image: linear-gradient(192deg, #8a4218, #570b1d);
}

.module-quote--outgoing-tangerine .module-quote__primary,
.module-quote--outgoing-tangerine.module-quote__reference-warning {
  border-inline-start-color: #ffffff;
}

.module-quote__primary {
  flex-grow: 1;
  padding-inline: 8px;
  padding-top: 7px;
  padding-bottom: 7px;
  min-height: 54px;
  border-style: solid;
  border-width: 0 0 0 4px;
}

.module-quote__primary__author {
  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: #e9e9e9;
}

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

.module-quote__primary__text {
  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: #e9e9e9;
}
.dark-theme .module-quote__primary__text a {
  color: #e9e9e9;
}

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

.module-quote__primary__type-label {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-style: italic;
  color: #1b1b1b;
}
.dark-theme .module-quote__primary__type-label {
  color: #e9e9e9;
}

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

.module-quote__primary__filename-label {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
}

.module-quote__close-container {
  position: absolute;
  top: 4px;
  inset-inline-end: 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;
  top: 50%;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 50%;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translate(-50%, -50%);
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .module-quote__close-button {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .module-quote__close-button {
    background-color: WindowText;
  }
}

.module-quote__icon-container {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 0 0 54px;
  position: relative;
  width: 54px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.module-quote__icon-container__outgoing-gift-badge {
  border: 1px solid #ffffff;
}
.dark-theme .module-quote__icon-container__outgoing-gift-badge {
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.module-quote__icon-container__inner {
  position: absolute;
  top: 0;
  inset-inline: 0;
  bottom: 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/icons/v3/file/file.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .module-quote__icon-container__icon--file {
    background-color: WindowText;
  }
}

.module-quote__icon-container__icon--image {
  -webkit-mask: url("../images/icons/v3/photo/photo-square.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .module-quote__icon-container__icon--image {
    background-color: WindowText;
  }
}

.module-quote__icon-container__icon--microphone {
  -webkit-mask: url("../images/icons/v3/mic/mic.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .module-quote__icon-container__icon--microphone {
    background-color: WindowText;
  }
}

.module-quote__icon-container__icon--play {
  -webkit-mask: url("../images/icons/v3/play/play-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .module-quote__icon-container__icon--play {
    background-color: WindowText;
  }
}

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

.module-quote__icon-container__icon--view-once {
  -webkit-mask: url("../images/icons/v3/view_once/view_once.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .module-quote__icon-container__icon--view-once {
    background-color: WindowText;
  }
}

.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-inline: -4px -6px;
  margin-bottom: 5px;
}

.module-quote__generic-file__text {
  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: #e9e9e9;
}

.dark-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;
  border-inline-start-style: solid;
  border-left-width: 4px;
  padding-inline: 8px;
}

.module-quote__reference-warning__icon {
  height: 16px;
  width: 16px;
  -webkit-mask: url("../images/icons/v3/link/link-slash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-quote__reference-warning__icon {
    background-color: WindowText;
  }
}
.dark-theme .module-quote__reference-warning__icon {
  -webkit-mask: url("../images/icons/v3/link/link-slash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-quote__reference-warning__icon {
    background-color: WindowText;
  }
}

.module-quote__reference-warning__icon--incoming {
  -webkit-mask: url("../images/icons/v3/link/link-slash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-quote__reference-warning__icon--incoming {
    background-color: WindowText;
  }
}
.dark-theme .module-quote__reference-warning__icon--incoming {
  -webkit-mask: url("../images/icons/v3/link/link-slash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-quote__reference-warning__icon--incoming {
    background-color: WindowText;
  }
}

.module-quote__reference-warning__text {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  margin-inline-start: 6px;
  color: #1b1b1b;
}
.dark-theme .module-quote__reference-warning__text {
  color: #e9e9e9;
}

.dark-theme .module-quote__reference-warning__text--incoming {
  color: #e9e9e9;
}

.module-message .module-message__author + .module-quote__container {
  margin-top: 3px;
}
.module-message .module-message__author + .module-quote__container .module-quote {
  border-radius: 4px 4px 4px 4px;
}

.module-message--incoming.module-message--collapsed-above .module-quote {
  border-top-left-radius: 4px;
}

.module-message--outgoing.module-message--collapsed-above .module-quote {
  border-top-right-radius: 4px;
}

.module-ReactionPickerPicker {
  border-radius: 9999px;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  box-shadow:
    0 1px 4px rgba(0, 0, 0, 0.05),
    0 10px 16px rgba(0, 0, 0, 0.2);
  display: inline-flex;
  flex-direction: row;
  padding-block: 3px;
  padding-inline: 7px;
  position: relative;
  user-select: none;
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.05);
}
@media (prefers-reduced-motion: no-preference) {
  .module-ReactionPickerPicker {
    animation-name: module-ReactionPickerPicker__appear;
    animation-duration: 400ms;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-fill-mode: forwards;
  }
}
.dark-theme .module-ReactionPickerPicker {
  background: #3b3b3b;
  border-color: #2e2e2e;
}
.module-ReactionPickerPicker__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
@media (forced-colors: active) {
  .module-ReactionPickerPicker__button {
    border: 1px solid WindowText;
  }
}
.module-ReactionPickerPicker__button--emoji {
  height: 40px;
  width: 40px;
}
@media (prefers-reduced-motion: no-preference) {
  .module-ReactionPickerPicker__button--emoji {
    transition: background 200ms cubic-bezier(0.19, 1, 0.22, 1);
  }
}
.module-ReactionPickerPicker__button--emoji .module-emoji {
  transform: scale(0.5833333333);
}
@media (prefers-reduced-motion: no-preference) {
  .module-ReactionPickerPicker__button--emoji .module-emoji {
    transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
  }
}
.module-ReactionPickerPicker__button--more {
  height: 28px;
  margin: 6px;
  width: 28px;
  background: #f6f6f6;
}
@media (prefers-reduced-motion: no-preference) {
  .module-ReactionPickerPicker__button--more {
    transition: background 200ms cubic-bezier(0.19, 1, 0.22, 1);
  }
}
.module-ReactionPickerPicker__button--more:hover {
  background: #e9e9e9;
}
.keyboard-mode .module-ReactionPickerPicker__button--more:focus {
  background: #e9e9e9;
}
.dark-theme .module-ReactionPickerPicker__button--more {
  background: #5e5e5e;
}
.dark-theme .module-ReactionPickerPicker__button--more:hover {
  background: #848484;
}
.dark-theme.keyboard-mode .dark-theme .module-ReactionPickerPicker__button--more:focus {
  background: #848484;
}
.module-ReactionPickerPicker__button--more::before {
  width: 20px;
  height: 20px;
  display: block;
  content: "";
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .module-ReactionPickerPicker__button--more::before {
    background-color: WindowText;
  }
}
.dark-theme .module-ReactionPickerPicker__button--more::before {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-ReactionPickerPicker__button--more::before {
    background-color: WindowText;
  }
}
.module-ReactionPickerPicker--picker-style {
  z-index: 2;
}
@media (prefers-reduced-motion: no-preference) {
  .module-ReactionPickerPicker--picker-style .module-ReactionPickerPicker__button {
    opacity: 0;
    animation-name: module-ReactionPickerPicker__button-appear;
    animation-duration: 400ms;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-fill-mode: forwards;
    animation-delay: 70ms;
  }
}
.module-ReactionPickerPicker--picker-style .module-ReactionPickerPicker__button:nth-of-type(1) {
  animation-delay: 0ms;
}
.module-ReactionPickerPicker--picker-style .module-ReactionPickerPicker__button:nth-of-type(2) {
  animation-delay: 10ms;
}
.module-ReactionPickerPicker--picker-style .module-ReactionPickerPicker__button:nth-of-type(3) {
  animation-delay: 20ms;
}
.module-ReactionPickerPicker--picker-style .module-ReactionPickerPicker__button:nth-of-type(4) {
  animation-delay: 30ms;
}
.module-ReactionPickerPicker--picker-style .module-ReactionPickerPicker__button:nth-of-type(5) {
  animation-delay: 40ms;
}
.module-ReactionPickerPicker--picker-style .module-ReactionPickerPicker__button:nth-of-type(6) {
  animation-delay: 50ms;
}
.module-ReactionPickerPicker--picker-style .module-ReactionPickerPicker__button:nth-of-type(7) {
  animation-delay: 60ms;
}
.module-ReactionPickerPicker--picker-style .module-ReactionPickerPicker__button:nth-of-type(8) {
  animation-delay: 70ms;
}
.module-ReactionPickerPicker--picker-style .module-ReactionPickerPicker__button--emoji:hover .module-emoji {
  transform: scale(0.875) translateY(-16px);
}
.keyboard-mode
  .module-ReactionPickerPicker--picker-style
  .module-ReactionPickerPicker__button--emoji:focus
  .module-emoji {
  transform: scale(0.875) translateY(-16px);
}
.module-ReactionPickerPicker--picker-style .module-ReactionPickerPicker__button--selected {
  background: rgba(0, 0, 0, 0.2);
}
.dark-theme .module-ReactionPickerPicker--picker-style .module-ReactionPickerPicker__button--selected {
  background: rgba(255, 255, 255, 0.2);
}
.keyboard-mode .module-ReactionPickerPicker--menu-style .module-ReactionPickerPicker__button:focus {
  background: rgba(0, 0, 0, 0.2);
}
.dark-theme.keyboard-mode .module-ReactionPickerPicker--menu-style .module-ReactionPickerPicker__button:focus {
  background: rgba(255, 255, 255, 0.4);
}
.module-ReactionPickerPicker--menu-style .module-ReactionPickerPicker__button--selected {
  opacity: 1;
}
.module-ReactionPickerPicker--menu-style .module-ReactionPickerPicker__button--selected .module-emoji {
  transform: scale(0.875);
}
@media (prefers-reduced-motion: no-preference) {
  .module-ReactionPickerPicker--menu-style .module-ReactionPickerPicker__button--selected {
    animation: module-ReactionPickerPicker__button-selected 200ms ease-in-out infinite alternate;
  }
}
.module-ReactionPickerPicker--menu-style.module-ReactionPickerPicker--something-selected
  .module-ReactionPickerPicker__button:not(.module-ReactionPickerPicker__button--selected) {
  opacity: 0.4;
  transform: scale(0.9);
}

@keyframes module-ReactionPickerPicker__appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes module-ReactionPickerPicker__button-appear {
  from {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    transform: translate3d(0, 24px, 0);
    opacity: 0;
  }
  to {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes module-ReactionPickerPicker__button-selected {
  from {
    transform: rotate(-8deg);
  }
  to {
    transform: rotate(8deg);
  }
}
.RecordingComposer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: 10px;
  padding-inline: 18px;
}
.RecordingComposer__content {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  border-radius: 16px;
  height: 32px;
  padding-block: 6px;
  padding-inline: 12px;
  overflow: hidden;
  background: #e9e9e9;
}
.dark-theme .RecordingComposer__content {
  background: #3b3b3b;
}
.RecordingComposer__button {
  font-size: 13px;
  min-width: 76px;
  line-height: 18px;
  padding-block: 5px;
  padding-inline: 16px;
}

.module-SafetyNumberChangeDialog__confirm-dialog__header {
  padding-bottom: 0px;
  margin-bottom: -5px;
}
.module-SafetyNumberChangeDialog__rtl-span {
  display: inline-block;
}
.module-SafetyNumberChangeDialog__shield-icon {
  margin-inline: auto;
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-SafetyNumberChangeDialog__shield-icon {
    background-color: WindowText;
  }
}
.dark-theme .module-SafetyNumberChangeDialog__shield-icon {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .module-SafetyNumberChangeDialog__shield-icon {
    background-color: WindowText;
  }
}
.module-SafetyNumberChangeDialog__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  text-align: center;
  margin-top: 8px;
  color: #1b1b1b;
}
.dark-theme .module-SafetyNumberChangeDialog__title {
  color: #ffffff;
}
.module-SafetyNumberChangeDialog__message {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 24px;
  padding-inline: 4px;
  color: #5e5e5e;
}
.dark-theme .module-SafetyNumberChangeDialog__message {
  color: #b9b9b9;
}
.module-SafetyNumberChangeDialog__message--narrow {
  padding-inline: 38px;
}
.module-SafetyNumberChangeDialog__contacts {
  list-style-type: none;
  padding: 0px;
  margin-block-end: 0px;
}
.module-SafetyNumberChangeDialog__row {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
}
.module-SafetyNumberChangeDialog__row__story-name {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  flex-grow: 1;
  margin-inline-end: auto;
}
.module-SafetyNumberChangeDialog__row--wrapper {
  flex-grow: 1;
  margin-inline-start: 12px;
}
.module-SafetyNumberChangeDialog__row--name {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
}
.dark-theme .module-SafetyNumberChangeDialog__row--name {
  color: #ffffff;
}
.module-SafetyNumberChangeDialog__row--subtitle {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #5e5e5e;
}
.dark-theme .module-SafetyNumberChangeDialog__row--subtitle {
  color: #b9b9b9;
}
.module-SafetyNumberChangeDialog__row__view {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  color: #1b1b1b;
  background-color: #e9e9e9;
  color: #2c6bed;
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.17, 0.17, 0, 1);
  border-radius: 4px;
  padding-block: 8px;
  padding-inline: 14px;
}
@media (forced-colors: active) {
  .module-SafetyNumberChangeDialog__row__view {
    border: 1px solid WindowText;
  }
}
.dark-theme .module-SafetyNumberChangeDialog__row__view {
  color: #e9e9e9;
  background-color: #4a4a4a;
}
.mouse-mode .module-SafetyNumberChangeDialog__row__view:hover {
  background-color: #c6c6c6;
}
.dark-theme.mouse-mode .module-SafetyNumberChangeDialog__row__view:hover {
  background-color: #656565;
}
.mouse-mode .module-SafetyNumberChangeDialog__row__view:active {
  background-color: #afafaf;
}
.dark-theme.mouse-mode .module-SafetyNumberChangeDialog__row__view:active {
  background-color: #777777;
}
.keyboard-mode .module-SafetyNumberChangeDialog__row__view:active {
  background-color: #afafaf;
}
.dark-theme.keyboard-mode .module-SafetyNumberChangeDialog__row__view:active {
  background-color: #777777;
}
.keyboard-mode .module-SafetyNumberChangeDialog__row__view:focus {
  box-shadow: 0px 0px 0px 3px #2c6bed;
}
.dark-theme.keyboard-mode .module-SafetyNumberChangeDialog__row__view:focus {
  box-shadow: 0px 0px 0px 3px #6191f3;
}
.dark-theme .module-SafetyNumberChangeDialog__row__view {
  color: #6191f3;
}
.mouse-mode .module-SafetyNumberChangeDialog__row:hover .module-SafetyNumberChangeDialog__row__view {
  opacity: 1;
}
.keyboard-mode .module-SafetyNumberChangeDialog__row:focus-within .module-SafetyNumberChangeDialog__row__view {
  opacity: 1;
}
.module-SafetyNumberChangeDialog__row__chevron__option {
  padding-block: 10px;
  padding-inline: 15px;
}
.ContextMenu__popper--single-item .module-SafetyNumberChangeDialog__row__chevron__option {
  padding-block: 10px;
  padding-inline: 15px;
}
.module-SafetyNumberChangeDialog__row__chevron__option--container {
  align-items: center;
}
.module-SafetyNumberChangeDialog__row__chevron__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;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 10px;
  height: 16px;
  width: 16px;
  justify-content: center;
  border-radius: 4px;
  border: 2px solid transparent;
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.17, 0.17, 0, 1);
}
@media (forced-colors: active) {
  .module-SafetyNumberChangeDialog__row__chevron__button {
    border: 1px solid WindowText;
  }
}
.mouse-mode .module-SafetyNumberChangeDialog__row:hover .module-SafetyNumberChangeDialog__row__chevron__button {
  opacity: 1;
}
.keyboard-mode
  .module-SafetyNumberChangeDialog__row:focus-within
  .module-SafetyNumberChangeDialog__row__chevron__button {
  opacity: 1;
}
.keyboard-mode .module-SafetyNumberChangeDialog__row__chevron__button:focus {
  border-color: #2c6bed;
}
.dark-theme.keyboard-mode .module-SafetyNumberChangeDialog__row__chevron__button:focus {
  border-color: #6191f3;
}
.module-SafetyNumberChangeDialog__row__chevron__button::before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  flex-shrink: 0;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-down.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-SafetyNumberChangeDialog__row__chevron__button::before {
    background-color: WindowText;
  }
}
.dark-theme .module-SafetyNumberChangeDialog__row__chevron__button::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-down.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-SafetyNumberChangeDialog__row__chevron__button::before {
    background-color: WindowText;
  }
}
.module-SafetyNumberChangeDialog__menu-icon--delete {
  -webkit-mask: url("../images/icons/v3/x/x-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-SafetyNumberChangeDialog__menu-icon--delete {
    background-color: WindowText;
  }
}
.dark-theme .module-SafetyNumberChangeDialog__menu-icon--delete {
  -webkit-mask: url("../images/icons/v3/x/x-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-SafetyNumberChangeDialog__menu-icon--delete {
    background-color: WindowText;
  }
}
.module-SafetyNumberChangeDialog__menu-icon--verify {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
}
@media (forced-colors: active) {
  .module-SafetyNumberChangeDialog__menu-icon--verify {
    background-color: WindowText;
  }
}
.dark-theme .module-SafetyNumberChangeDialog__menu-icon--verify {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-SafetyNumberChangeDialog__menu-icon--verify {
    background-color: WindowText;
  }
}

.module-SafetyNumberOnboarding {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.module-SafetyNumberOnboarding h2 {
  margin-block: 0 12px;
}
.module-SafetyNumberOnboarding p {
  margin-block: 0 25px;
  text-align: start;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #5e5e5e;
}
.dark-theme .module-SafetyNumberOnboarding p {
  color: #b9b9b9;
}
.module-SafetyNumberOnboarding svg {
  margin-block: 0 21px;
  border-radius: 12px;
  border: 1.5px solid rgba(0, 0, 0, 0.12);
  background: #ffffff;
}
.dark-theme .module-SafetyNumberOnboarding svg {
  border: 1.5px solid #5e5e5e;
}
.module-SafetyNumberOnboarding__help {
  margin-block: 0 24px;
}
.module-SafetyNumberOnboarding__help a {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  text-decoration: none;
}
.module-SafetyNumberOnboarding__close {
  width: 296px;
  margin-bottom: 16px;
}

.module-SafetyNumberViewer {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
  padding-top: 16px;
  padding-inline: 10px;
}
.module-SafetyNumberViewer a {
  text-decoration: none;
}
.module-SafetyNumberViewer__card-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.module-SafetyNumberViewer__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  max-width: 248px;
  padding: 24px;
  border-radius: 12px;
  background-color: #506ecd;
}
.module-SafetyNumberViewer__card__qr {
  width: 120px;
  height: 120px;
  padding: 10px;
  border-radius: 8px;
  background: #ffffff;
}
.module-SafetyNumberViewer__card__number {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  color: #ffffff;
  font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
  margin-block: 0 4px;
}
.keyboard-mode .module-SafetyNumberViewer__card__number:focus {
  box-shadow: 0 0 0 3px #2c6bed;
}
.module-SafetyNumberViewer__help {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #5e5e5e;
  margin-top: 4px;
}
.dark-theme .module-SafetyNumberViewer__help {
  color: #b9b9b9;
}
.module-SafetyNumberViewer__verification-status {
  margin-block: 30px 10px;
  margin-inline: 0;
  text-align: center;
}
.module-SafetyNumberViewer__button {
  margin-block: 0 16px;
}
.module-SafetyNumberViewer__buttons {
  text-align: end;
}
.module-SafetyNumberViewer__modal.module-Modal {
  max-width: 500px;
}

.SafetyTipsModal .module-Modal__headerTitle {
  align-items: start;
}
.SafetyTipsModal .module-Modal__title {
  padding-top: 20px;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -0.56px;
  text-align: center;
}
.SafetyTipsModal .module-Modal__body {
  padding-inline: 0;
}
.SafetyTipsModal .module-Modal__button-footer {
  padding-block: 24px;
  padding-inline: 32px;
}

.SafetyTipsModal__width-container {
  max-width: 420px;
  width: 95%;
}

.SafetyTipsModal__Description {
  margin: 0;
  padding-inline: 32px;
  padding-bottom: 24px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #5e5e5e;
}
.dark-theme .SafetyTipsModal__Description {
  color: #b9b9b9;
}

.SafetyTipsModal__Footer {
  display: flex;
  gap: 16px;
}

.SafetyTipsModal__Button {
  flex: 1;
}

.SafetyTipsModal__Button--Previous,
.SafetyTipsModal__Button--Previous:is(:disabled, [aria-disabled="true"]) {
  color: #2c6bed;
}
.SafetyTipsModal__Button--Previous,
.dark-theme .SafetyTipsModal__Button--Previous,
.SafetyTipsModal__Button--Previous:is(:disabled, [aria-disabled="true"]),
.dark-theme .SafetyTipsModal__Button--Previous:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
}
.dark-theme .SafetyTipsModal__Button--Previous,
.dark-theme .SafetyTipsModal__Button--Previous:is(:disabled, [aria-disabled="true"]) {
  color: #ffffff;
}
.SafetyTipsModal__Button--Previous:is(:disabled, [aria-disabled="true"]) {
  opacity: 0.5;
}
.SafetyTipsModal__Button--Previous:not(:disabled):not([aria-disabled="true"]):hover,
.SafetyTipsModal__Button--Previous:not(:disabled):not([aria-disabled="true"]):focus {
  background: #dedede;
}
.dark-theme .SafetyTipsModal__Button--Previous:not(:disabled):not([aria-disabled="true"]):hover,
.dark-theme .SafetyTipsModal__Button--Previous:not(:disabled):not([aria-disabled="true"]):focus {
  background: #4a4a4a;
}
.SafetyTipsModal__Button--Previous:not(:disabled):not([aria-disabled="true"]):active {
  background: #c6c6c6;
}
.dark-theme .SafetyTipsModal__Button--Previous:not(:disabled):not([aria-disabled="true"]):active {
  background: #5e5e5e;
}

.SafetyTipsModal__CardWrapper {
  display: flex;
  flex-direction: row;
  gap: 32px;
  overflow: hidden;
  scroll-snap-type: x mandatory;
  padding-inline: 32px;
}

.SafetyTipsModal__Card {
  width: 100%;
  flex-shrink: 0;
  scroll-snap-align: center;
  padding-block: 14px 32px;
  padding-inline: 12px;
  border-radius: 18px;
  text-align: center;
  background: #f6f6f6;
}
.dark-theme .SafetyTipsModal__Card {
  background: #3b3b3b;
}

.SafetyTipsModal__CardImage {
  width: 100%;
  height: auto;
  vertical-align: top;
  border-radius: 12px;
  background: white;
}
.dark-theme .SafetyTipsModal__CardImage {
  background: #4a4a4a;
}

.SafetyTipsModal__CardTitle {
  margin-block: 14px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  color: #1b1b1b;
}
.dark-theme .SafetyTipsModal__CardTitle {
  color: #e9e9e9;
}

.SafetyTipsModal__CardDescription {
  margin-block: 8px 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #545454;
}
.dark-theme .SafetyTipsModal__CardDescription {
  color: #c6c6c6;
}

.SafetyTipsModal__Dots {
  display: flex;
  justify-content: center;
  padding-block: 24px 20px;
}

.SafetyTipsModal__DotsButton {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  padding: 4px;
}
@media (forced-colors: active) {
  .SafetyTipsModal__DotsButton {
    border: 1px solid WindowText;
  }
}
.SafetyTipsModal__DotsButton::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  transition: background 100ms ease;
  background: rgba(0, 0, 0, 0.3);
}
.dark-theme .SafetyTipsModal__DotsButton::before {
  background: rgba(255, 255, 255, 0.3);
}
.SafetyTipsModal__DotsButton:not([aria-current]):hover::before,
.SafetyTipsModal__DotsButton:not([aria-current]):focus::before {
  background: rgba(0, 0, 0, 0.45);
}
.dark-theme .SafetyTipsModal__DotsButton:not([aria-current]):hover::before,
.dark-theme .SafetyTipsModal__DotsButton:not([aria-current]):focus::before {
  background: rgba(255, 255, 255, 0.45);
}
.SafetyTipsModal__DotsButton[aria-current]::before {
  background: #000000;
}
.dark-theme .SafetyTipsModal__DotsButton[aria-current]::before {
  background: #ffffff;
}
.keyboard-mode .SafetyTipsModal__DotsButton:focus::before {
  box-shadow:
    0 0 0 2px #ffffff,
    0 0 0 4px #2c6bed;
}
.dark-theme.keyboard-mode .SafetyTipsModal__DotsButton:focus::before {
  box-shadow:
    0 0 0 2px #2e2e2e,
    0 0 0 4px #2c6bed;
}

.SafetyTipsModal__DotsButtonLabel {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.ScrollDownButton {
  position: relative;
  height: 36px;
  width: 36px;
  display: flex;
  border-radius: 18px;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  box-shadow:
    0px 0px 2px rgba(0, 0, 0, 0.2),
    0px 2px 6px rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
}
.dark-theme .ScrollDownButton {
  background-color: #3b3b3b;
}
.ScrollDownButton__icon--unread-mentions {
  height: 17px;
  width: 17px;
  -webkit-mask: url("../images/icons/v3/at/at.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ScrollDownButton__icon--unread-mentions {
    background-color: WindowText;
  }
}
.dark-theme .ScrollDownButton__icon--unread-mentions {
  -webkit-mask: url("../images/icons/v3/at/at.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ScrollDownButton__icon--unread-mentions {
    background-color: WindowText;
  }
}
.ScrollDownButton__icon--unread-messages {
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-down.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
}
@media (forced-colors: active) {
  .ScrollDownButton__icon--unread-messages {
    background-color: WindowText;
  }
}
.dark-theme .ScrollDownButton__icon--unread-messages {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-down.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .ScrollDownButton__icon--unread-messages {
    background-color: WindowText;
  }
}
.ScrollDownButton__badge {
  position: absolute;
  top: -8px;
  height: 16px;
  min-width: 16px;
  border-radius: 8px;
  padding-block: 1px;
  padding-inline: 4px;
  background-color: #2c6bed;
  color: #ffffff;
  font-size: 10px;
  line-height: 14px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.24);
}

.module-SearchInput__container {
  position: relative;
  flex: 1 0 0;
  margin-inline: 16px;
  margin-bottom: 8px;
}
.module-SearchInput__icon {
  height: 16px;
  inset-inline-start: 8px;
  pointer-events: none;
  position: absolute;
  top: 6px;
  width: 16px;
  -webkit-mask: url("../images/icons/v3/search/search-compact-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .module-SearchInput__icon {
    background-color: WindowText;
  }
}
.dark-theme .module-SearchInput__icon {
  -webkit-mask: url("../images/icons/v3/search/search-compact-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-SearchInput__icon {
    background-color: WindowText;
  }
}
.module-SearchInput__input {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  border: solid 1px transparent;
  border-radius: 8px;
  height: 28px;
  padding-inline: 30px 5px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.06);
  color: #1b1b1b;
}
.module-SearchInput__input:placeholder {
  color: #848484;
}
.dark-theme .module-SearchInput__input {
  background-color: rgba(255, 255, 255, 0.12);
  color: #e9e9e9;
}
.dark-theme .module-SearchInput__input:placeholder {
  color: #b9b9b9;
}
.module-SearchInput__input:focus {
  outline: none;
}
.keyboard-mode .module-SearchInput__input:focus {
  border: solid 1px #2c6bed;
}
.module-SearchInput__input--with-text {
  padding-inline-end: 30px;
}
.module-SearchInput__cancel {
  height: 16px;
  position: absolute;
  inset-inline-end: 8px;
  top: 6px;
  width: 16px;
  -webkit-mask: url("../images/icons/v3/x/x-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-SearchInput__cancel {
    background-color: WindowText;
  }
}
.dark-theme .module-SearchInput__cancel {
  -webkit-mask: url("../images/icons/v3/x/x-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-SearchInput__cancel {
    background-color: WindowText;
  }
}
.module-SearchInput__description {
  margin-block-start: 12px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #5e5e5e;
}
.dark-theme .module-SearchInput__description {
  color: #e9e9e9;
}

.module-SearchResultsLoadingFakeHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px;
}
.module-SearchResultsLoadingFakeHeader::before {
  content: "";
  display: block;
  width: 25%;
  height: 12px;
  border-radius: 4px;
  animation: search-results-loading-pulsating-background-animation 2s infinite;
  background: #e9e9e9;
}
@media (prefers-reduced-motion) {
  .module-SearchResultsLoadingFakeHeader::before {
    animation: none;
  }
}
.dark-theme .module-SearchResultsLoadingFakeHeader::before {
  background: #4a4a4a;
}

.module-SearchResultsLoadingFakeRow {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 10px;
  padding-inline: 14px;
  margin-block: 2px;
  margin-inline: 0;
}
.module-SearchResultsLoadingFakeRow__avatar {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  animation: search-results-loading-pulsating-background-animation 2s infinite;
  background: #e9e9e9;
}
@media (prefers-reduced-motion) {
  .module-SearchResultsLoadingFakeRow__avatar {
    animation: none;
  }
}
.dark-theme .module-SearchResultsLoadingFakeRow__avatar {
  background: #4a4a4a;
}
.module-SearchResultsLoadingFakeRow__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  margin-inline-start: 12px;
}
.module-SearchResultsLoadingFakeRow__content__line:nth-child(1) {
  width: 30%;
  height: 12px;
  border-radius: 4px;
  animation: search-results-loading-pulsating-background-animation 2s infinite;
  background: #e9e9e9;
  margin-bottom: 8px;
}
@media (prefers-reduced-motion) {
  .module-SearchResultsLoadingFakeRow__content__line:nth-child(1) {
    animation: none;
  }
}
.dark-theme .module-SearchResultsLoadingFakeRow__content__line:nth-child(1) {
  background: #4a4a4a;
}
.module-SearchResultsLoadingFakeRow__content__line:nth-child(2) {
  width: 90%;
  height: 12px;
  border-radius: 4px;
  animation: search-results-loading-pulsating-background-animation 2s infinite;
  background: #e9e9e9;
  margin-bottom: 8px;
}
@media (prefers-reduced-motion) {
  .module-SearchResultsLoadingFakeRow__content__line:nth-child(2) {
    animation: none;
  }
}
.dark-theme .module-SearchResultsLoadingFakeRow__content__line:nth-child(2) {
  background: #4a4a4a;
}
.module-SearchResultsLoadingFakeRow__content__line:nth-child(3) {
  width: 60%;
  height: 12px;
  border-radius: 4px;
  animation: search-results-loading-pulsating-background-animation 2s infinite;
  background: #e9e9e9;
}
@media (prefers-reduced-motion) {
  .module-SearchResultsLoadingFakeRow__content__line:nth-child(3) {
    animation: none;
  }
}
.dark-theme .module-SearchResultsLoadingFakeRow__content__line:nth-child(3) {
  background: #4a4a4a;
}

.module-select {
  position: relative;
}
.module-select select {
  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-inline: 12px 32px;
  text-overflow: ellipsis;
  width: 100%;
}
.dark-theme .module-select select {
  background-color: #1b1b1b;
  border-color: #5e5e5e;
  color: #e9e9e9;
}
.keyboard-mode .module-select select:focus {
  border: 3px solid #2c6bed;
  line-height: 14px;
  padding-inline-start: 10px;
}
.module-select::after {
  content: " ";
  display: block;
  height: 16px;
  pointer-events: none;
  position: absolute;
  inset-inline-end: 8px;
  top: 11px;
  width: 16px;
  -webkit-mask: url("../images/icons/v3/dropdown/dropdown-compact-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-select::after {
    background-color: WindowText;
  }
}
.dark-theme .module-select::after {
  -webkit-mask: url("../images/icons/v3/dropdown/dropdown-compact-light.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .module-select::after {
    background-color: WindowText;
  }
}

.SelectModeActions {
  display: flex;
  align-items: center;
  width: 100%;
  padding-inline: 4px;
}

.SelectModeActions__selectedMessages {
  flex: 1;
  padding-block: 17px;
  padding-inline: 10px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #5e5e5e;
}
.dark-theme .SelectModeActions__selectedMessages {
  color: #b9b9b9;
}

.SelectModeActions__button {
  appearance: none;
  padding: 12px;
  border: none;
  background: transparent;
}

.SelectModeActions__icon {
  display: block;
  width: 20px;
  height: 20px;
  color: #3b3b3b;
}
.dark-theme .SelectModeActions__icon {
  color: #dedede;
}
.SelectModeActions__button--disabled .SelectModeActions__icon {
  color: #b9b9b9;
}
.dark-theme .SelectModeActions__button--disabled .SelectModeActions__icon {
  color: #5e5e5e;
}

.SelectModeActions__icon--exitSelectMode {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: currentColor;
}
@media (forced-colors: active) {
  .SelectModeActions__icon--exitSelectMode {
    background-color: WindowText;
  }
}

.SelectModeActions__icon--forwardSelectedMessages {
  -webkit-mask: url("../images/icons/v3/forward/forward.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: currentColor;
}
@media (forced-colors: active) {
  .SelectModeActions__icon--forwardSelectedMessages {
    background-color: WindowText;
  }
}

.SelectModeActions__icon--deleteSelectedMessages {
  -webkit-mask: url("../images/icons/v3/trash/trash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: currentColor;
}
@media (forced-colors: active) {
  .SelectModeActions__icon--deleteSelectedMessages {
    background-color: WindowText;
  }
}

.module-Modal .SendStoryModal__body {
  padding-bottom: 0;
}
.SendStoryModal__rtl-span {
  display: inline-block;
}
.SendStoryModal .module-Modal__button-footer--one-button-per-line {
  flex-direction: row;
  align-items: center;
}
.SendStoryModal .module-SearchInput__container {
  margin-inline: 0;
}
.SendStoryModal__story-preview {
  height: 140px;
  width: 80px;
  border-radius: 12px;
  margin-block: 0 16px;
  margin-inline: auto;
  background-size: cover;
}
.SendStoryModal__item--contact-or-conversation {
  height: 52px;
  padding-block: 0;
  padding-inline: 6px;
}
.SendStoryModal__top-bar {
  align-items: center;
  display: flex;
  min-height: 40px;
  justify-content: space-between;
  user-select: none;
}
.SendStoryModal__top-bar-title {
  flex: 1;
}
.SendStoryModal__new-story__button {
  font-weight: 500;
  padding-block: 5px;
  padding-inline: 10px;
}
.SendStoryModal__new-story__button::before {
  -webkit-mask: url("../images/icons/v3/plus/plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  content: "";
  height: 16px;
  width: 16px;
  margin-inline-end: 8px;
  display: inline-block;
  vertical-align: text-bottom;
}
@media (forced-colors: active) {
  .SendStoryModal__new-story__button::before {
    background-color: WindowText;
  }
}
.SendStoryModal__new-story__option {
  padding: 10px;
}
.SendStoryModal__new-story__option--icon {
  margin-inline-end: 15px;
}
.SendStoryModal__new-story__option--container {
  align-items: center;
}
.SendStoryModal__new-story__option--description {
  color: #b9b9b9;
}
.SendStoryModal__icon--delete {
  -webkit-mask: url("../images/icons/v3/trash/trash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 14px;
  width: 14px;
}
@media (forced-colors: active) {
  .SendStoryModal__icon--delete {
    background-color: WindowText;
  }
}
.SendStoryModal__icon--custom {
  -webkit-mask: url("../images/icons/v3/stories/stories.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .SendStoryModal__icon--custom {
    background-color: WindowText;
  }
}
.SendStoryModal__icon--group {
  -webkit-mask: url("../images/icons/v3/group/group.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .SendStoryModal__icon--group {
    background-color: WindowText;
  }
}
.SendStoryModal__icon--settings {
  -webkit-mask: url("../images/icons/v3/settings/settings.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 14px;
  width: 14px;
}
@media (forced-colors: active) {
  .SendStoryModal__icon--settings {
    background-color: WindowText;
  }
}
.SendStoryModal__distribution-list-context__container {
  width: 100%;
}
.SendStoryModal__distribution-list-context__button {
  align-items: center;
  display: flex;
  width: 100%;
}
.SendStoryModal__distribution-list {
  height: 52px;
}
.SendStoryModal__distribution-list__container {
  justify-content: space-between;
  padding-block: 8px;
  padding-inline: 0;
  user-select: none;
}
.SendStoryModal__distribution-list__info {
  margin-inline-start: 8px;
}
.SendStoryModal__distribution-list__label {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  flex: 1;
}
.SendStoryModal__distribution-list__name {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  font-weight: 400;
}
.SendStoryModal__distribution-list__description {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-size: 12px;
  color: #b9b9b9;
}
.SendStoryModal__distribution-list__checkbox {
  margin-inline-end: 0;
  position: relative;
}
.SendStoryModal__distribution-list__checkbox input[type="checkbox"] {
  cursor: pointer;
  height: 0;
  position: absolute;
  width: 0;
}
.keyboard-mode .SendStoryModal__distribution-list__checkbox input[type="checkbox"]:focus {
  outline: none;
}
.keyboard-mode .SendStoryModal__distribution-list__checkbox input[type="checkbox"]:focus::before {
  border-color: #2c6bed;
}
.SendStoryModal__distribution-list__checkbox input[type="checkbox"]::before {
  border-radius: 9999px;
  background: inherit;
  border: 1.5px solid #5e5e5e;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  width: 20px;
}
.SendStoryModal__distribution-list__checkbox input[type="checkbox"]:checked::before {
  background: #2c6bed;
  border: 1.5px solid #2c6bed;
}
.SendStoryModal__distribution-list__checkbox input[type="checkbox"]:checked::after {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 11px;
  inset-inline-start: 7px;
  position: absolute;
  top: 3px;
  transform: rotate(45deg);
  width: 6px;
}
.SendStoryModal__selected-lists {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #dedede;
  padding-inline-end: 16px;
  user-select: none;
  flex: 1;
  display: flex;
  align-items: center;
  min-height: 32px;
}
.SendStoryModal__ok {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 9999px;
  align-items: center;
  background: #2c6bed;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
@media (forced-colors: active) {
  .SendStoryModal__ok {
    border: 1px solid WindowText;
  }
}
.SendStoryModal__ok::disabled {
  background: #5e5e5e;
}
.SendStoryModal__ok::after {
  -webkit-mask: url("../images/icons/v3/check/check.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  content: "";
  height: 18px;
  width: 18px;
}
@media (forced-colors: active) {
  .SendStoryModal__ok::after {
    background-color: WindowText;
  }
}
.SendStoryModal__send {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 9999px;
  align-items: center;
  background: #2c6bed;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
@media (forced-colors: active) {
  .SendStoryModal__send {
    border: 1px solid WindowText;
  }
}
.SendStoryModal__send::disabled {
  background: #5e5e5e;
}
.SendStoryModal__send::after {
  -webkit-mask: url("../images/icons/v3/send/send-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  content: "";
  height: 18px;
  width: 18px;
}
@media (forced-colors: active) {
  .SendStoryModal__send::after {
    background-color: WindowText;
  }
}
.SendStoryModal .SendStoryModal__story {
  border-radius: 12px;
  backdrop-filter: blur(90px);
}
.SendStoryModal .SendStoryModal__story__image {
  object-fit: contain;
}

.module-shortcut-guide {
  border-radius: 4px;
  padding: 16px;
  max-height: calc(100vh - 40px);
  max-width: 600px;
  margin-inline: 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;
}
@media (forced-colors: active) {
  .module-shortcut-guide {
    border: 1px solid WindowText;
  }
}
.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-weight: 600;
  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/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-shortcut-guide__header-close {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .module-shortcut-guide__header-close {
    background-color: WindowText;
  }
}
.dark-theme .module-shortcut-guide__header-close {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .module-shortcut-guide__header-close {
    background-color: WindowText;
  }
}
.keyboard-mode .module-shortcut-guide__header-close:focus {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .keyboard-mode .module-shortcut-guide__header-close:focus {
    background-color: WindowText;
  }
}
.dark-theme.keyboard-mode .module-shortcut-guide__header-close:focus {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #6191f3;
}
@media (forced-colors: active) {
  .dark-theme.keyboard-mode .module-shortcut-guide__header-close:focus {
    background-color: WindowText;
  }
}

.module-shortcut-guide__section-header {
  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;
}

.module-shortcut-guide__shortcut {
  display: flex;
  flex-direction: row;
  align-items: center;
  break-inside: avoid;
  padding-inline-start: 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: end;
  margin-top: 4px;
  margin-inline-end: 4px;
  white-space: nowrap;
}

.module-shortcut-guide__shortcut__key {
  display: inline-block;
  border-radius: 2px;
  padding: 3px;
  padding-inline: 8px;
  margin-inline-start: 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-inline: 0px;
}

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

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

.SignalConnectionsModal {
  padding-inline: 8px;
  padding-block-end: 20px;
}
.dark-theme .SignalConnectionsModal {
  color: #e9e9e9;
}
.SignalConnectionsModal__icon {
  -webkit-mask: url("../images/icons/v3/connections/connections-display.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
  display: block;
  height: 48px;
  margin-block: 0;
  margin-inline: auto;
  margin-bottom: 24px;
  width: 48px;
}
@media (forced-colors: active) {
  .SignalConnectionsModal__icon {
    background-color: WindowText;
  }
}
.dark-theme .SignalConnectionsModal__icon {
  -webkit-mask: url("../images/icons/v3/connections/connections-display.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .SignalConnectionsModal__icon {
    background-color: WindowText;
  }
}
.SignalConnectionsModal__list {
  margin-block: 20px;
  margin-inline: 0;
  padding-inline-start: 12px;
}
.SignalConnectionsModal__list li {
  display: flex;
  gap: 12px;
  align-items: center;
  list-style: none;
  margin-block: 16px;
  margin-inline: 0;
}
.SignalConnectionsModal__list li::before {
  display: block;
  content: "";
  width: 4px;
  height: 14px;
  border-radius: 6px;
  background-color: #c6c6c6;
}
.dark-theme .SignalConnectionsModal__list li::before {
  background-color: #b9b9b9;
}
.SignalConnectionsModal__button {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.SignalConnectionsModal__button button {
  min-width: 150px;
}

.Slider {
  background-color: #dedede;
  cursor: pointer;
  height: 8px;
  position: relative;
  width: 100%;
}
.Slider__handle {
  background-color: #1b1b1b;
  border-radius: 16px;
  border: 1px solid #ffffff;
  cursor: move;
  height: 16px;
  margin-inline-start: -4px;
  margin-top: -4px;
  position: absolute;
  width: 16px;
}

.SpinnerV2 {
  animation: SpinnerV2-rotate 2s linear infinite;
}

.SpinnerV2__Path {
  stroke: #dedede;
  stroke-linecap: round;
  animation: SpinnerV2-dash 1.5s ease-in-out infinite;
}

@keyframes SpinnerV2-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes SpinnerV2-dash {
  0% {
    stroke-dasharray: 2%, 300%;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 180%, 300%;
    stroke-dashoffset: -70%;
  }
  100% {
    stroke-dasharray: 180%, 300%;
    stroke-dashoffset: -248%;
  }
}
.module-staged-link-preview {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: 65px;
}
.module-staged-link-preview__no-image {
  align-items: center;
  background-color: #ffffff;
  border-radius: 14px;
  display: flex;
  flex-direction: row;
  height: 74px;
  justify-content: center;
  margin-inline-end: 32px;
  width: 74px;
}
.module-staged-link-preview__no-image::after {
  -webkit-mask: url("../images/icons/v3/link/link.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
  content: "";
  height: 44px;
  width: 44px;
}
@media (forced-colors: active) {
  .module-staged-link-preview__no-image::after {
    background-color: WindowText;
  }
}

.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-inline-end: 8px;
}

.module-staged-link-preview__icon-container-call-link {
  margin-inline-end: 8px;
  margin: 4px;
}

.module-staged-link-preview__content {
  display: flex;
  flex-direction: column;
  margin-inline-end: 20px;
}
.module-staged-link-preview__content--only-url {
  justify-content: center;
}

.module-staged-link-preview__title {
  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-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-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-inline: 0.2rem;
}

.module-staged-link-preview__location {
  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;
  inset-inline-end: 0px;
  height: 16px;
  width: 16px;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-staged-link-preview__close-button {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .module-staged-link-preview__close-button {
    background-color: WindowText;
  }
}
.keyboard-mode .module-staged-link-preview__close-button:focus {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .keyboard-mode .module-staged-link-preview__close-button:focus {
    background-color: WindowText;
  }
}
.dark-theme .module-staged-link-preview__close-button {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-staged-link-preview__close-button {
    background-color: WindowText;
  }
}
.dark-theme.keyboard-mode .module-staged-link-preview__close-button:focus {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #6191f3;
}
@media (forced-colors: active) {
  .dark-theme.keyboard-mode .module-staged-link-preview__close-button:focus {
    background-color: WindowText;
  }
}

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

.module-sticker-manager__text {
  height: 18px;
  letter-spacing: 0px;
  line-height: 18px;
  padding-inline-start: 8px;
  color: #5e5e5e;
}
.dark-theme .module-sticker-manager__text {
  color: #b9b9b9;
}
.module-sticker-manager__text--heading {
  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__preview-modal__footer--blessed-icon,
.module-sticker-manager__pack-row__meta__blessed-icon {
  height: 14px;
  width: 14px;
  border-radius: 8px;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  margin-inline-start: 5px;
  margin-bottom: 2px;
  position: relative;
}
.module-sticker-manager__preview-modal__footer--blessed-icon::before,
.module-sticker-manager__pack-row__meta__blessed-icon::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -1px;
  inset-inline-start: -1px;
  -webkit-mask: url("../images/icons/v3/check/check-circle-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .module-sticker-manager__preview-modal__footer--blessed-icon::before,
  .module-sticker-manager__pack-row__meta__blessed-icon::before {
    background-color: WindowText;
  }
}
.dark-theme .module-sticker-manager__preview-modal__footer--blessed-icon::before,
.dark-theme .module-sticker-manager__pack-row__meta__blessed-icon::before {
  -webkit-mask: url("../images/icons/v3/check/check-circle-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #2c6bed;
}
@media (forced-colors: active) {
  .dark-theme .module-sticker-manager__preview-modal__footer--blessed-icon::before,
  .dark-theme .module-sticker-manager__pack-row__meta__blessed-icon::before {
    background-color: WindowText;
  }
}

.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;
  padding-inline-start: 8px;
}
@media (forced-colors: active) {
  .module-sticker-manager__pack-row {
    border: 1px solid WindowText;
  }
}
.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-block: 0;
  padding-inline: 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/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .module-sticker-manager__pack-row__controls__button--menu::after {
    background-color: WindowText;
  }
}
.dark-theme .module-sticker-manager__pack-row__controls__button--menu::after {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .module-sticker-manager__pack-row__controls__button--menu::after {
    background-color: WindowText;
  }
}

.module-sticker-manager__install-button {
  background: none;
  border: 0;
  color: #1b1b1b;
  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-block: 0;
  padding-inline: 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__modal.module-Modal {
  width: fit-content;
}
.module-sticker-manager__preview-modal__error {
  color: #f44336;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  padding-block: 0 30px;
  padding-inline: 80px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
}
.module-sticker-manager__preview-modal__sticker-grid {
  width: 100%;
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(4, 1fr);
}
.module-sticker-manager__preview-modal__sticker-grid__cell {
  width: 96px;
  height: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.module-sticker-manager__preview-modal__sticker-grid__cell__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.module-sticker-manager__preview-modal__sticker-grid__cell--placeholder {
  border-radius: 4px;
  background: #e9e9e9;
}
.dark-theme .module-sticker-manager__preview-modal__sticker-grid__cell--placeholder {
  background: #5e5e5e;
}
.module-sticker-manager__preview-modal__footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.module-sticker-manager__preview-modal__footer--info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: center;
  overflow: hidden;
}
.module-sticker-manager__preview-modal__footer--title {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  color: #1b1b1b;
}
.dark-theme .module-sticker-manager__preview-modal__footer--title {
  color: #e9e9e9;
}
.module-sticker-manager__preview-modal__footer--author {
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #848484;
}
.dark-theme .module-sticker-manager__preview-modal__footer--author {
  color: #b9b9b9;
}
.module-sticker-manager__preview-modal__footer--install {
  flex-shrink: 0;
  overflow: hidden;
}

.Stories {
  display: flex;
  height: 100vh;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  user-select: none;
  width: 100%;
  z-index: 98;
  background: #ffffff;
}
.dark-theme .Stories {
  background: #121212;
}
.Stories__pane {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 380px;
  padding-top: calc(2px + var(--title-bar-drag-area-height));
  background: #f0f0f0;
  border-inline-end: 1px solid rgba(0, 0, 0, 0.16);
}
.dark-theme .Stories__pane {
  background: #2e2e2e;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.16);
}
.Stories__pane__add-story__container {
  padding: 4px;
  border-radius: 4px;
}
.Stories__pane__add-story__container:hover,
.Stories__pane__add-story__container:focus {
  background-color: rgba(0, 0, 0, 0.06);
}
.dark-theme .Stories__pane__add-story__container:hover,
.dark-theme .Stories__pane__add-story__container:focus {
  background-color: rgba(255, 255, 255, 0.06);
}
.Stories__pane__add-story__button {
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/plus/plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .Stories__pane__add-story__button {
    background-color: WindowText;
  }
}
.dark-theme .Stories__pane__add-story__button {
  -webkit-mask: url("../images/icons/v3/plus/plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .Stories__pane__add-story__button {
    background-color: WindowText;
  }
}
.keyboard-mode .Stories__pane__add-story__button:focus {
  background-color: #2c6bed;
}
.Stories__pane__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-block: 0;
  padding-inline: 16px;
  position: relative;
}
.Stories__pane__header--centered {
  justify-content: flex-start;
}
.Stories__pane__header--title {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.25px;
  flex: 1;
  color: #000000;
}
.dark-theme .Stories__pane__header--title {
  color: #e9e9e9;
}
.Stories__pane__header--centered .Stories__pane__header--title {
  text-align: center;
  width: 100%;
}
.Stories__pane__list {
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: overlay;
  padding-inline: 16px;
}
.Stories__pane__list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  visibility: hidden;
  width: 6px;
  background: rgba(0, 0, 0, 0.4);
}
.dark-theme .Stories__pane__list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.4);
}
.Stories__pane__list::-webkit-scrollbar {
  background: transparent;
}
.Stories__pane__list::-webkit-scrollbar-track {
  background: transparent;
}
.Stories__pane__list:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.Stories__pane__list::-webkit-scrollbar-thumb {
  background: #b9b9b9;
  border-color: #f0f0f0;
}
.dark-theme .Stories__pane__list::-webkit-scrollbar-thumb {
  background: #848484;
  border-color: #2e2e2e;
}
.Stories__pane__list--empty {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  align-items: center;
  color: #5e5e5e;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}
.dark-theme .Stories__pane__list--empty {
  color: #848484;
}
.Stories__placeholder {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  opacity: 0.7;
  padding-block: 78px 28px;
  color: #5e5e5e;
}
.dark-theme .Stories__placeholder {
  color: #b9b9b9;
}
.Stories__placeholder__icon {
  margin-bottom: 12px;
  width: 40px;
  height: 40px;
  -webkit-mask: url("../images/icons/v3/stories/stories-display-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .Stories__placeholder__icon {
    background-color: WindowText;
  }
}
.dark-theme .Stories__placeholder__icon {
  -webkit-mask: url("../images/icons/v3/stories/stories-display-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .Stories__placeholder__icon {
    background-color: WindowText;
  }
}
.Stories__placeholder__text {
  text-align: center;
}
.Stories__placeholder__text__action {
  vertical-align: text-top;
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask: url("../images/icons/v3/plus/plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
}
@media (forced-colors: active) {
  .Stories__placeholder__text__action {
    background-color: WindowText;
  }
}
.dark-theme .Stories__placeholder__text__action {
  -webkit-mask: url("../images/icons/v3/plus/plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .Stories__placeholder__text__action {
    background-color: WindowText;
  }
}
.Stories__hidden-stories {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-block: 12px;
  padding-inline: 24px;
  position: relative;
  width: 100%;
  color: #000000;
}
@media (forced-colors: active) {
  .Stories__hidden-stories {
    border: 1px solid WindowText;
  }
}
.dark-theme .Stories__hidden-stories {
  color: #e9e9e9;
}
.Stories__hidden-stories::after {
  content: "";
  height: 16px;
  width: 16px;
}
.Stories__hidden-stories--collapsed::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .Stories__hidden-stories--collapsed::after {
    background-color: WindowText;
  }
}
:dir(rtl) .Stories__hidden-stories--collapsed::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.dark-theme .Stories__hidden-stories--collapsed::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .Stories__hidden-stories--collapsed::after {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .Stories__hidden-stories--collapsed::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.Stories__hidden-stories--expanded::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-down.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .Stories__hidden-stories--expanded::after {
    background-color: WindowText;
  }
}
.dark-theme .Stories__hidden-stories--expanded::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-down.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #e9e9e9;
}
@media (forced-colors: active) {
  .dark-theme .Stories__hidden-stories--expanded::after {
    background-color: WindowText;
  }
}

.StoriesTab__MoreActionsIcon {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .StoriesTab__MoreActionsIcon {
    background-color: WindowText;
  }
}
.dark-theme .StoriesTab__MoreActionsIcon {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .StoriesTab__MoreActionsIcon {
    background-color: WindowText;
  }
}

.StoriesSettingsModal__width-container {
  max-width: 420px;
}
.StoriesSettingsModal__modal {
  width: 420px;
}
.StoriesSettingsModal__conversation-list .module-conversation-list {
  padding-inline: 0;
}
.StoriesSettingsModal__conversation-list .module-conversation-list__item--contact-or-conversation__checkbox--container {
  height: 20px;
  margin-inline-end: 8px;
  position: relative;
  width: 20px;
}
.StoriesSettingsModal__conversation-list input[type="checkbox"] {
  background: transparent;
  border: none;
  cursor: pointer;
  display: block;
  height: 0;
  margin: 0;
  min-width: 0;
  position: absolute;
  width: 0;
}
.keyboard-mode .StoriesSettingsModal__conversation-list input[type="checkbox"]:focus {
  outline: none;
}
.keyboard-mode .StoriesSettingsModal__conversation-list input[type="checkbox"]:focus::before {
  border-color: #2c6bed;
}
.StoriesSettingsModal__conversation-list input[type="checkbox"]::before {
  border-radius: 9999px;
  background: inherit;
  border: 1.5px solid;
  border-color: #b9b9b9;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  width: 20px;
}
.dark-theme .StoriesSettingsModal__conversation-list input[type="checkbox"]::before {
  border-color: #5e5e5e;
}
.StoriesSettingsModal__conversation-list input[type="checkbox"]:checked::before {
  -webkit-mask: none;
  background: #2c6bed;
  border: 1.5px solid #2c6bed;
}
.StoriesSettingsModal__list {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-block: 8px;
  padding-inline: 0;
}
@media (forced-colors: active) {
  .StoriesSettingsModal__list {
    border: 1px solid WindowText;
  }
}
.StoriesSettingsModal__list--no-pointer {
  cursor: inherit;
}
.StoriesSettingsModal__list__viewers {
  display: flex;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #5e5e5e;
}
.dark-theme .StoriesSettingsModal__list__viewers {
  color: #b9b9b9;
}
.StoriesSettingsModal__list__left {
  display: flex;
  align-items: center;
}
.StoriesSettingsModal__list__avatar--new {
  border-radius: 9999px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background: #dedede;
}
.dark-theme .StoriesSettingsModal__list__avatar--new {
  background: #3b3b3b;
}
.StoriesSettingsModal__list__avatar--new::after {
  content: "";
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/plus/plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .StoriesSettingsModal__list__avatar--new::after {
    background-color: WindowText;
  }
}
.dark-theme .StoriesSettingsModal__list__avatar--new::after {
  -webkit-mask: url("../images/icons/v3/plus/plus.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .StoriesSettingsModal__list__avatar--new::after {
    background-color: WindowText;
  }
}
.StoriesSettingsModal__list__avatar--custom {
  border-radius: 9999px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background: #dedede;
}
.dark-theme .StoriesSettingsModal__list__avatar--custom {
  background: #3b3b3b;
}
.StoriesSettingsModal__list__avatar--custom::after {
  content: "";
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/stories/stories.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .StoriesSettingsModal__list__avatar--custom::after {
    background-color: WindowText;
  }
}
.dark-theme .StoriesSettingsModal__list__avatar--custom::after {
  -webkit-mask: url("../images/icons/v3/stories/stories.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .StoriesSettingsModal__list__avatar--custom::after {
    background-color: WindowText;
  }
}
.StoriesSettingsModal__list__avatar--custom::after {
  height: 20px;
  width: 20px;
}
.StoriesSettingsModal__list__title {
  margin-inline-start: 12px;
}
.StoriesSettingsModal__list__delete {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  height: 20px;
  width: 20px;
  visibility: hidden;
  -webkit-mask: url("../images/icons/v3/trash/trash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
}
@media (forced-colors: active) {
  .StoriesSettingsModal__list__delete {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .StoriesSettingsModal__list__delete {
    background-color: WindowText;
  }
}
.dark-theme .StoriesSettingsModal__list__delete {
  -webkit-mask: url("../images/icons/v3/trash/trash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .dark-theme .StoriesSettingsModal__list__delete {
    background-color: WindowText;
  }
}
.StoriesSettingsModal__list:hover .StoriesSettingsModal__list__delete {
  visibility: visible;
}
.StoriesSettingsModal__divider {
  width: 100%;
  border: 0 solid;
  border-top-width: 1px;
  border-color: #dedede;
}
.dark-theme .StoriesSettingsModal__divider {
  border-color: #4a4a4a;
}
.StoriesSettingsModal__input__container {
  margin-top: 15px;
  margin-bottom: 0px;
}
.StoriesSettingsModal__visibility {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  margin-top: 10px;
  color: #5e5e5e;
}
.dark-theme .StoriesSettingsModal__visibility {
  color: #b9b9b9;
}
.StoriesSettingsModal__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-top: 32px;
}
.StoriesSettingsModal__description {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  margin-top: 0px;
  margin-bottom: 16px;
  color: #5e5e5e;
}
.dark-theme .StoriesSettingsModal__description {
  color: #b9b9b9;
}
.StoriesSettingsModal__listHeader {
  display: flex;
  align-items: center;
}
.StoriesSettingsModal__listHeader__title {
  flex: 1;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-inline-end: 8px;
}
.StoriesSettingsModal__delete-list {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  color: #f44336;
  display: flex;
  padding-block: 8px;
  padding-inline: 0;
  width: 100%;
}
@media (forced-colors: active) {
  .StoriesSettingsModal__delete-list {
    border: 1px solid WindowText;
  }
}
.StoriesSettingsModal__delete-list::before {
  -webkit-mask: url("../images/icons/v3/trash/trash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
  content: "";
  height: 20px;
  margin-inline-end: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .StoriesSettingsModal__delete-list::before {
    background-color: WindowText;
  }
}
.StoriesSettingsModal__checkbox {
  margin-block: 14px;
  margin-inline: 0;
}
.StoriesSettingsModal__checkbox-container {
  flex: 1;
  display: flex;
  align-items: center;
}
.StoriesSettingsModal__checkbox-label {
  flex: 1;
  margin-inline-end: 8px;
}
.StoriesSettingsModal__checkbox-description {
  color: #5e5e5e;
}
.dark-theme .StoriesSettingsModal__checkbox-description {
  color: #b9b9b9;
}
.StoriesSettingsModal__conversation-list {
  flex-grow: 1;
  min-height: 300px;
  overflow: hidden;
}
.StoriesSettingsModal__disclaimer {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #5e5e5e;
}
.dark-theme .StoriesSettingsModal__disclaimer {
  color: #b9b9b9;
}
.StoriesSettingsModal__disclaimer__learn-more {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  color: #1b1b1b;
}
@media (forced-colors: active) {
  .StoriesSettingsModal__disclaimer__learn-more {
    border: 1px solid WindowText;
  }
}
.dark-theme .StoriesSettingsModal__disclaimer__learn-more {
  color: #e9e9e9;
}
.StoriesSettingsModal__stories-off-container {
  display: flex;
  gap: 16px;
  align-items: center;
}
.StoriesSettingsModal__stories-off-text {
  flex: 1;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #5e5e5e;
}
.dark-theme .StoriesSettingsModal__stories-off-text {
  color: #b9b9b9;
}

.GroupStorySettingsModal__header {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-bottom: 12px;
}
.GroupStorySettingsModal__members_title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
}
.GroupStorySettingsModal__members_item {
  display: flex;
  gap: 12px;
  align-items: center;
}
.GroupStorySettingsModal__members_item__name {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
}
.GroupStorySettingsModal__members_help {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #5e5e5e;
}
.dark-theme .GroupStorySettingsModal__members_help {
  color: #b9b9b9;
}
.GroupStorySettingsModal__remove_group {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  color: #f44336;
  display: flex;
  padding-block: 8px;
  padding-inline: 0;
  width: 100%;
  margin-top: 12px;
}
@media (forced-colors: active) {
  .GroupStorySettingsModal__remove_group {
    border: 1px solid WindowText;
  }
}
.GroupStorySettingsModal__remove_group::before {
  -webkit-mask: url("../images/icons/v3/minus/minus-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
  content: "";
  height: 20px;
  margin-inline-end: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .GroupStorySettingsModal__remove_group::before {
    background-color: WindowText;
  }
}

.StoryCreator {
  background: #121212;
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  user-select: none;
  z-index: 99;
}
.StoryCreator__container {
  display: flex;
  flex: 1;
  justify-content: center;
  overflow: hidden;
  padding-bottom: 0;
  padding-block: 22px;
  padding-inline: 60px;
  position: relative;
}
.StoryCreator__input {
  background: transparent;
  border: none;
  color: transparent;
  position: absolute;
  text-align: center;
  top: 50%;
  user-select: none;
}
.StoryCreator__input:focus {
  outline: none;
}
.StoryCreator__controls {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 596px;
}
.StoryCreator__control {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  border-radius: 32px;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  margin-block: 0;
  margin-inline: 15px;
  opacity: 1;
  width: 32px;
}
@media (forced-colors: active) {
  .StoryCreator__control {
    border: 1px solid WindowText;
  }
}
.StoryCreator__control::after {
  content: " ";
  height: 24px;
  width: 24px;
}
.StoryCreator__control--link::after {
  -webkit-mask: url("../images/icons/v3/link/link.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryCreator__control--link::after {
    background-color: WindowText;
  }
}
.StoryCreator__control--text::after {
  -webkit-mask: url("../images/icons/v2/text-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryCreator__control--text::after {
    background-color: WindowText;
  }
}
.StoryCreator__control--bg {
  border-radius: 9999px;
  border: 1.5px solid #ffffff;
  display: block;
  height: 24px;
  padding: 2.5px;
  width: 24px;
}
.StoryCreator__control--bg::after {
  display: none;
}
.StoryCreator__control--bg--selected {
  border-width: 4px;
  padding: 0;
}
.StoryCreator__control--selected {
  background-color: #ffffff;
}
.StoryCreator__control--selected::after {
  background-color: #000000;
}
.StoryCreator__control:hover {
  background-color: #2e2e2e;
}
.StoryCreator__control:hover::after {
  background-color: #ffffff;
}
.StoryCreator__toolbar {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
  width: 100%;
}
.StoryCreator__toolbar--buttons {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.StoryCreator__toolbar--space {
  height: 44px;
  margin-bottom: 22px;
}
.StoryCreator__tools {
  align-items: center;
  background-color: #1b1b1b;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  height: 44px;
  justify-content: center;
  margin-bottom: 22px;
  padding-block: 14px;
  padding-inline: 12px;
}
.StoryCreator__tools__tool,
.StoryCreator__tools__tool__button {
  margin-inline-end: 14px;
}
.StoryCreator__tools__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  margin-block: 0;
  margin-inline: 8px;
  padding: 8px;
}
@media (forced-colors: active) {
  .StoryCreator__tools__button {
    border: 1px solid WindowText;
  }
}
.StoryCreator__tools__button--bg {
  -webkit-mask: url("../images/icons/v2/text-effect-on-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .StoryCreator__tools__button--bg {
    background-color: WindowText;
  }
}
.StoryCreator__tools__button--bg-inverse {
  -webkit-mask: url("../images/icons/v2/text-effect-on-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .StoryCreator__tools__button--bg-inverse {
    background-color: WindowText;
  }
}
.StoryCreator__tools__button--bg-none {
  -webkit-mask: url("../images/icons/v2/text-effect-off-24.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .StoryCreator__tools__button--bg-none {
    background-color: WindowText;
  }
}
.StoryCreator__tools__button--font-regular__button {
  -webkit-mask: url("../images/icons/v3/font/font-regular-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .StoryCreator__tools__button--font-regular__button {
    background-color: WindowText;
  }
}
.StoryCreator__tools__button--font-bold__button {
  -webkit-mask: url("../images/icons/v3/font/font-bold-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .StoryCreator__tools__button--font-bold__button {
    background-color: WindowText;
  }
}
.StoryCreator__tools__button--font-serif__button {
  -webkit-mask: url("../images/icons/v3/font/font-serif-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .StoryCreator__tools__button--font-serif__button {
    background-color: WindowText;
  }
}
.StoryCreator__tools__button--font-script__button {
  -webkit-mask: url("../images/icons/v3/font/font-script-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .StoryCreator__tools__button--font-script__button {
    background-color: WindowText;
  }
}
.StoryCreator__tools__button--font-condensed__button {
  -webkit-mask: url("../images/icons/v3/font/font-condensed-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 0;
}
@media (forced-colors: active) {
  .StoryCreator__tools__button--font-condensed__button {
    background-color: WindowText;
  }
}
.StoryCreator__icon--font-regular {
  -webkit-mask: url("../images/icons/v3/font/font-regular-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryCreator__icon--font-regular {
    background-color: WindowText;
  }
}
.StoryCreator__icon--font-bold {
  -webkit-mask: url("../images/icons/v3/font/font-bold-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryCreator__icon--font-bold {
    background-color: WindowText;
  }
}
.StoryCreator__icon--font-serif {
  -webkit-mask: url("../images/icons/v3/font/font-serif-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryCreator__icon--font-serif {
    background-color: WindowText;
  }
}
.StoryCreator__icon--font-script {
  -webkit-mask: url("../images/icons/v3/font/font-script-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryCreator__icon--font-script {
    background-color: WindowText;
  }
}
.StoryCreator__icon--font-condensed {
  -webkit-mask: url("../images/icons/v3/font/font-condensed-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryCreator__icon--font-condensed {
    background-color: WindowText;
  }
}
.StoryCreator__bg {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 9999px;
  border: 2px solid transparent;
  height: 24px;
  margin: 4px;
  width: 24px;
}
@media (forced-colors: active) {
  .StoryCreator__bg {
    border: 1px solid WindowText;
  }
}
.StoryCreator__bg--selected {
  border: 2px solid #ffffff;
}
.StoryCreator__popper {
  background: #2e2e2e;
  border-radius: 10px;
  margin-bottom: 18px;
  padding: 8px;
  width: 144px;
}
.StoryCreator__popper__arrow {
  border-inline-start: 14px solid transparent;
  border-inline-end: 14px solid transparent;
  border-top: 14px solid #2e2e2e;
  position: absolute;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 50%;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translateX(-50%);
  bottom: -14px;
  height: 0;
  width: 0;
}
.StoryCreator__link-preview-input-popper {
  display: flex;
  flex-direction: column;
  min-height: 256px;
  padding: 16px;
  width: 360px;
}
.StoryCreator__link-preview-input__container {
  margin-top: 0;
}
.StoryCreator__link-preview-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.StoryCreator__link-preview-wrapper {
  transform: scale(0.5);
}
.StoryCreator__link-preview-button {
  margin-top: 18px;
  margin-bottom: 8px;
}
.StoryCreator__link-preview {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 16px;
  display: flex;
  padding: 14px;
  width: 100%;
}
.StoryCreator__link-preview__image {
  border-radius: 8px;
  height: 76px;
  width: 76px;
}
.StoryCreator__link-preview__meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-inline-start: 14px;
}
.StoryCreator__link-preview__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  color: #ffffff;
  display: -webkit-box;
  overflow: hidden;
  user-select: none;
}
.StoryCreator__link-preview__location {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.6);
}
.StoryCreator__link-preview-empty {
  align-items: center;
  color: #848484;
  display: flex;
  flex-direction: column;
}
.StoryCreator__link-preview-empty__icon {
  -webkit-mask: url("../images/icons/v3/link/link.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #848484;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .StoryCreator__link-preview-empty__icon {
    background-color: WindowText;
  }
}
.StoryCreator__emoji-button,
.StoryCreator__emoji-button::after {
  height: 20px;
  width: 20px;
}

.StoryDetailsModal {
  min-width: 320px;
  overflow: hidden;
}
.StoryDetailsModal__overlay-container {
  align-items: flex-end;
  justify-content: flex-end;
}
.StoryDetailsModal__debugger__container {
  justify-content: flex-start;
}
.StoryDetailsModal__debugger__button {
  color: #b9b9b9;
  display: block;
  font-weight: 600;
  height: auto;
  width: auto;
}
.StoryDetailsModal__debugger__button__text {
  font-weight: normal;
}
.StoryDetailsModal__copy-icon {
  -webkit-mask: url("../images/icons/v3/copy/copy.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .StoryDetailsModal__copy-icon {
  -webkit-mask: url("../images/icons/v3/copy/copy.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .StoryDetailsModal__copy-icon {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .StoryDetailsModal__copy-icon {
    background-color: WindowText;
  }
}
.StoryDetailsModal__download-icon {
  -webkit-mask: url("../images/icons/v3/save/save.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
.dark-theme .StoryDetailsModal__download-icon {
  -webkit-mask: url("../images/icons/v3/save/save.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .StoryDetailsModal__download-icon {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .StoryDetailsModal__download-icon {
    background-color: WindowText;
  }
}
.StoryDetailsModal__contact-container {
  border-top: 1px solid #3b3b3b;
}
.StoryDetailsModal__contact-group__header {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  padding-block: 10px;
  padding-inline: 0;
  user-select: none;
}
.StoryDetailsModal__contact-group__header:first-child {
  margin-top: 0;
}
.StoryDetailsModal__contact {
  margin-bottom: 8px;
  padding-block: 8px;
  padding-inline: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.StoryDetailsModal__contact__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  flex-grow: 1;
  margin-inline-start: 10px;
}
.StoryDetailsModal__contact:last-child {
  margin-bottom: 0;
}
.StoryDetailsModal__status-timestamp {
  margin-inline-start: 6px;
}

.StoryImage {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}
.StoryImage--thumbnail {
  height: 72px;
  width: 46px;
}
.StoryImage__image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.StoryImage__overlay-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.StoryImage__error {
  -webkit-mask: url("../images/full-screen-flow/alert-outline.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
@media (forced-colors: active) {
  .StoryImage__error {
    background-color: WindowText;
  }
}
.StoryImage__spinner-bubble {
  align-items: center;
  background-color: #3b3b3b;
  border-radius: 32px;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
.dark-theme .StoryImage__spinner__circle {
  background-color: #ffffff;
}
.dark-theme .StoryImage__spinner__arc {
  background-color: #3b3b3b;
}

.StoryLinkPreview {
  align-items: center;
  background-color: #ffffff;
  border-radius: 36px;
  color: #1b1b1b;
  display: inline-flex;
  max-width: 560px;
  min-width: 560px;
  max-height: 840px;
  overflow: hidden;
}
.StoryLinkPreview__content {
  margin-inline: 24px;
  padding-block: 16px;
  padding-inline: 0;
}
.StoryLinkPreview__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.16px;
}
.StoryLinkPreview__description {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: -0.06px;
}
.StoryLinkPreview__location {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  color: #848484;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.12px;
}
.StoryLinkPreview__no-image {
  align-items: center;
  display: flex;
  height: 176px;
  justify-content: center;
  margin-inline: 52px;
}
.StoryLinkPreview__no-image::before {
  -webkit-mask: url("../images/icons/v3/link/link.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #1b1b1b;
  content: "";
  display: block;
  height: 48px;
  width: 48px;
}
@media (forced-colors: active) {
  .StoryLinkPreview__no-image::before {
    background-color: WindowText;
  }
}
.StoryLinkPreview__icon-container {
  overflow: hidden;
}
.StoryLinkPreview--tall {
  flex-direction: column;
}
.StoryLinkPreview--tiny {
  min-width: inherit;
}
.StoryLinkPreview--tiny .StoryLinkPreview__no-image {
  height: 100px;
  margin-inline: 24px 0;
  width: auto;
}

.StoryListItem__button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  border-radius: 10px;
  display: flex;
  height: 96px;
  min-height: 96px;
  padding-block: 0;
  padding-inline: 10px;
  width: 100%;
}
@media (forced-colors: active) {
  .StoryListItem__button {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .StoryListItem__button:focus {
  background: #dedede;
}
.dark-theme.keyboard-mode .StoryListItem__button:focus {
  background: #4a4a4a;
}
.StoryListItem__button:hover,
.StoryListItem__button--active {
  background: #dedede;
}
.dark-theme .StoryListItem__button:hover,
.dark-theme .StoryListItem__button--active {
  background: #4a4a4a;
}
.StoryListItem--active-opacity:active,
.StoryListItem--active-opacity__button:active {
  opacity: 0.3;
}
.StoryListItem__click-container {
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
}
.StoryListItem__click-container:focus {
  outline: none;
}
.keyboard-mode .StoryListItem__click-container:focus {
  outline: 1px solid #2c6bed;
}
.StoryListItem__info {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  margin-inline: 12px;
}
.StoryListItem__info--title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #000000;
}
.dark-theme .StoryListItem__info--title {
  color: #e9e9e9;
}
.StoryListItem__info--timestamp,
.StoryListItem__info--sending,
.StoryListItem__info--send_failed {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #5e5e5e;
}
.dark-theme .StoryListItem__info--timestamp,
.dark-theme .StoryListItem__info--sending,
.dark-theme .StoryListItem__info--send_failed {
  color: #b9b9b9;
}
.StoryListItem__info--send_failed {
  display: flex;
  align-items: center;
}
.StoryListItem__info--send_failed::before {
  content: "";
  display: flex;
  flex-shrink: 0;
  height: 12px;
  width: 12px;
  margin-inline-end: 8px;
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .StoryListItem__info--send_failed::before {
    background-color: WindowText;
  }
}
.StoryListItem__info--replies--others {
  -webkit-mask: url("../images/icons/v3/thread/thread-fill-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
  height: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .StoryListItem__info--replies--others {
    background-color: WindowText;
  }
}
.StoryListItem__info--replies--self {
  -webkit-mask: url("../images/icons/v3/reply/reply-fill-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
  height: 16px;
  width: 16px;
}
@media (forced-colors: active) {
  .StoryListItem__info--replies--self {
    background-color: WindowText;
  }
}
.StoryListItem__previews {
  height: 72px;
  position: relative;
  width: 46px;
}
.StoryListItem__previews--image {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  background-color: #5e5e5e;
  background-size: cover;
  border-radius: 8px;
  display: flex;
  height: 72px;
  justify-content: center;
  inset-inline-start: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 46px;
  z-index: 1;
}
@media (forced-colors: active) {
  .StoryListItem__previews--image {
    border: 1px solid WindowText;
  }
}
.StoryListItem__previews--multiple .StoryListItem__previews--image {
  border: 1px solid #2e2e2e;
}
.StoryListItem__previews--more {
  background: #99a8a0;
  border-radius: 6px;
  height: 62px;
  position: absolute;
  transform: rotate(-12deg);
  width: 40px;
}
.StoryListItem__icon--chat {
  -webkit-mask: url("../images/icons/v3/open/open-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .StoryListItem__icon--chat {
    background-color: WindowText;
  }
}
.dark-theme .StoryListItem__icon--chat {
  -webkit-mask: url("../images/icons/v3/open/open-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .StoryListItem__icon--chat {
    background-color: WindowText;
  }
}
.StoryListItem__icon--delete {
  -webkit-mask: url("../images/icons/v3/trash/trash-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .StoryListItem__icon--delete {
    background-color: WindowText;
  }
}
.dark-theme .StoryListItem__icon--delete {
  -webkit-mask: url("../images/icons/v3/trash/trash-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .StoryListItem__icon--delete {
    background-color: WindowText;
  }
}
.StoryListItem__icon--hide {
  -webkit-mask: url("../images/icons/v3/x/x-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .StoryListItem__icon--hide {
    background-color: WindowText;
  }
}
.dark-theme .StoryListItem__icon--hide {
  -webkit-mask: url("../images/icons/v3/x/x-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .StoryListItem__icon--hide {
    background-color: WindowText;
  }
}
.StoryListItem__icon--unhide {
  -webkit-mask: url("../images/icons/v3/check/check-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .StoryListItem__icon--unhide {
    background-color: WindowText;
  }
}
.dark-theme .StoryListItem__icon--unhide {
  -webkit-mask: url("../images/icons/v3/check/check-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .StoryListItem__icon--unhide {
    background-color: WindowText;
  }
}
.StoryListItem__icon--info {
  -webkit-mask: url("../images/icons/v3/info/info-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .StoryListItem__icon--info {
    background-color: WindowText;
  }
}
.dark-theme .StoryListItem__icon--info {
  -webkit-mask: url("../images/icons/v3/info/info-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .StoryListItem__icon--info {
    background-color: WindowText;
  }
}
.StoryListItem__chevron::after {
  content: "";
  display: inline-block;
  height: 16px;
  margin-inline-start: 2px;
  vertical-align: middle;
  width: 16px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right-compact-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .StoryListItem__chevron::after {
    background-color: WindowText;
  }
}
:dir(rtl) .StoryListItem__chevron::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left-compact-bold.svg") no-repeat center;
}
.dark-theme .StoryListItem__chevron::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right-compact-bold.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .StoryListItem__chevron::after {
    background-color: WindowText;
  }
}
:dir(rtl) .dark-theme .StoryListItem__chevron::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left-compact-bold.svg") no-repeat center;
}

.StoryProgressSegment {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 2px;
  height: 2px;
  margin-block: 12px 0;
  margin-inline: 1px;
  overflow: hidden;
  width: 100%;
}

.StoryProgressSegment__bar {
  background: #ffffff;
  border-radius: 2px;
  height: 100%;
}
.StoryProgressSegment__bar:dir(ltr) {
  transform: translateX(-100%);
}
.StoryProgressSegment__bar:dir(rtl) {
  transform: translateX(100%);
}

.StoryReplyQuote__primary {
  min-height: 52px;
}
.StoryReplyQuote__icon-container {
  flex: 0 0 40px;
  height: 64px;
  width: 40px;
}

.StoryViewer__overlay {
  background-size: contain;
  height: 100%;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}
.StoryViewer__content {
  align-items: center;
  backdrop-filter: blur(90px);
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}
.StoryViewer__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  position: absolute;
  inset-inline-end: 12px;
  top: 12px;
  height: 24px;
  width: 24px;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #3b3b3b;
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
  width: 20px;
  height: 20px;
  top: var(--title-bar-drag-area-height);
  inset-inline-end: 28px;
  z-index: 3;
}
@media (forced-colors: active) {
  .StoryViewer__close-button {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .StoryViewer__close-button {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .StoryViewer__close-button {
    background-color: WindowText;
  }
}
.dark-theme .StoryViewer__close-button {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .dark-theme .StoryViewer__close-button {
    background-color: WindowText;
  }
}
.keyboard-mode .StoryViewer__close-button:focus {
  background-color: #2c6bed;
}
.dark-theme.keyboard-mode .StoryViewer__close-button:focus {
  background-color: #6191f3;
}
@media (forced-colors: active) {
  .StoryViewer__close-button {
    background-color: WindowText;
  }
}
.StoryViewer__container {
  flex-grow: 1;
  overflow: hidden;
  outline: none;
}
.StoryViewer__story {
  max-height: 100%;
  outline: none;
  width: auto;
}
.StoryViewer__story__image {
  object-fit: contain;
}
.StoryViewer__meta {
  position: absolute;
  /* stylelint-disable-next-line liberty/use-logical-spec */
  left: 50%;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  transform: translateX(-50%);
  bottom: 0;
  min-width: 284px;
  padding-block: 0;
  padding-inline: 16px;
  width: clamp(0vh, 56.25vh, 100vw);
  z-index: 3;
}
.StoryViewer__meta__list {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  align-items: center;
  display: flex;
  color: rgba(255, 255, 255, 0.8);
}
.StoryViewer__meta__list::before {
  -webkit-mask: url("../images/icons/v3/stories/stories-fill-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  content: "";
  display: block;
  height: 14px;
  margin-inline-end: 6px;
  width: 14px;
}
@media (forced-colors: active) {
  .StoryViewer__meta__list::before {
    background-color: WindowText;
  }
}
.StoryViewer__meta--group-avatar {
  margin-inline-start: -8px;
}
.StoryViewer__meta--title-container {
  padding-inline-start: 8px;
}
.StoryViewer__meta--title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  color: #ffffff;
  display: inline;
  margin-inline-end: 8px;
}
.StoryViewer__meta--timestamp {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: rgba(255, 255, 255, 0.6);
}
.StoryViewer__meta__playback-bar {
  display: flex;
  justify-content: space-between;
  user-select: none;
}
.StoryViewer__meta__playback-bar__container {
  align-items: center;
  display: flex;
}
.StoryViewer__meta__playback-controls {
  align-items: center;
  display: flex;
}
.StoryViewer__caption {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #ffffff;
  padding-block: 4px;
  padding-inline: 0;
  margin-bottom: 24px;
  text-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.8);
}
.StoryViewer__caption__overlay {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media (forced-colors: active) {
  .StoryViewer__caption__overlay {
    border: 1px solid WindowText;
  }
}
.StoryViewer__actions {
  display: flex;
  justify-content: center;
  min-height: 60px;
}
.StoryViewer__actions__failed {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  align-items: center;
  color: #ffffff;
  display: flex;
}
@media (forced-colors: active) {
  .StoryViewer__actions__failed {
    border: 1px solid WindowText;
  }
}
.StoryViewer__actions__failed::before {
  content: "";
  display: block;
  height: 18px;
  margin-inline-end: 12px;
  width: 18px;
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f44336;
}
@media (forced-colors: active) {
  .StoryViewer__actions__failed::before {
    background-color: WindowText;
  }
}
.StoryViewer__reply {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  color: #e9e9e9;
}
@media (forced-colors: active) {
  .StoryViewer__reply {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .StoryViewer__reply:focus {
  color: #2c6bed;
}
.StoryViewer__reply__arrow {
  display: flex;
  align-items: center;
}
.StoryViewer__reply__arrow::before {
  content: "";
  height: 20px;
  margin-inline-end: 12px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/reply/reply.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryViewer__reply__arrow::before {
    background-color: WindowText;
  }
}
.StoryViewer__reply__chevron {
  display: flex;
  align-items: center;
}
.StoryViewer__reply__chevron::after {
  content: "";
  display: inline-block;
  height: 16px;
  margin-inline-start: 4px;
  vertical-align: middle;
  width: 16px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryViewer__reply__chevron::after {
    background-color: WindowText;
  }
}
:dir(rtl) .StoryViewer__reply__chevron::after {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.StoryViewer__more__button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  width: 24px;
}
.StoryViewer__more__button::after {
  -webkit-mask: url("../images/icons/v3/more/more.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  content: "";
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .StoryViewer__more__button::after {
    background-color: WindowText;
  }
}
.keyboard-mode .StoryViewer__more__button::after:focus {
  background-color: #000000;
}
.StoryViewer__mute {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  height: 20px;
  margin-block: 0;
  margin-inline: 24px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/speaker/speaker.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryViewer__mute {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .StoryViewer__mute {
    background-color: WindowText;
  }
}
.keyboard-mode .StoryViewer__mute:focus {
  background-color: rgba(255, 255, 255, 0.8);
}
.StoryViewer__pause {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/pause/pause.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryViewer__pause {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .StoryViewer__pause {
    background-color: WindowText;
  }
}
.keyboard-mode .StoryViewer__pause:focus {
  background-color: rgba(255, 255, 255, 0.8);
}
.StoryViewer__play {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  height: 20px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/play/play-fill.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryViewer__play {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .StoryViewer__play {
    background-color: WindowText;
  }
}
.keyboard-mode .StoryViewer__play:focus {
  background-color: rgba(255, 255, 255, 0.8);
}
.StoryViewer__unmute {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  height: 20px;
  margin-block: 0;
  margin-inline: 24px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/speaker/speaker-slash.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryViewer__unmute {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .StoryViewer__unmute {
    background-color: WindowText;
  }
}
.keyboard-mode .StoryViewer__unmute:focus {
  background-color: rgba(255, 255, 255, 0.8);
}
.StoryViewer__soundless {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  height: 20px;
  margin-block: 0;
  margin-inline: 24px;
  width: 20px;
  -webkit-mask: url("../images/icons/v3/speaker/speaker-x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryViewer__soundless {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .StoryViewer__soundless {
    background-color: WindowText;
  }
}
.keyboard-mode .StoryViewer__soundless:focus {
  background-color: rgba(255, 255, 255, 0.8);
}
.StoryViewer__progress {
  display: flex;
}
.StoryViewer__animated-emojis {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.StoryViewer__arrow {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  align-items: center;
  display: flex;
  height: 100%;
  position: absolute;
  width: 25%;
  z-index: 3;
}
@media (forced-colors: active) {
  .StoryViewer__arrow {
    border: 1px solid WindowText;
  }
}
.StoryViewer__arrow::before {
  content: "";
  height: 28px;
  opacity: 0;
  width: 28px;
  transition: opacity 200ms ease-in-out;
}
.StoryViewer__arrow--left {
  justify-content: flex-start;
  inset-inline-start: 0;
}
.StoryViewer__arrow--left::before {
  margin-inline-start: 16px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryViewer__arrow--left::before {
    background-color: WindowText;
  }
}
:dir(rtl) .StoryViewer__arrow--left::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
}
.StoryViewer__arrow--right {
  justify-content: flex-end;
  inset-inline-end: 0;
}
.StoryViewer__arrow--right::before {
  margin-inline-end: 16px;
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryViewer__arrow--right::before {
    background-color: WindowText;
  }
}
:dir(rtl) .StoryViewer__arrow--right::before {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}
.StoryViewer__arrow--visible::before {
  opacity: 1;
}
.StoryViewer__protection {
  position: absolute;
  width: 100%;
  z-index: 1;
}
.StoryViewer__protection--top {
  background: linear-gradient(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0));
  top: 0;
  height: 80px;
}
.StoryViewer__protection--bottom {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  bottom: 0;
  height: 140px;
}
.StoryViewer__protection--bottom.StoryViewer__protection--has-caption {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  height: 280px;
}
.StoryViewer__protection--whole {
  top: 0;
  bottom: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.StoryViewer__sending {
  align-items: center;
  display: flex;
}
.StoryViewer__sending__spinner__container {
  margin-inline: 0 12px;
}

.StoryViewsNRepliesModal {
  min-width: 320px;
  max-height: 80vh;
}
.StoryViewsNRepliesModal--group {
  min-height: min(400px, 80vh);
}
.StoryViewsNRepliesModal--group .StoryViewsNRepliesModal__content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.StoryViewsNRepliesModal__body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.StoryViewsNRepliesModal__body_inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.StoryViewsNRepliesModal__content {
  padding-block-end: 16px;
  padding-inline: 16px;
}
.StoryViewsNRepliesModal__content:not(:has(.Tabs)) {
  padding-block-start: 16px;
}
.StoryViewsNRepliesModal__content:has(.module-emoji-picker)::before {
  content: "";
  display: block;
  height: 52px;
}
.StoryViewsNRepliesModal__replies {
  flex: 1;
  margin-block: 0;
  margin-inline: -16px;
}
.StoryViewsNRepliesModal__replies--none {
  align-items: center;
  color: #848484;
  display: flex;
  flex: 1;
  justify-content: center;
  padding-block: 80px;
  padding-inline: 0;
  user-select: none;
}
.StoryViewsNRepliesModal__overlay-container {
  align-items: flex-end;
  justify-content: flex-end;
}
.StoryViewsNRepliesModal__compose-container {
  display: flex;
  align-items: center;
}
.StoryViewsNRepliesModal__composer {
  flex: 1;
  margin-top: 6px;
}
.StoryViewsNRepliesModal__emoji-button {
  height: 24px;
  margin-inline-start: 10px;
  width: 24px;
}
.dark-theme .StoryViewsNRepliesModal__emoji-button::after {
  -webkit-mask: url("../images/icons/v3/emoji/emoji.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .dark-theme .StoryViewsNRepliesModal__emoji-button::after {
    background-color: WindowText;
  }
}
.StoryViewsNRepliesModal__not-a-member {
  margin-block: 24px 8px;
  margin-inline: 4px;
  font-size: 12px;
  text-align: center;
  color: #b9b9b9;
}
.StoryViewsNRepliesModal__input__input {
  display: flex;
  align-items: center;
  min-height: 36px;
}
.dark-theme .StoryViewsNRepliesModal__input__input {
  background: #3b3b3b;
  border: 1px solid #3b3b3b;
  color: #ffffff;
}
.StoryViewsNRepliesModal__input__input .ql-editor.ql-blank::before {
  color: #b9b9b9;
}
.StoryViewsNRepliesModal__input__input--with-children {
  flex: 1;
}
.StoryViewsNRepliesModal__input__input .quill {
  flex: 1;
}
.StoryViewsNRepliesModal__view {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-block: 8px;
  margin-inline: 0;
}
.StoryViewsNRepliesModal__view--name {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  margin-inline-start: 12px;
}
.StoryViewsNRepliesModal__view--timestamp {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #848484;
}
.StoryViewsNRepliesModal__reply {
  align-items: flex-end;
  display: flex;
  padding-bottom: 12px;
}
.StoryViewsNRepliesModal__reply--title {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
}
.StoryViewsNRepliesModal__reply--timestamp {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #b9b9b9;
  margin-inline-start: 6px;
}
.StoryViewsNRepliesModal__reaction {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-block: 12px;
  padding-inline: 16px;
}
.StoryViewsNRepliesModal__reaction--container {
  display: flex;
}
.StoryViewsNRepliesModal__reaction--body {
  margin-inline-start: 20px;
}
.StoryViewsNRepliesModal__message-bubble {
  background: #3b3b3b;
  border-radius: 18px;
  margin-inline-start: 8px;
  padding-block: 7px;
  padding-inline: 12px;
}
.StoryViewsNRepliesModal__message-bubble--doe {
  background: none;
  border: 1px solid #3b3b3b;
}
.StoryViewsNRepliesModal__quote__container {
  margin-block: 8px;
  margin-inline: 0;
  margin-inline-end: 38px;
}
.dark-theme .StoryViewsNRepliesModal__quote--outgoing-ultramarine {
  background-color: #5e5e5e;
  background-image: none;
}
.StoryViewsNRepliesModal__quote__primary {
  min-height: 64px;
  color: #e9e9e9;
  font-size: 12px;
  font-weight: 400;
}
.StoryViewsNRepliesModal__quote__icon-container {
  flex: 0 0 40px;
  height: 64px;
  width: 40px;
}
.StoryViewsNRepliesModal__debugger__button {
  color: #b9b9b9;
  display: block;
  font-weight: 600;
  height: auto;
  opacity: 1;
  width: auto;
}
.dark-theme .StoryViewsNRepliesModal__debugger__button--active {
  background: inherit;
}
.StoryViewsNRepliesModal__debugger__button::after {
  display: none;
}
.StoryViewsNRepliesModal__debugger__button__text {
  font-weight: normal;
}
.StoryViewsNRepliesModal__copy-icon {
  -webkit-mask: url("../images/icons/v3/copy/copy.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
}
@media (forced-colors: active) {
  .StoryViewsNRepliesModal__copy-icon {
    background-color: WindowText;
  }
}
.StoryViewsNRepliesModal__read-receipts-off {
  color: #b9b9b9;
  margin-block: 160px;
  margin-inline: 16px;
}
.StoryViewsNRepliesModal .module-ReactionPickerPicker {
  background: inherit;
  border: none;
  box-shadow: none;
  justify-content: space-between;
  width: 100%;
}
.StoryViewsNRepliesModal .module-emoji-picker {
  position: absolute;
  bottom: 55px;
  max-height: calc(100vh - 100px);
}

.Tabs.StoryViewsNRepliesModal__tabs {
  position: sticky;
  top: 0;
  z-index: 1;
  padding-block: 16px;
  background: #2e2e2e;
  border-bottom: none;
  justify-content: center;
}

.Tabs__tab.StoryViewsNRepliesModal__tabs__tab {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  padding-block: 4px;
  padding-inline: 12px;
  margin-block: 0;
  margin-inline: 12px;
}

.Tabs__tab--selected.StoryViewsNRepliesModal__tabs__tab--selected {
  background: #4a4a4a;
  border-radius: 24px;
  border-bottom: none;
}

.SystemMessage {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 16px;
  padding-bottom: 16px;
  padding-top: 16px;
  color: #5e5e5e;
}
.dark-theme .SystemMessage {
  color: #b9b9b9;
}
.SystemMessage__contents {
  max-width: 400px;
  text-align: center;
  user-select: none;
}
.SystemMessage__contents p {
  display: block;
  margin-block-start: 0;
  margin-block-end: 4px;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.SystemMessage__contents p:first-child {
  display: inline-block;
}
.SystemMessage__contents p:last-child {
  margin-block-end: 0;
}
.SystemMessage__contents::before {
  content: "";
  display: inline-block;
  height: 16px;
  margin-inline-end: 8px;
  width: 16px;
  vertical-align: text-top;
  background-color: #5e5e5e;
}
.dark-theme .SystemMessage__contents::before {
  background-color: #b9b9b9;
}
.SystemMessage__contents--icon-audio-incoming::before {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-audio-incoming::before {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-audio-missed::before {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-audio-missed::before {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-audio-outgoing::before {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-audio-outgoing::before {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-group::before {
  -webkit-mask: url("../images/icons/v3/group/group-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-group::before {
  -webkit-mask: url("../images/icons/v3/group/group-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-group-access::before {
  -webkit-mask: url("../images/icons/v3/megaphone/megaphone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-group-access::before {
  -webkit-mask: url("../images/icons/v3/megaphone/megaphone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-group-add::before {
  -webkit-mask: url("../images/icons/v3/person/person-plus-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-group-add::before {
  -webkit-mask: url("../images/icons/v3/person/person-plus-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-group-approved::before {
  -webkit-mask: url("../images/icons/v3/person/person-check-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-group-approved::before {
  -webkit-mask: url("../images/icons/v3/person/person-check-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-group-avatar::before {
  -webkit-mask: url("../images/icons/v3/photo/photo-square-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-group-avatar::before {
  -webkit-mask: url("../images/icons/v3/photo/photo-square-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-group-decline::before {
  -webkit-mask: url("../images/icons/v3/person/person-x-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-group-decline::before {
  -webkit-mask: url("../images/icons/v3/person/person-x-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-group-edit::before {
  -webkit-mask: url("../images/icons/v3/edit/edit-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-group-edit::before {
  -webkit-mask: url("../images/icons/v3/edit/edit-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-group-leave::before {
  -webkit-mask: url("../images/icons/v3/leave/leave-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-group-leave::before {
  -webkit-mask: url("../images/icons/v3/leave/leave-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-group-remove::before {
  -webkit-mask: url("../images/icons/v3/person/person-minus-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-group-remove::before {
  -webkit-mask: url("../images/icons/v3/person/person-minus-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-group-summary::before {
  -webkit-mask: url("../images/icons/v3/info/info-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-group-summary::before {
  -webkit-mask: url("../images/icons/v3/info/info-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-info::before {
  -webkit-mask: url("../images/icons/v3/info/info-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-info::before {
  -webkit-mask: url("../images/icons/v3/info/info-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-phone::before {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-phone::before {
  -webkit-mask: url("../images/icons/v3/phone/phone-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-profile::before {
  -webkit-mask: url("../images/icons/v3/person/person-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-profile::before {
  -webkit-mask: url("../images/icons/v3/person/person-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-safety-number::before {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-safety-number::before {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-session-refresh::before {
  -webkit-mask: url("../images/icons/v3/refresh/refresh.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-session-refresh::before {
  -webkit-mask: url("../images/icons/v3/refresh/refresh.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-thread::before {
  -webkit-mask: url("../images/icons/v3/thread/thread-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-thread::before {
  -webkit-mask: url("../images/icons/v3/thread/thread-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-timer::before {
  -webkit-mask: url("../images/icons/v3/timer/timer-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-timer::before {
  -webkit-mask: url("../images/icons/v3/timer/timer-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-timer-disabled::before {
  -webkit-mask: url("../images/icons/v3/timer/timer-slash-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-timer-disabled::before {
  -webkit-mask: url("../images/icons/v3/timer/timer-slash-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-unsupported::before {
  -webkit-mask: url("../images/icons/v3/error/error-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-unsupported::before {
  -webkit-mask: url("../images/icons/v3/error/error-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-unsupported--can-process::before {
  -webkit-mask: url("../images/icons/v3/check/check-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-unsupported--can-process::before {
  -webkit-mask: url("../images/icons/v3/check/check-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-verified::before {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-verified::before {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-verified-not::before {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-verified-not::before {
  -webkit-mask: url("../images/icons/v3/safety_number/safety_number-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-video::before {
  -webkit-mask: url("../images/icons/v3/video/video-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-video::before {
  -webkit-mask: url("../images/icons/v3/video/video-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-video-incoming::before {
  -webkit-mask: url("../images/icons/v3/video/video-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-video-incoming::before {
  -webkit-mask: url("../images/icons/v3/video/video-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-video-missed::before {
  -webkit-mask: url("../images/icons/v3/video/video-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-video-missed::before {
  -webkit-mask: url("../images/icons/v3/video/video-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-video-outgoing::before {
  -webkit-mask: url("../images/icons/v3/video/video-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-video-outgoing::before {
  -webkit-mask: url("../images/icons/v3/video/video-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-warning::before {
  -webkit-mask: url("../images/icons/v3/error/error-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-warning::before {
  -webkit-mask: url("../images/icons/v3/error/error-circle-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-payment-event::before {
  -webkit-mask: url("../images/icons/v3/payment/payment.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-payment-event::before {
  -webkit-mask: url("../images/icons/v3/payment/payment.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-merge::before {
  -webkit-mask: url("../images/icons/v3/merge/merge-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-merge::before {
  -webkit-mask: url("../images/icons/v3/merge/merge-compact.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-thread::before {
  -webkit-mask: url("../images/icons/v3/thread/thread.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-thread::before {
  -webkit-mask: url("../images/icons/v3/thread/thread.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-spam::before {
  -webkit-mask: url("../images/icons/v3/spam/spam.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-spam::before {
  -webkit-mask: url("../images/icons/v3/spam/spam.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage__contents--icon-block::before {
  -webkit-mask: url("../images/icons/v3/block/block.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.dark-theme .SystemMessage__contents--icon-block::before {
  -webkit-mask: url("../images/icons/v3/block/block.svg") no-repeat center;
  -webkit-mask-size: 100%;
}
.SystemMessage--error .SystemMessage__contents::before {
  background-color: #f44336;
}
.dark-theme .SystemMessage--error .SystemMessage__contents::before {
  background-color: #f44336;
}
.SystemMessage--danger {
  color: #f44336;
}
.dark-theme .SystemMessage--danger {
  color: #f44336;
}
.SystemMessage--danger .SystemMessage__contents::before {
  background-color: #f44336;
}
.dark-theme .SystemMessage--danger .SystemMessage__contents::before {
  background-color: #f44336;
}
.SystemMessage__button-container {
  margin-top: 12px;
}

.Tabs {
  border-bottom: 1px solid #dedede;
  display: flex;
  justify-content: space-around;
  user-select: none;
}
.Tabs__tab {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  cursor: pointer;
  padding: 10px;
  padding-bottom: 6px;
  border-bottom: 4px solid transparent;
}
.Tabs__tab:focus {
  outline: none;
}
.keyboard-mode .Tabs__tab:focus {
  border-bottom-color: #2c6bed;
}
.Tabs__tab--selected {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  border-bottom: 2px solid;
  border-bottom-color: #000000;
}
.dark-theme .Tabs__tab--selected {
  border-bottom-color: #ffffff;
}

.TextAttachment {
  max-height: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.TextAttachment__story {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  user-select: none;
  height: 1280px;
  max-height: 1280px;
  max-width: 720px;
  min-height: 1280px;
  min-width: 720px;
  width: 720px;
}
.TextAttachment__text {
  border-radius: 36px;
  padding: 28px;
  margin-inline: 56px;
}
.TextAttachment__text--with-bg {
  margin-inline: 36px;
}
.TextAttachment__text__container {
  overflow: hidden;
  user-select: none;
}
.TextAttachment__text__textarea {
  background: inherit;
  border: none;
  padding: 0;
  resize: none;
  text-align: center;
  width: 100%;
}
.TextAttachment__text__textarea:disabled {
  color: inherit;
  cursor: inherit;
  pointer-events: none;
}
.TextAttachment__text__textarea:focus {
  border: none;
  outline: none;
}
.TextAttachment__preview-container {
  margin-inline: 56px;
  margin-top: 36px;
  position: relative;
}
.TextAttachment__preview {
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 28px;
  display: flex;
  flex-direction: row;
  height: 112px;
  justify-content: center;
  padding: 16px;
}
.TextAttachment__preview__no-image {
  margin-inline-end: 16px;
}
.TextAttachment__preview__location {
  color: #ffffff;
  font: bold 22px Inter;
  max-width: 422px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dark-theme .TextAttachment__preview__location {
  color: #ffffff;
}
.TextAttachment__preview-container--large .TextAttachment__preview__location {
  color: rgba(255, 255, 255, 0.6);
  font: 18px Inter;
  max-width: 352px;
}
.TextAttachment__preview__remove {
  align-items: center;
  backdrop-filter: blur(26px);
  background: rgba(0, 0, 0, 0.4);
  border-radius: 100%;
  display: flex;
  height: 48px;
  justify-content: center;
  position: absolute;
  inset-inline-end: -16px;
  top: -16px;
  width: 48px;
  z-index: 1;
}
.TextAttachment__preview__remove button {
  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/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #dedede;
}
@media (forced-colors: active) {
  .TextAttachment__preview__remove button {
    border: 1px solid WindowText;
  }
}
@media (forced-colors: active) {
  .TextAttachment__preview__remove button {
    background-color: WindowText;
  }
}
.TextAttachment__preview-container--large .TextAttachment__preview {
  height: 140px;
}
.TextAttachment__preview-container--large .TextAttachment__preview__no-image {
  height: 105px;
  width: 105px;
}
.TextAttachment__preview__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0;
  max-width: 422px;
}
.TextAttachment__preview-container--large .TextAttachment__preview__content {
  max-width: 352px;
}
.TextAttachment__preview__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #ffffff;
  display: -webkit-box;
  font: bold 22px Inter;
  overflow: hidden;
}
.dark-theme .TextAttachment__preview__title {
  color: #ffffff;
}
.TextAttachment__preview__tooltip {
  align-items: center;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 12px;
  color: #ffffff;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  justify-content: center;
  line-height: 18px;
  max-width: 656px;
  padding: 12px;
  position: absolute;
  text-decoration: none;
  z-index: 2;
}
.TextAttachment__preview__tooltip::after {
  border-color: black transparent transparent transparent;
  border-style: solid;
  border-width: 14px;
  content: "";
  inset-inline-start: 50%;
  margin-inline-start: -14px;
  position: absolute;
  top: 100%;
}
.TextAttachment__preview__tooltip__title {
  font-size: 14px;
  font-weight: 600;
}
.TextAttachment__preview__tooltip__url {
  margin-top: 4px;
  max-width: 566px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TextAttachment__preview__tooltip__arrow {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-right.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #ffffff;
  height: 24px;
  width: 24px;
}
@media (forced-colors: active) {
  .TextAttachment__preview__tooltip__arrow {
    background-color: WindowText;
  }
}
:dir(rtl) .TextAttachment__preview__tooltip__arrow {
  -webkit-mask: url("../images/icons/v3/chevron/chevron-left.svg") no-repeat center;
}

.TimelineDateHeader {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  display: block;
  text-align: center;
  user-select: none;
  color: #5e5e5e;
}
.dark-theme .TimelineDateHeader {
  color: #e9e9e9;
}
.TimelineDateHeader--inline {
  padding: 20px;
}
.TimelineDateHeader--floating {
  border-radius: 9999px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  padding-block: 5px;
  padding-inline: 10px;
}
.dark-theme .TimelineDateHeader--floating {
  background: #2e2e2e;
}

.TimelineFloatingHeader {
  align-items: center;
  display: flex;
  flex-direction: column;
  inset-inline-start: 0;
  pointer-events: none;
  position: absolute;
  top: 10px;
  transition: opacity 0.25s ease-out;
  width: 100%;
  z-index: 3;
}
.TimelineFloatingHeader--visible {
  opacity: 1;
}
.TimelineFloatingHeader--hidden {
  opacity: 0;
}
.TimelineFloatingHeader__spinner-container {
  border-radius: 9999px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  margin-top: 12px;
  padding: 6px;
}
.dark-theme .TimelineFloatingHeader__spinner-container {
  background: #2e2e2e;
}

.module-TimelineWarning {
  align-items: center;
  display: flex;
  padding-block: 10px;
  padding-inline: 16px;
  min-height: 56px;
  user-select: none;
  border-top-width: 1px;
  border-top-style: solid;
  color: #4a4a4a;
  background: #f6f6f6;
  border-color: #dedede;
}
.module-TimelineWarning:last-child {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.dark-theme .module-TimelineWarning {
  color: #dedede;
  background: #2e2e2e;
  border-color: #4a4a4a;
}
.module-TimelineWarning__generic-icon {
  -webkit-mask: url("../images/icons/v3/info/info.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
  width: 20px;
  height: 20px;
}
@media (forced-colors: active) {
  .module-TimelineWarning__generic-icon {
    background-color: WindowText;
  }
}
.dark-theme .module-TimelineWarning__generic-icon {
  -webkit-mask: url("../images/icons/v3/info/info.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #c6c6c6;
}
@media (forced-colors: active) {
  .dark-theme .module-TimelineWarning__generic-icon {
    background-color: WindowText;
  }
}
.module-TimelineWarning__text {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  flex-grow: 1;
  margin-inline: 12px;
}
.module-TimelineWarning__text__link {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: inline;
  font-weight: bold;
  text-decoration: none;
  color: #3a76f0;
}
@media (forced-colors: active) {
  .module-TimelineWarning__text__link {
    border: 1px solid WindowText;
  }
}
.dark-theme .module-TimelineWarning__text__link {
  color: #b0c8f9;
}
.module-TimelineWarning__close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
}
@media (forced-colors: active) {
  .module-TimelineWarning__close-button {
    border: 1px solid WindowText;
  }
}
.module-TimelineWarning__close-button::after {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #5e5e5e;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  .module-TimelineWarning__close-button::after {
    background-color: WindowText;
  }
}
.dark-theme .module-TimelineWarning__close-button::after {
  -webkit-mask: url("../images/icons/v3/x/x.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #c6c6c6;
}
@media (forced-colors: active) {
  .dark-theme .module-TimelineWarning__close-button::after {
    background-color: WindowText;
  }
}
.module-TimelineWarning__custom-info {
  flex-shrink: 0;
}

.module-TimelineWarnings {
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
  display: flex;
  flex-direction: column;
}

.Toast {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  align-items: stretch;
  border-radius: 8px;
  box-shadow:
    0px 0px 4px rgba(0, 0, 0, 0.05),
    0px 4px 12px rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: space-between;
  user-select: none;
  overflow: hidden;
  width: fit-content;
  max-width: 280px;
  background-color: #3b3b3b;
  color: #e9e9e9;
  z-index: 200;
  inset-inline-start: 20px;
  text-align: start;
}
.Toast:focus {
  outline: none;
}
.keyboard-mode .Toast:focus {
  box-shadow: inset 0px 0px 0px 2px #2c6bed;
}
.ToastManager--narrow-sidebar .Toast {
  width: max-content;
}
.ToastManager--narrow-sidebar.ToastManager--composition-area-visible .Toast {
  min-width: initial;
  text-align: center;
}
.Toast__content {
  padding-block: 13px;
  padding-inline: 16px;
}
.Toast__button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  cursor: pointer;
  padding-block: 13px;
  padding-inline: 16px;
  white-space: nowrap;
  color: #b0c8f9;
}
.Toast__button:focus {
  outline: none;
}
.keyboard-mode .Toast__button:focus {
  box-shadow: inset 0px 0px 0px 2px #2c6bed;
}

.ToastManager {
  display: flex;
  flex-direction: column;
  pointer-events: none;
  gap: 16px;
  position: fixed;
  width: inherit;
  bottom: 0;
  z-index: 200;
  padding: 16px;
}
.ToastManager * {
  pointer-events: auto;
}
.ToastManager__root {
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 16px;
  z-index: 200;
  inset-inline-start: 0;
  width: 100%;
  align-items: center;
}

.ToastManager--narrow-sidebar.ToastManager--composition-area-visible {
  inset-inline-start: 0;
  width: 100%;
  align-items: center;
  bottom: 40px;
}

.ToastManager--full-screen-call {
  bottom: 112px;
}

.Waveform {
  /**
   * Progress indicators for audio or video content should always be left-to-right.
   * This overrides the default direction of the page.
   */
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  direction: ltr;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  outline: 0;
}
.Waveform__bar {
  display: inline-block;
  width: 2px;
  border-radius: 2px;
  transition:
    height 250ms,
    background 250ms;
  background: rgba(0, 0, 0, 0.4);
}
.Waveform__bar:not(:first-of-type) {
  margin-inline-start: 2px;
}
.Waveform__bar--active {
  background: rgba(0, 0, 0, 0.8);
}
.dark-theme .Waveform__bar {
  background: rgba(255, 255, 255, 0.4);
}
.dark-theme .Waveform__bar--active {
  background: rgba(255, 255, 255, 0.8);
}
.module-message__audio-attachment--incoming .Waveform__bar--active {
  background: rgba(0, 0, 0, 0.8);
}
.dark-theme .module-message__audio-attachment--incoming .Waveform__bar--active {
  background: rgba(255, 255, 255, 0.7);
}
.module-message__audio-attachment--outgoing .Waveform__bar {
  background: rgba(255, 255, 255, 0.4);
}
.module-message__audio-attachment--outgoing .Waveform__bar--active {
  background: rgba(255, 255, 255, 0.8);
}

.WaveformScrubber {
  display: flex;
  flex-basis: 0;
}

.UsernameLinkModalBody {
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: none;
  max-width: 295px;
  width: 100%;
}
.UsernameLinkModalBody__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.UsernameLinkModalBody__card {
  --bg-color: #506ecd;
  --fg-color: #2449c0;
  --text-color: #ffffff;
  padding-block: 22px;
  padding-inline: 28px;
  margin-block-start: 8px;
  background: var(--bg-color);
  border-radius: 18px;
  max-width: 204px;
}
.UsernameLinkModalBody__card--shadow {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
}
.UsernameLinkModalBody__card__qr {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 8px;
  width: 148px;
  height: 148px;
}
.UsernameLinkModalBody__card--shadow .UsernameLinkModalBody__card__qr {
  outline: 2px solid #e9e9e9;
}
.UsernameLinkModalBody__card__qr__spinner__arc {
  background-color: var(--fg-color);
}
.UsernameLinkModalBody__card__qr__blotches {
  width: 100%;
}
.UsernameLinkModalBody__card__qr__error-icon {
  -webkit-mask-size: 100%;
  display: block;
  height: 28px;
  width: 28px;
  -webkit-mask: url("../images/icons/v3/error/error-circle.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #b9b9b9;
}
@media (forced-colors: active) {
  .UsernameLinkModalBody__card__qr__error-icon {
    background-color: WindowText;
  }
}
.UsernameLinkModalBody__card__username {
  display: flex;
  justify-content: center;
  margin-block: 12px 2px;
}
.UsernameLinkModalBody__card__username__text {
  color: var(--text-color);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.252px;
  text-align: center;
}
.UsernameLinkModalBody__card__username__copy__button {
  display: flex;
  flex-direction: row;
  gap: 4px;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
}
.UsernameLinkModalBody__card__username__copy__button i {
  flex-shrink: 0;
  margin-top: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask: url("../images/icons/v3/copy/copy.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: var(--text-color);
}
@media (forced-colors: active) {
  .UsernameLinkModalBody__card__username__copy__button i {
    background-color: WindowText;
  }
}
@media (forced-colors: active) {
  .UsernameLinkModalBody__card__username__copy__button {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .UsernameLinkModalBody__card__username__copy__button:focus {
  box-shadow: 0px 0px 0px 3px #2c6bed;
}
.dark-theme.keyboard-mode .UsernameLinkModalBody__card__username__copy__button:focus {
  box-shadow: 0px 0px 0px 3px #6191f3;
}
.UsernameLinkModalBody__actions {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin-block-start: 16px;
}
.UsernameLinkModalBody__actions__save,
.UsernameLinkModalBody__actions__color {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: center;
  min-width: 68px;
  border-radius: 8px;
  padding: 5px;
  background-color: #e9e9e9;
  color: #000000;
}
@media (forced-colors: active) {
  .UsernameLinkModalBody__actions__save,
  .UsernameLinkModalBody__actions__color {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .UsernameLinkModalBody__actions__save:focus,
.keyboard-mode .UsernameLinkModalBody__actions__color:focus {
  box-shadow: 0px 0px 0px 3px #2c6bed;
}
.dark-theme.keyboard-mode .UsernameLinkModalBody__actions__save:focus,
.dark-theme.keyboard-mode .UsernameLinkModalBody__actions__color:focus {
  box-shadow: 0px 0px 0px 3px #6191f3;
}
.dark-theme .UsernameLinkModalBody__actions__save,
.dark-theme .UsernameLinkModalBody__actions__color {
  background-color: #3b3b3b;
  color: #f6f6f6;
}
.UsernameLinkModalBody__actions__save i,
.UsernameLinkModalBody__actions__color i {
  display: block;
  width: 20px;
  height: 20px;
  margin-block-start: 2px;
}
.UsernameLinkModalBody__actions__save i {
  -webkit-mask: url("../images/icons/v3/save/save.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .UsernameLinkModalBody__actions__save i {
    background-color: WindowText;
  }
}
.dark-theme .UsernameLinkModalBody__actions__save i {
  -webkit-mask: url("../images/icons/v3/save/save.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .UsernameLinkModalBody__actions__save i {
    background-color: WindowText;
  }
}
.UsernameLinkModalBody__actions__color i {
  -webkit-mask: url("../images/icons/v3/color/color.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .UsernameLinkModalBody__actions__color i {
    background-color: WindowText;
  }
}
.dark-theme .UsernameLinkModalBody__actions__color i {
  -webkit-mask: url("../images/icons/v3/color/color.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .UsernameLinkModalBody__actions__color i {
    background-color: WindowText;
  }
}
.UsernameLinkModalBody__link {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  padding-block: 12px;
  padding-inline: 16px;
  border-radius: 12px;
  margin-block-start: 20px;
  max-width: 296px;
  width: 100%;
  border: 2px solid #e9e9e9;
}
.dark-theme .UsernameLinkModalBody__link {
  border: 2px solid #3b3b3b;
}
.UsernameLinkModalBody__link__icon {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  border-radius: 2px;
}
@media (forced-colors: active) {
  .UsernameLinkModalBody__link__icon {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .UsernameLinkModalBody__link__icon:focus {
  box-shadow: 0px 0px 0px 3px #2c6bed;
}
.dark-theme.keyboard-mode .UsernameLinkModalBody__link__icon:focus {
  box-shadow: 0px 0px 0px 3px #6191f3;
}
.UsernameLinkModalBody__link__icon:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  -webkit-mask: url("../images/icons/v3/copy/copy.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #000000;
}
@media (forced-colors: active) {
  .UsernameLinkModalBody__link__icon:after {
    background-color: WindowText;
  }
}
.dark-theme .UsernameLinkModalBody__link__icon:after {
  -webkit-mask: url("../images/icons/v3/copy/copy.svg") no-repeat center;
  -webkit-mask-size: 100%;
  background-color: #f6f6f6;
}
@media (forced-colors: active) {
  .dark-theme .UsernameLinkModalBody__link__icon:after {
    background-color: WindowText;
  }
}
.UsernameLinkModalBody__link__icon:disabled:after {
  background-color: #848484;
}
.dark-theme .UsernameLinkModalBody__link__icon:disabled:after {
  background-color: #b9b9b9;
}
.UsernameLinkModalBody__link__text {
  word-break: break-all;
  user-select: text;
}
.UsernameLinkModalBody__link__text--resetting {
  color: #848484;
}
.dark-theme .UsernameLinkModalBody__link__text--resetting {
  color: #b9b9b9;
}
.UsernameLinkModalBody__help {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  margin-block-start: 16px;
  text-align: center;
  color: #5e5e5e;
}
.dark-theme .UsernameLinkModalBody__help {
  color: #b9b9b9;
}
.UsernameLinkModalBody__reset {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  font-weight: 600;
  margin-block: 12px 16px;
  color: #2c6bed;
}
@media (forced-colors: active) {
  .UsernameLinkModalBody__reset {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .UsernameLinkModalBody__reset:focus {
  box-shadow: 0px 0px 0px 3px #2c6bed;
}
.dark-theme.keyboard-mode .UsernameLinkModalBody__reset:focus {
  box-shadow: 0px 0px 0px 3px #6191f3;
}
.dark-theme .UsernameLinkModalBody__reset {
  color: #6191f3;
}
.UsernameLinkModalBody__done {
  width: 100%;
  margin-block-end: 8px;
}
.UsernameLinkModalBody__colors__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 18px 20px;
  margin-block: 24px 30px;
}
.UsernameLinkModalBody__colors__radio {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  display: flex;
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
@media (forced-colors: active) {
  .UsernameLinkModalBody__colors__radio {
    border: 1px solid WindowText;
  }
}
.keyboard-mode .UsernameLinkModalBody__colors__radio:focus {
  box-shadow: 0px 0px 0px 3px #2c6bed;
}
.dark-theme.keyboard-mode .UsernameLinkModalBody__colors__radio:focus {
  box-shadow: 0px 0px 0px 3px #6191f3;
}
.UsernameLinkModalBody__colors__radio[aria-pressed="true"] {
  padding: 3px;
  border: 2px solid #000000;
}
.dark-theme .UsernameLinkModalBody__colors__radio[aria-pressed="true"] {
  border: 2px solid #2c6bed;
}
.UsernameLinkModalBody__colors__radio i {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  border: 2px solid var(--fg-color);
  background: var(--bg-color);
}
.UsernameLinkModalBody__colors__radio--white-bg i {
  border-color: #dedede;
}
.dark-theme .UsernameLinkModalBody__colors__radio--white-bg i {
  border-color: #5e5e5e;
}

.UsernameMegaphone {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  border-radius: 10px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  user-select: none;
  z-index: 75;
  padding-block: 12px;
  padding-inline: 8px;
  background-color: #ffffff;
  border: 1px solid #c6c6c6;
}
.dark-theme .UsernameMegaphone {
  background: #3b3b3b;
  border: 1px solid #5e5e5e;
}
.UsernameMegaphone__row {
  display: flex;
  flex-direction: row;
  margin-top: 4px;
  margin-bottom: 12px;
  gap: 12px;
}
.UsernameMegaphone__row__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-bottom: 2px;
  margin-inline-start: 8px;
  background-size: cover;
  background-image: url(../images/usernames_40_color.svg);
}
.dark-theme .UsernameMegaphone__row__icon {
  background-image: url(../images/usernames_40_color_dark.svg);
}
.UsernameMegaphone__row__text {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  padding-inline-end: 8px;
}
.UsernameMegaphone__row__text h2 {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  font-weight: 600;
  margin: 0;
  line-height: 20px;
}
.UsernameMegaphone__row__text p {
  margin: 0;
  color: #5e5e5e;
}
.dark-theme .UsernameMegaphone__row__text p {
  color: #b9b9b9;
}
.UsernameMegaphone__buttons {
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 12px;
}
.UsernameMegaphone__buttons__button {
  margin-bottom: 0;
  font-weight: 600;
  padding-block: 5px;
  background: transparent;
}
.UsernameMegaphone__buttons__button:hover:not(:disabled):not([aria-disabled="true"]),
.UsernameMegaphone__buttons__button:active:not(:disabled):not([aria-disabled="true"]) {
  background: transparent;
}
.dark-theme .UsernameMegaphone__buttons__button {
  background: transparent;
}
.dark-theme .UsernameMegaphone__buttons__button:hover:not(:disabled):not([aria-disabled="true"]),
.dark-theme .UsernameMegaphone__buttons__button:active:not(:disabled):not([aria-disabled="true"]) {
  background: transparent;
}
.NavSidebar--narrow .UsernameMegaphone {
  display: none;
}

.UsernameOnboardingModal {
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: none;
}
.UsernameOnboardingModal__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.34px;
  margin-bottom: 20px;
  max-width: 240px;
  text-align: center;
}
.UsernameOnboardingModal__row {
  display: flex;
  gap: 24px;
  margin-bottom: 32px;
}
.UsernameOnboardingModal__row__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background-size: cover;
}
.UsernameOnboardingModal__row__icon--number {
  background-image: url(../images/phone_40_color.svg);
}
.dark-theme .UsernameOnboardingModal__row__icon--number {
  background-image: url(../images/phone_40_color_dark.svg);
}
.UsernameOnboardingModal__row__icon--username {
  background-image: url(../images/usernames_40_color.svg);
}
.dark-theme .UsernameOnboardingModal__row__icon--username {
  background-image: url(../images/usernames_40_color_dark.svg);
}
.UsernameOnboardingModal__row__icon--qr {
  background-image: url(../images/qr_codes_40_color.svg);
}
.dark-theme .UsernameOnboardingModal__row__icon--qr {
  background-image: url(../images/qr_codes_40_color_dark.svg);
}
.UsernameOnboardingModal__row__body {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.03px;
  color: #5e5e5e;
  max-width: 248px;
}
.dark-theme .UsernameOnboardingModal__row__body {
  color: #b9b9b9;
}
.UsernameOnboardingModal__row__body h2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-top: 0;
  margin-bottom: 2px;
  font-weight: 400;
  color: #1b1b1b;
}
.dark-theme .UsernameOnboardingModal__row__body h2 {
  color: #e9e9e9;
}
.UsernameOnboardingModal__row--center {
  justify-content: center;
}
.UsernameOnboardingModal__submit {
  width: 100%;
  max-width: 296px;
  margin-top: 16px;
  margin-bottom: 12px;
}
.UsernameOnboardingModal__skip {
  margin-bottom: 0;
  background: transparent;
}
.UsernameOnboardingModal__skip:hover:not(:disabled):not([aria-disabled="true"]),
.UsernameOnboardingModal__skip:active:not(:disabled):not([aria-disabled="true"]) {
  background: transparent;
}
.dark-theme .UsernameOnboardingModal__skip {
  background: transparent;
}
.dark-theme .UsernameOnboardingModal__skip:hover:not(:disabled):not([aria-disabled="true"]),
.dark-theme .UsernameOnboardingModal__skip:active:not(:disabled):not([aria-disabled="true"]) {
  background: transparent;
}

.WhatsNew {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: inherit;
  color: #2c6bed;
}
@media (forced-colors: active) {
  .WhatsNew {
    border: 1px solid WindowText;
  }
}

/*# sourceMappingURL=manifest.css.map */