.KU67Uur0 {
  display: inline-block;
  width: 100%;
}
.y_uRZXtA .m3sD7_cn {
  max-height: 4lh;
}
.JNVT2DU9 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
  max-height: inherit;
}
.y_uRZXtA .JNVT2DU9 {
  -webkit-mask-image: linear-gradient(to top, transparent 0px, black 1rem);
  mask-image: linear-gradient(to top, transparent 0px, black 1rem);
}
.pyX4NpPB {
  position: absolute;
  display: grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  bottom: 0;
  right: 0;
}
.RmvXwV0W {
  cursor: var(--custom-cursor, pointer);
}
.pTWe_CYU {
  color: var(--accent-color);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.nRjVJOQv {
  position: relative;
  overflow: hidden;
  padding-inline-start: 0.5625rem;
  padding-inline-end: 0.375rem;
  border-radius: 0.25rem;
  background-color: var(--accent-background-color);
  color: var(--accent-color);
  --peer-color-wrapper-bar-color: var(--bar-gradient, var(--accent-color));
}
.nRjVJOQv::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  width: 0.1875rem;
  background: var(--peer-color-wrapper-bar-color);
}
.pMUccFN9 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.auCNtLQ4,
.a44ZN3hD {
  display: flex;
  font-size: 1.25rem;
  padding: 0.125rem;
  border-radius: 0.125rem;
  margin: 0.125rem;
  transition: background-color 0.15s ease-in-out;
  cursor: var(--custom-cursor, pointer);
}
.auCNtLQ4:hover,
.auCNtLQ4.jq1KLfVD,
.a44ZN3hD:hover,
.a44ZN3hD.jq1KLfVD {
  background-color: var(--color-background-compact-menu-hover);
}
.L95Dh7wN {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding: 0.125rem;
  background-color: var(--color-background-compact-menu);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  border-bottom-left-radius: 0.25rem;
  pointer-events: auto;
}
.L95Dh7wN.zctwFUQ8 {
  display: none;
}
.CodeBlock {
  background-color: var(--color-code-bg);
  color: var(--color-text);
  margin: 0;
  padding-block: 0.1875rem;
  margin-block: 0.25rem;
  border-radius: 0.25rem;
  position: relative;
  overflow: hidden;
}
.CodeBlock .code-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--font-weight-medium);
  margin-bottom: 0.5rem;
  color: var(--accent-color);
  font-size: calc(var(--message-text-size, 1rem) - 0.125rem);
}
.CodeBlock .code-block {
  margin: 0;
  white-space: pre-wrap;
  overflow: hidden;
}
.CodeBlock .code-block:hover .code-overlay {
  opacity: 1;
}
.CodeBlock .code-block.no-word-wrap {
  white-space: pre;
  padding-bottom: 0.25rem;
}
html.theme-light .CodeBlock .code-block {
  --color-type: #0053d4;
  --color-keyword: #388e22;
  --color-class: #3e6c20;
  --color-string: #9a1111;
  --color-template: #9a5334;
  --color-selector: #9a5334;
  --color-function: #a753b7;
  --color-comment: #616161;
  --color-section: #9a1111;
  --color-variable: #bd63c5;
  --color-attribute: #276b8f;
  --color-link: #276b8f;
  --color-tag: #000000;
}
html.theme-dark :not(.own) .CodeBlock .code-block {
  --color-type: #56b6c2;
  --color-keyword: #c678dd;
  --color-class: #e06c75;
  --color-string: #98c379;
  --color-template: #d19a66;
  --color-selector: #e06c75;
  --color-function: #61aeee;
  --color-comment: #5c6370;
  --color-section: #e06c75;
  --color-variable: #d19a66;
  --color-attribute: #d19a66;
  --color-link: #d19a66;
  --color-tag: #e06c75;
}
html.theme-dark .own .CodeBlock .code-block {
  --color-type: #9effff;
  --color-keyword: #ffe900;
  --color-class: #b2f5ff;
  --color-string: #fedcad;
  --color-template: #ffe900;
  --color-selector: #b2f5ff;
  --color-function: #87ff91;
  --color-comment: #cbcbcb;
  --color-section: #b2f5ff;
  --color-variable: #ffe900;
  --color-attribute: #ffe900;
  --color-link: #ffe900;
  --color-tag: #b2f5ff;
}
.CodeBlock .code-block .hljs {
  display: block;
  overflow-x: auto;
  color: var(--color-text);
}
.hljs-keyword,
.hljs-literal,
.hljs-symbol,
.hljs-name {
  color: var(--color-keyword);
}
.hljs-link {
  color: var(--color-link);
  text-decoration: underline;
}
.hljs-built_in,
.hljs-type {
  color: var(--color-type);
}
.hljs-number,
.hljs-class {
  color: var(--color-class);
}
.hljs-string,
.hljs-meta .hljs-string {
  color: var(--color-string);
}
.hljs-regexp,
.hljs-template-tag {
  color: var(--color-template);
}
.hljs-subst,
.hljs-function,
.hljs-title,
.hljs-params,
.hljs-formula {
  color: var(--color-function);
}
.hljs-comment,
.hljs-quote {
  color: var(--color-comment);
  font-style: italic;
}
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-tag,
.hljs-doctag {
  color: var(--color-tag);
}
.hljs-variable,
.hljs-template-variable {
  color: var(--color-variable);
}
.hljs-attr,
.hljs-attribute {
  color: var(--color-attribute);
}
.hljs-section {
  color: var(--color-section);
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-strong {
  font-weight: bold;
}
.hljs-bullet,
.hljs-selector-tag,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: var(--color-selector);
}
.fWE9Tkfe {
  position: absolute;
  inset: 0;
  line-height: 1;
  pointer-events: none;
}
.F0JPgXgb {
  --_progress: 0;
  z-index: 0;
  font-size: 0.75rem;
  opacity: 0.8;
  overflow: hidden;
}
.B94KQ3c0 {
  font-size: 0.5rem;
}
.wapdILU7 {
  --_duration-shift: 0s;
  --_shift-x: 0;
  --_shift-y: 0;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  animation: AS3Scly3 5s infinite;
  animation-delay: var(--_duration-shift);
}
@keyframes AS3Scly3 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  15% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(var(--_shift-x), var(--_shift-y));
  }
}
.gYSfUe37 {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.gYSfUe37.closing {
  transition-delay: 150ms;
}
.vbcXDDxa {
  transition-delay: 0s;
}
.AvU_FtMd {
  transition: none !important;
}
.RrEzFxte {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gYSfUe37:not(.shown),
.RrEzFxte:not(.shown) {
  display: block !important;
}
.CEFe1FhH {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: text-bottom;
  position: relative;
  width: var(--custom-emoji-size);
  height: var(--custom-emoji-size);
  flex: 0 0 var(--custom-emoji-size);
}
.CEFe1FhH .rlottie-canvas {
  display: block;
}
.yjv4Sc_e {
  position: relative;
}
.iOlUvSI8 {
  position: absolute;
  inset: -0.25rem;
}
.DKi1177s {
  width: 85%;
  height: 85%;
  background-color: rgba(119, 119, 119, 0.0980392157);
  border-radius: 0.3125rem;
}
.O_TaDxWg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.wqju02hR {
  width: var(--custom-emoji-size) !important;
  height: var(--custom-emoji-size) !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}
.CEFe1FhH,
.wqju02hR,
.O_TaDxWg {
  border-radius: var(--custom-emoji-border-radius) !important;
}
.a8dMNkh3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: auto !important;
  user-select: auto !important;
  z-index: 1;
}
.Spoiler--concealed {
  cursor: var(--custom-cursor, pointer);
  background-image: url("");
  background-size: auto min(100%, 1.125rem);
  border-radius: 0.5rem;
}
html.theme-dark .Spoiler--concealed,
html.theme-light .ListItem.selected .Spoiler--concealed,
.ActionMessage .Spoiler--concealed,
.MediaViewerFooter .Spoiler--concealed,
#StoryViewer .Spoiler--concealed {
  background-image: url("");
}
.emoji-only .Spoiler--concealed {
  background-size: auto 1.125rem;
}
.Spoiler--animated {
  animation: pulse-opacity-light 1.75s linear infinite;
}
.Spoiler__content {
  opacity: 1;
  transition: opacity 250ms ease;
}
.Spoiler--concealed .Spoiler__content {
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
}
@keyframes pulse-opacity-light {
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  75% {
    opacity: 1;
  }
}
.qEhgJEpm {
  --color-fill: var(--color-primary);
  flex-shrink: 0;
  display: flex;
  width: 1rem;
  height: 1rem;
}
.GjxPnwZR {
  width: 1.25rem;
  height: 1.25rem;
}
.HRLrnZvQ {
  width: 1.5rem;
  height: 1.5rem;
}
.ebO2WJkv {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: text-top;
}
.lbK6aMGA {
  width: 100%;
  height: 100%;
}
.hqg1cKl7 {
  cursor: var(--custom-cursor, pointer);
  pointer-events: auto;
}
.swBnOk1h {
  color: inherit;
}
.swBnOk1h:hover {
  color: inherit;
}
.swBnOk1h:hover.GroupCallLink {
  text-decoration: none;
}
.Jz1SC8nz {
  color: var(--color-primary);
}
.Jz1SC8nz:hover {
  color: var(--color-primary);
}
.W4ndaFuS {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  padding-block: 0.125rem;
  word-break: break-word;
}
.W4ndaFuS .star-amount-icon {
  vertical-align: text-bottom;
  margin-inline: 0 !important;
}
.qIESjPFU {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  max-width: 15rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--border-radius-messages);
  background-color: var(--action-message-bg);
  color: #fff;
  position: relative;
  z-index: 0;
}
.cgQoy2xy {
  display: inline-block;
  padding: 0.1875rem 0.5rem;
  background-color: var(--action-message-bg);
  color: #fff;
  border-radius: var(--border-radius-messages);
  max-width: 100%;
  position: relative;
  z-index: 0;
}
.x0D811xX > .cgQoy2xy,
.x0D811xX > .CrZTrncJ {
  margin-bottom: 0.5rem;
}
.j1bGIpWD .cgQoy2xy {
  display: inline-flex;
  white-space: pre;
}
.d5ep97lr {
  font-weight: var(--font-weight-medium);
}
.Soqky8rY {
  overflow: hidden;
  min-width: 0;
}
.j1bGIpWD,
.Soqky8rY {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CrZTrncJ {
  grid-area: 1/1;
  max-width: 100%;
}
.Rz1leKMF {
  grid-area: 1/1;
}
.oL3NoM4Y {
  background-color: rgba(0, 0, 0, 0);
}
.oL3NoM4Y .faqkTF52,
.oL3NoM4Y .cgQoy2xy {
  display: inline;
  text-wrap: pretty;
  padding: 0.1875rem 0.5rem;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: var(--border-radius-messages);
}
.oL3NoM4Y .faqkTF52 {
  pointer-events: none;
  background-color: #000;
  color: #000;
}
.oL3NoM4Y .cgQoy2xy {
  background-color: rgba(0, 0, 0, 0) !important;
}
.Jcta1qBG {
  font-size: 0.9375rem;
  position: relative;
}
.F8w9vDlr {
  position: relative;
}
.wnjg6GZj {
  --radius: var(--border-radius-messages);
}
.ClHX4zX1 {
  margin-top: 0.25rem 0.125rem;
}
.jT6o01vL {
  text-wrap: balance;
}
.LB5i9s3a {
  position: relative;
  display: inline-block;
  border-radius: 1.25rem;
  padding: 0.5rem 1.25rem;
  background-color: var(--action-message-bg);
  font-weight: var(--font-weight-semibold);
  transition: opacity 0.15s;
  cursor: var(--custom-cursor, pointer);
}
.LB5i9s3a:hover,
.LB5i9s3a:focus {
  opacity: 0.8;
}
.Cp_BJqe5 {
  margin-bottom: 0;
  font-size: inherit;
}
.VCJyqpS8 {
  font-size: 0.8125rem;
  text-wrap: balance;
}
.lcncBNHa {
  width: 13.75rem;
}
.jxcv_A2w {
  margin-block: 0.25rem;
}
.jxcv_A2w::before {
  content: "";
  position: absolute;
  inset: -0.25rem;
  background: var(--action-message-bg);
  border-radius: calc(var(--border-radius-messages) + 0.25rem);
  z-index: -1;
}
.lsTgPDw1 {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
}
.uzTnIOE7 {
  position: absolute;
  inset: 0;
  top: -6rem;
}
.pae10ItJ {
  color: #fff;
}
.A72KeAmh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}
.eLEPgwPj {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ZQJO2BKn {
  z-index: 1;
  color: #fff;
  font-weight: var(--font-weight-medium);
  font-size: 0.75em;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ZQJO2BKn .emoji {
  width: 1em;
  height: 1em;
}
.Transition {
  position: relative;
  width: 100%;
  height: 100%;
}
.Transition_slide {
  width: 100%;
  height: 100%;
  animation-fill-mode: forwards !important;
}
.Transition_slide-from,
.Transition_slide-to {
  position: absolute;
  top: 0;
  left: 0;
}
.Transition_slide-from {
  pointer-events: none;
}
.Transition_slide-inactive {
  display: none !important;
}
.Transition-slideOptimized,
.Transition-slideOptimizedBackwards,
.Transition-slideOptimizedRtl,
.Transition-slideOptimizedRtlBackwards {
  contain: strict;
}
#root .Transition-slideOptimized > .Transition_slide,
#root .Transition-slideOptimizedBackwards > .Transition_slide,
#root .Transition-slideOptimizedRtl > .Transition_slide,
#root .Transition-slideOptimizedRtlBackwards > .Transition_slide {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  transition: transform var(--slide-transition);
}
.Transition-slide > .Transition_slide-to {
  transform: translateX(100%);
  animation: slide-in var(--slide-transition);
}
.Transition-slide > .Transition_slide-from {
  animation: slide-out var(--slide-transition);
}
.Transition-slideBackwards > .Transition_slide-to {
  transform: translateX(-100%);
  animation: slide-out-backwards var(--slide-transition);
}
.Transition-slideBackwards > .Transition_slide-from {
  animation: slide-in-backwards var(--slide-transition);
}
.Transition-slideRtl > .Transition_slide-to {
  transform: translateX(-100%);
  animation: slide-in var(--slide-transition);
}
.Transition-slideRtl > .Transition_slide-from {
  animation: slide-out var(--slide-transition);
}
.Transition-slideRtlBackwards > .Transition_slide-to {
  transform: translateX(100%);
  animation: slide-out-backwards var(--slide-transition);
}
.Transition-slideRtlBackwards > .Transition_slide-from {
  animation: slide-in-backwards var(--slide-transition);
}
.Transition-slideVertical > .Transition_slide-to {
  transform: translateY(100%);
  animation: slide-vertical-in var(--slide-transition);
}
.Transition-slideVertical > .Transition_slide-from {
  animation: slide-vertical-out var(--slide-transition);
}
.Transition-slideVerticalBackwards > .Transition_slide-to {
  transform: translateY(-100%);
  animation: slide-vertical-out-backwards var(--slide-transition);
}
.Transition-slideVerticalBackwards > .Transition_slide-from {
  animation: slide-vertical-in-backwards var(--slide-transition);
}
.Transition-slideVerticalFade > .Transition_slide-to {
  transform: translateY(100%);
  animation: slide-vertical-fade-in var(--slide-transition);
}
.Transition-slideVerticalFade > .Transition_slide-from {
  animation: slide-vertical-fade-out var(--slide-transition);
}
.Transition-slideVerticalFadeBackwards > .Transition_slide-to {
  transform: translateY(-100%);
  animation: slide-vertical-fade-out-backwards var(--slide-transition);
}
.Transition-slideVerticalFadeBackwards > .Transition_slide-from {
  animation: slide-vertical-fade-in-backwards var(--slide-transition);
}
.Transition-slideFade > .Transition_slide-from {
  transform: translateX(0);
  transform-origin: left;
  opacity: 1;
  animation: fade-out-opacity var(--slide-transition),
    slide-fade-out-move var(--slide-transition);
}
.Transition-slideFade > .Transition_slide-to {
  transform: translateX(1.5rem);
  transform-origin: left;
  opacity: 0;
  animation: fade-in-opacity var(--slide-transition),
    slide-fade-in-move var(--slide-transition);
}
.Transition-slideFadeBackwards > .Transition_slide-from {
  transform: translateX(0);
  opacity: 1;
  animation: fade-in-backwards-opacity var(--slide-transition),
    slide-fade-in-backwards-move var(--slide-transition);
}
.Transition-slideFadeBackwards > .Transition_slide-to {
  transform: translateX(-1.5rem);
  opacity: 0;
  animation: fade-out-backwards-opacity var(--slide-transition),
    slide-fade-out-backwards-move var(--slide-transition);
}
.Transition-slideFadeAndroid {
  --background-color: var(--color-background);
}
.Transition-slideFadeAndroid > .Transition_slide {
  z-index: 0;
  background: var(--background-color);
}
.Transition-slideFadeAndroid > .Transition_slide-to {
  transform: translateX(1.5rem);
  transform-origin: left;
  opacity: 0;
  animation: fade-in-opacity var(--slide-transition),
    slide-fade-in-move-android var(--slide-transition);
}
.Transition-slideFadeAndroidBackwards {
  --background-color: var(--color-background);
}
.Transition-slideFadeAndroidBackwards > .Transition_slide {
  z-index: 0;
  background: var(--background-color);
}
.Transition-slideFadeAndroidBackwards > .Transition_slide-from {
  transform: translateX(0);
  opacity: 1;
  animation: fade-in-backwards-opacity var(--slide-transition),
    slide-fade-in-backwards-move-android var(--slide-transition);
}
.Transition-zoomFade > .Transition_slide-from {
  transform: scale(1);
  transform-origin: center;
  opacity: 1;
  animation: fade-out-opacity 0.15s ease;
}
.Transition-zoomFade > .Transition_slide-to {
  transform-origin: center;
  opacity: 0;
  animation: fade-in-opacity 0.15s ease, zoom-fade-in-move 0.15s ease;
}
.Transition-zoomFadeBackwards > .Transition_slide-from {
  transform: scale(1);
  animation: fade-in-backwards-opacity 0.1s ease,
    zoom-fade-in-backwards-move 0.15s ease;
}
.Transition-zoomFadeBackwards > .Transition_slide-to {
  transform: scale(0.95);
  animation: fade-out-backwards-opacity 0.15s ease,
    zoom-fade-out-backwards-move 0.15s ease;
}
.Transition-zoomBounceSemiFade > .Transition_slide-from,
.Transition-zoomBounceSemiFadeBackwards > .Transition_slide-from {
  animation: zoom-bounce 0.25s ease-in-out;
}
.Transition-zoomBounceSemiFade > .Transition_slide-to,
.Transition-zoomBounceSemiFadeBackwards > .Transition_slide-to {
  animation: fade-in-opacity 250ms ease, zoom-bounce 0.25s ease-in-out;
}
.Transition-fade > .Transition_slide-from,
.Transition-fadeBackwards > .Transition_slide-from {
  opacity: 1;
  animation: fade-out-opacity 0.15s ease;
}
.Transition-fade > .Transition_slide-to,
.Transition-fadeBackwards > .Transition_slide-to {
  opacity: 0;
  animation: fade-in-opacity 0.15s ease;
}
.Transition-semiFade > .Transition_slide {
  isolation: isolate;
}
.Transition-semiFade > .Transition_slide-from {
  opacity: 1;
}
.Transition-semiFade > .Transition_slide-to {
  opacity: 0;
  animation: fade-in-opacity 250ms ease;
}
.Transition-semiFadeBackwards > .Transition_slide-from {
  opacity: 1;
  animation: fade-in-backwards-opacity 250ms ease;
}
.Transition-semiFadeBackwards > .Transition_slide-to {
  opacity: 1;
  animation: none !important;
}
.Transition-slideLayers {
  --background-color: var(--color-background);
  background: #000 !important;
}
.Transition-slideLayers > .Transition_slide {
  background: var(--background-color);
}
.Transition-slideLayers > .Transition_slide-to {
  transform: translateX(100%);
  animation: slide-in var(--layer-transition);
}
.Transition-slideLayers > .Transition_slide-from {
  animation: slide-layers-out var(--layer-transition-behind);
}
.Transition-slideLayersBackwards {
  --background-color: var(--color-background);
  background: #000 !important;
}
.Transition-slideLayersBackwards > .Transition_slide {
  background: var(--background-color);
}
.Transition-slideLayersBackwards > .Transition_slide-to {
  transform: translateX(-20%);
  opacity: calc(1 - var(--layer-blackout-opacity));
  animation: slide-layers-out-backwards var(--layer-transition-behind);
  animation-duration: 450ms;
}
.Transition-slideLayersBackwards > .Transition_slide-from {
  animation: slide-in-backwards var(--layer-transition);
}
.Transition-pushSlide > .Transition_slide {
  background: var(--color-background);
}
.Transition-pushSlide > .Transition_slide-from {
  transform: scale(1);
  transform-origin: center;
  opacity: 1;
  animation: push-out 0.25s ease-in-out;
}
.Transition-pushSlide > .Transition_slide-from .custom-scroll {
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.Transition-pushSlide
  > .Transition_slide-from
  .custom-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0) !important;
}
.Transition-pushSlide > .Transition_slide-to {
  transform: translateX(100%);
  animation: slide-in-200 0.25s ease-in-out;
}
.Transition-pushSlideBackwards > .Transition_slide {
  background: var(--color-background);
}
.Transition-pushSlideBackwards > .Transition_slide-to {
  transform: scale(0.7);
  opacity: 0;
  animation: push-out-backwards 0.25s ease-in-out;
}
.Transition-pushSlideBackwards > .Transition_slide-from {
  animation: slide-in-200-backwards 0.25s ease-in-out;
}
.Transition-reveal > .Transition_slide-to {
  clip-path: inset(0 100% 0 0);
  animation: reveal-in 350ms ease-in;
}
.Transition-revealBackwards > .Transition_slide-from {
  clip-path: inset(0 0 0 0);
  animation: reveal-in-backwards 350ms ease-out;
}
.Transition-revealBackwards > .Transition_slide-to {
  clip-path: none;
  animation: none;
}
@keyframes fade-in-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-in-backwards-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out-backwards-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide-in {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-out {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slide-in-backwards {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes slide-out-backwards {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-vertical-in {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-vertical-out {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes slide-vertical-in-backwards {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes slide-vertical-out-backwards {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-vertical-fade-in {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-vertical-fade-out {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}
@keyframes slide-vertical-fade-in-backwards {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes slide-vertical-fade-out-backwards {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-fade-in-move {
  0% {
    transform: translateX(1.5rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-fade-out-move {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1.5rem);
  }
}
@keyframes slide-fade-in-backwards-move {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(1.5rem);
  }
}
@keyframes slide-fade-out-backwards-move {
  0% {
    transform: translateX(-1.5rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-fade-in-move-android {
  0% {
    transform: translateX(20%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-fade-in-backwards-move-android {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(15%);
  }
}
@keyframes zoom-fade-in-move {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoom-fade-in-backwards-move {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes zoom-fade-out-backwards-move {
  0% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slide-layers-out {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-20%);
    opacity: calc(1 - var(--layer-blackout-opacity));
  }
}
@keyframes slide-layers-out-backwards {
  0% {
    transform: translateX(-20%);
    opacity: calc(1 - var(--layer-blackout-opacity));
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes push-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.7);
    opacity: 0;
  }
}
@keyframes push-out-backwards {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes slide-in-200 {
  0% {
    transform: translateX(200%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-200-backwards {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(200%);
  }
}
@keyframes reveal-in {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes reveal-in-backwards {
  0% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(0 100% 0 0);
  }
}
@keyframes zoom-bounce {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
.Spinner {
  --spinner-size: 2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spinner-size);
  height: var(--spinner-size);
}
.Spinner.with-background::before {
  content: "";
  position: absolute;
  left: -0.125rem;
  top: -0.125rem;
  bottom: -0.125rem;
  right: -0.125rem;
  border-radius: 50%;
}
.Spinner.with-background.bg-dark::before {
  background: rgba(0, 0, 0, 0.25);
}
.Spinner.with-background.bg-light::before {
  background: rgba(255, 255, 255, 0.4);
}
.Spinner.white .Spinner__inner {
  background-image: var(--spinner-white-data);
}
.Spinner.white.with-background .Spinner__inner {
  background-image: var(--spinner-white-thin-data);
}
.Spinner.blue .Spinner__inner {
  background-image: var(--spinner-blue-data);
}
.theme-dark .Spinner.blue .Spinner__inner {
  background-image: var(--spinner-dark-blue-data);
}
.Spinner.black .Spinner__inner {
  background-image: var(--spinner-black-data);
}
.Spinner.green .Spinner__inner {
  background-image: var(--spinner-green-data);
}
.Spinner.gray .Spinner__inner {
  background-image: var(--spinner-gray-data);
}
.Spinner.yellow .Spinner__inner {
  background-image: var(--spinner-yellow-data);
}
.Spinner__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  animation-name: spin;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.Loading {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.Loading.interactive {
  cursor: var(--custom-cursor, pointer);
}
.Loading .Spinner {
  --spinner-size: 2.75rem;
}
@keyframes ripple-animation {
  from {
    transform: scale(0);
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
.ripple-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
body.no-page-transitions .ripple-container {
  display: none;
}
.ripple-container .ripple-wave {
  position: absolute;
  display: block;
  background-color: var(--ripple-color, rgba(0, 0, 0, 0.08));
  border-radius: 50%;
  transform: scale(0);
  animation: ripple-animation 700ms;
  pointer-events: none;
}
.Button {
  outline: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.5rem;
  border: 0;
  border-radius: var(--border-radius-default);
  background-color: rgba(0, 0, 0, 0);
  background-size: cover;
  padding: 0.625rem;
  color: #fff;
  line-height: 1.2;
  cursor: var(--custom-cursor, pointer);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  transition: background-color 0.15s, color 0.15s;
  text-decoration: none !important;
  text-transform: uppercase;
  --premium-gradient: linear-gradient(
    88.39deg,
    #6c93ff -2.56%,
    #976fff 51.27%,
    #df69d1 107.39%
  );
}
.Button:active,
.Button.clicked,
body.no-page-transitions .Button {
  transition: none !important;
}
.Button.no-upper-case {
  text-transform: none;
}
.Button.disabled {
  cursor: var(--custom-cursor, default);
}
.Button.disabled:not(.non-interactive) {
  opacity: 0.5 !important;
}
.Button.disabled:not(.click-allowed) {
  pointer-events: none;
}
.Button.primary {
  background-color: var(--color-primary);
  color: var(--color-white);
  --ripple-color: rgba(0, 0, 0, 0.08);
}
.Button.primary:not(.disabled):not(:disabled):active,
.Button.primary:not(.disabled):not(:disabled).active,
.Button.primary:not(.disabled):not(:disabled):focus {
  background-color: var(--color-primary-shade);
}
@media (hover: hover) {
  .Button.primary:not(.disabled):not(:disabled):hover {
    background-color: var(--color-primary-shade);
  }
}
body.no-page-transitions .Button.primary:not(.disabled):not(:disabled):active {
  background-color: var(--color-primary-shade-darker);
}
.Button.secondary {
  background-color: var(--color-background);
  color: rgba(var(--color-text-secondary-rgb), 0.75);
  --ripple-color: rgba(0, 0, 0, 0.08);
}
.Button.secondary:not(.disabled):not(:disabled):active,
.Button.secondary:not(.disabled):not(:disabled).active,
.Button.secondary:not(.disabled):not(:disabled):focus {
  background-color: var(--color-primary);
  color: #fff;
}
@media (hover: hover) {
  .Button.secondary:not(.disabled):not(:disabled):hover {
    background-color: var(--color-primary);
    color: #fff;
  }
}
body.no-page-transitions
  .Button.secondary:not(.disabled):not(:disabled):active {
  background-color: var(--color-primary-shade);
}
.Button.gray {
  background-color: var(--color-background);
  color: var(--color-text-secondary);
  --ripple-color: rgba(0, 0, 0, 0.08);
}
.Button.gray:not(.disabled):not(:disabled):active,
.Button.gray:not(.disabled):not(:disabled).active,
.Button.gray:not(.disabled):not(:disabled):focus {
  color: var(--color-primary);
}
@media (hover: hover) {
  .Button.gray:not(.disabled):not(:disabled):hover {
    color: var(--color-primary);
  }
}
body.no-page-transitions .Button.gray:not(.disabled):not(:disabled):active {
  background-color: var(--color-chat-hover);
}
.Button.danger {
  background-color: var(--color-background);
  color: var(--color-error);
  --ripple-color: rgba(var(--color-error-rgb), 0.16);
}
.Button.danger:not(.disabled):not(:disabled):active,
.Button.danger:not(.disabled):not(:disabled).active,
.Button.danger:not(.disabled):not(:disabled):focus {
  background-color: var(--color-error);
  color: var(--color-white);
}
@media (hover: hover) {
  .Button.danger:not(.disabled):not(:disabled):hover {
    background-color: var(--color-error);
    color: var(--color-white);
  }
}
body.no-page-transitions .Button.danger:not(.disabled):not(:disabled):active {
  background-color: var(--color-error-shade);
}
.Button.text {
  background-color: rgba(0, 0, 0, 0);
}
.Button.text.primary {
  color: var(--color-primary);
  background-color: rgba(0, 0, 0, 0);
}
.Button.text.primary:not(.disabled):not(:disabled):active,
.Button.text.primary:not(.disabled):not(:disabled).active,
.Button.text.primary:not(.disabled):not(:disabled):focus {
  background-color: rgba(var(--color-primary-shade-rgb), 0.08);
}
@media (hover: hover) {
  .Button.text.primary:not(.disabled):not(:disabled):hover {
    background-color: rgba(var(--color-primary-shade-rgb), 0.08);
  }
}
body.no-page-transitions
  .Button.text.primary:not(.disabled):not(:disabled):active {
  background-color: rgba(var(--color-primary-shade-rgb), 0.16);
}
.Button.text.secondary {
  background-color: rgba(0, 0, 0, 0);
  color: var(--color-text-secondary);
}
.Button.text.danger:not(.disabled):not(:disabled):active,
.Button.text.danger:not(.disabled):not(:disabled).active,
.Button.text.danger:not(.disabled):not(:disabled):focus {
  background-color: rgba(var(--color-error-rgb), 0.08);
  color: var(--color-error);
}
@media (hover: hover) {
  .Button.text.danger:not(.disabled):not(:disabled):hover {
    background-color: rgba(var(--color-error-rgb), 0.08);
    color: var(--color-error);
  }
}
body.no-page-transitions
  .Button.text.danger:not(.disabled):not(:disabled):active {
  background-color: rgba(var(--color-error-rgb), 0.16);
}
.Button.faded {
  opacity: 0.8;
}
.Button.faded:not(.disabled):not(:disabled):active,
.Button.faded:not(.disabled):not(:disabled).active,
.Button.faded:not(.disabled):not(:disabled):focus {
  opacity: 1;
}
@media (hover: hover) {
  .Button.faded:not(.disabled):not(:disabled):hover {
    opacity: 1;
  }
}
.Button.faded.activated {
  opacity: 1;
}
.Button.translucent {
  --ripple-color: var(--color-interactive-element-hover);
  background-color: rgba(0, 0, 0, 0);
  color: var(--color-text-secondary);
}
.Button.translucent:not(.disabled):not(:disabled):active,
.Button.translucent:not(.disabled):not(:disabled).active,
.Button.translucent:not(.disabled):not(:disabled):focus {
  background-color: var(--color-interactive-element-hover);
}
@media (hover: hover) {
  .Button.translucent:not(.disabled):not(:disabled):hover {
    background-color: var(--color-interactive-element-hover);
  }
}
body.no-page-transitions
  .Button.translucent:not(.disabled):not(:disabled):active {
  background-color: rgba(var(--color-text-secondary-rgb), 0.16);
}
.Button.translucent.activated {
  color: var(--color-primary);
}
.Button.translucent-white {
  --ripple-color: rgba(255, 255, 255, 0.08);
  background-color: rgba(0, 0, 0, 0);
  color: rgba(255, 255, 255, 0.5);
}
.Button.translucent-white:not(.disabled):not(:disabled):active,
.Button.translucent-white:not(.disabled):not(:disabled).active,
.Button.translucent-white:not(.disabled):not(:disabled):focus {
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
}
@media (hover: hover) {
  .Button.translucent-white:not(.disabled):not(:disabled):hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff;
  }
}
body.no-page-transitions
  .Button.translucent-white:not(.disabled):not(:disabled):active {
  background-color: rgba(255, 255, 255, 0.16);
}
.Button.translucent-black {
  --ripple-color: rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0.8);
}
.Button.translucent-black:not(.disabled):not(:disabled):active,
.Button.translucent-black:not(.disabled):not(:disabled).active,
.Button.translucent-black:not(.disabled):not(:disabled):focus {
  background-color: rgba(0, 0, 0, 0.08);
}
@media (hover: hover) {
  .Button.translucent-black:not(.disabled):not(:disabled):hover {
    background-color: rgba(0, 0, 0, 0.08);
  }
}
body.no-page-transitions
  .Button.translucent-black:not(.disabled):not(:disabled):active {
  background-color: rgba(0, 0, 0, 0.16);
}
.Button.translucent-bordered {
  --ripple-color: rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0);
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
}
.Button.translucent-bordered:not(.disabled):not(:disabled):active,
.Button.translucent-bordered:not(.disabled):not(:disabled).active,
.Button.translucent-bordered:not(.disabled):not(:disabled):focus {
  background-color: var(--accent-color);
  color: var(--color-white);
}
@media (hover: hover) {
  .Button.translucent-bordered:not(.disabled):not(:disabled):hover {
    background-color: var(--accent-color);
    color: var(--color-white);
  }
}
body.no-page-transitions
  .Button.translucent-bordered:not(.disabled):not(:disabled):active {
  background-color: var(--active-color);
}
.Button.adaptive {
  --ripple-color: var(--accent-background-active-color);
  background-color: var(--accent-background-color);
  color: var(--accent-color);
}
.Button.adaptive:not(.disabled):not(:disabled):active,
.Button.adaptive:not(.disabled):not(:disabled).active,
.Button.adaptive:not(.disabled):not(:disabled):focus {
  background-color: var(--accent-background-active-color);
}
@media (hover: hover) {
  .Button.adaptive:not(.disabled):not(:disabled):hover {
    background-color: var(--accent-background-active-color);
  }
}
body.no-page-transitions .Button.adaptive:not(.disabled):not(:disabled):active {
  background-color: var(--accent-background-active-color);
}
.Button.dark {
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  --ripple-color: rgba(255, 255, 255, 0.08);
}
.Button.dark:not(.disabled):not(:disabled):active,
.Button.dark:not(.disabled):not(:disabled).active,
.Button.dark:not(.disabled):not(:disabled):focus {
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
}
@media (hover: hover) {
  .Button.dark:not(.disabled):not(:disabled):hover {
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
  }
}
body.no-page-transitions .Button.dark:not(.disabled):not(:disabled):active {
  background-color: rgba(0, 0, 0, 0.95);
}
.Button.green {
  background-color: var(--color-green);
  color: var(--color-white);
  --ripple-color: rgba(0, 0, 0, 0.08);
}
.Button.green:not(.disabled):not(:disabled):active,
.Button.green:not(.disabled):not(:disabled).active,
.Button.green:not(.disabled):not(:disabled):focus {
  background-color: var(--color-green-darker);
}
@media (hover: hover) {
  .Button.green:not(.disabled):not(:disabled):hover {
    background-color: var(--color-green-darker);
  }
}
body.no-page-transitions .Button.green:not(.disabled):not(:disabled):active {
  background-color: var(--color-green);
}
.Button.stars {
  background-color: #ffb727;
  color: var(--color-white);
  --ripple-color: rgba(0, 0, 0, 0.08);
}
.theme-dark .Button.stars {
  background-color: #cf8920;
}
.Button.stars:not(.disabled):not(:disabled):active,
.Button.stars:not(.disabled):not(:disabled).active,
.Button.stars:not(.disabled):not(:disabled):focus {
  background-color: rgba(255, 183, 39, 0.8);
}
@media (hover: hover) {
  .Button.stars:not(.disabled):not(:disabled):hover {
    background-color: rgba(255, 183, 39, 0.8);
  }
}
body.no-page-transitions .Button.stars:not(.disabled):not(:disabled):active {
  background-color: #ffb727;
}
.Button.smaller {
  height: 2.75rem;
  padding: 0.3125rem;
}
.Button.smaller.round {
  width: 2.75rem;
}
.Button.smaller.pill {
  height: 2.5rem;
  border-radius: 1.25rem;
  padding: 0.3125rem 1rem;
}
.Button.smaller.with-icon {
  padding-left: 0.75rem;
  padding-right: 1.25rem;
}
.Button.smaller.with-icon .icon {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.Button.smaller.with-icon[dir="rtl"] {
  padding-left: 1.25rem;
  padding-right: 0.75rem;
}
.Button.smaller.with-icon[dir="rtl"] .icon {
  margin-left: 0.5rem;
  margin-right: 0;
}
@media (max-width: 600px) {
  .Button.smaller {
    height: 2.5rem;
  }
  .Button.smaller.round {
    width: 2.5rem;
  }
}
.Button.tiny {
  height: 2.25rem;
  padding: 0.4375rem;
  border-radius: var(--border-radius-default-small);
  font-size: 0.875rem;
  font-weight: var(--font-weight-medium);
}
.Button.tiny.round {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
}
.Button.tiny .icon {
  font-size: 1.25rem;
}
.Button.tiny.pill {
  height: 1.875rem;
  border-radius: 1rem;
  padding: 0.3125rem 1rem;
  font-size: 1rem;
}
.Button.round {
  width: 3.5rem;
  border-radius: 50%;
}
.Button.round .icon {
  font-size: 1.5rem;
}
.Button.fluid {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  width: auto;
}
.Button.fluid.tiny {
  padding-left: 1.375rem;
  padding-right: 1.375rem;
}
.Button.fluid.pill {
  padding: 0.5rem 0.75rem;
}
.Button.fluid.badge {
  padding: 0.5rem 1.75rem;
}
.Button.pill,
.Button.badge {
  border-radius: 1.75rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  text-transform: none;
}
.Button.loading {
  position: relative;
  pointer-events: none;
}
.Button.loading .Spinner {
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  --spinner-size: 1.8125rem;
}
.Button .emoji {
  vertical-align: -3px;
}
.Button.shiny::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--color-skeleton-foreground) 50%,
    transparent 100%
  );
  animation: wave 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes wave {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.Button.premium {
  background: var(--premium-gradient);
}
.Button.rectangular {
  border-radius: 0;
}
.Checkbox {
  position: relative;
  min-height: 3rem;
  display: flex;
  align-items: center;
  padding-inline-start: 4.25rem;
  text-align: left;
  cursor: var(--custom-cursor, pointer);
  margin-bottom: 0;
}
.Checkbox:hover,
.Checkbox:focus-visible {
  background-color: var(--color-chat-hover);
  border-radius: var(--border-radius-default);
}
.Checkbox.disabled {
  cursor: var(--custom-cursor, default);
  opacity: 0.5;
}
.Checkbox.disabled:hover {
  background: none !important;
}
.Checkbox.round .Checkbox-main::before,
.Checkbox.round .Checkbox-main::after {
  border-radius: 50%;
}
.Checkbox.withIcon {
  padding-inline-start: 1rem;
}
.Checkbox.withIcon .Checkbox-main::before,
.Checkbox.withIcon .Checkbox-main::after {
  left: auto;
  right: 1.1875rem;
}
.Checkbox.loading .Checkbox-main::before,
.Checkbox.loading .Checkbox-main::after {
  opacity: 0 !important;
}
.Checkbox.loading .Spinner {
  position: absolute;
  left: 0.375rem;
  top: 0.125rem;
  opacity: 0;
  animation: fade-in 0.2s ease forwards;
  --spinner-size: 1.25rem;
}
.Checkbox.blocking input:not(:checked) ~ .Checkbox-main::before {
  border-color: var(--color-error);
}
.Checkbox.blocking input:not(:checked) ~ .Checkbox-main::after {
  background-image: url("");
  opacity: 1;
  background-size: 1.5rem;
  background-position: -0.125rem -0.125rem;
}
.Checkbox input {
  position: absolute;
  z-index: var(--z-below);
  opacity: 0;
}
.Checkbox .Checkbox-main {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  flex-grow: 1;
}
.Checkbox .Checkbox-main::before,
.Checkbox .Checkbox-main::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  left: 1.125rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.Checkbox .Checkbox-main::before {
  border: 0.125rem solid var(--color-borders-input);
  border-radius: 0.25rem;
  background-color: var(--color-background);
  transition: border-color 0.1s ease, background-color 0.1s ease;
}
.Checkbox .Checkbox-main::after {
  background: center no-repeat
    url("57e178826851533a7dfbfad10abe9bf05d58389c.svg");
  background-size: 0.875rem;
  opacity: 0;
  transition: opacity 0.1s ease;
}
.Checkbox .Checkbox-main .label {
  word-break: break-word;
  unicode-bidi: plaintext;
  text-align: left;
  line-height: 1.25rem;
}
.Checkbox .Checkbox-main .right-icon {
  grid-column: 2;
  grid-row: span 2;
  margin-left: auto;
  margin-right: 0.5rem;
  color: var(--color-text-secondary);
  font-size: 1.25rem;
  align-self: center;
}
.Checkbox .Checkbox-main .subLabel {
  grid-column: 1;
  grid-row: 2;
  font-size: 0.875rem;
  line-height: 1rem;
  color: var(--color-text-secondary);
  unicode-bidi: plaintext;
  margin-top: 0.25rem;
}
.Checkbox.withSubLabel:hover,
.Checkbox.withSubLabel:focus-visible {
  background-color: var(--color-chat-hover);
  border-radius: var(--border-radius-default);
}
.Checkbox.withSubLabel .Checkbox-main {
  padding: 0.4375rem 0 0.5625rem 0;
}
.Checkbox .Nested-avatar-list::before,
.Checkbox .Nested-avatar-list::after {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  left: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
}
.Checkbox .Nested-avatar-list .label {
  display: flex;
  align-items: center;
  column-gap: 0.6875rem;
}
.Checkbox input:checked ~ .Checkbox-main::before {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}
.Checkbox input:checked ~ .Checkbox-main::after {
  opacity: 1;
}
.Checkbox[dir="rtl"].loading .Spinner {
  left: auto;
  right: 0.375rem;
}
.Checkbox[dir="rtl"] .label,
.Checkbox[dir="rtl"] .subLabel {
  text-align: right;
}
.Checkbox[dir="rtl"] .Checkbox-main::before,
.Checkbox[dir="rtl"] .Checkbox-main::after {
  left: auto;
  right: 1rem;
}
.Checkbox.nested {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.3125rem;
  margin-block: 0;
  padding: 0 0 0 4.1875rem;
}
.Checkbox.nested:hover,
.Checkbox.nested:focus-visible {
  background-color: var(--color-chat-hover);
  border-radius: var(--border-radius-default);
}
.Checkbox.withNestedList {
  background-color: var(--color-background);
  margin: 0;
}
.Checkbox.withNestedList:hover,
.Checkbox.withNestedList:focus-visible {
  background-color: var(--color-chat-hover);
  border-radius: var(--border-radius-default);
}
.Checkbox.permission-group {
  padding-inline-start: 3.625rem;
}
.Checkbox.permission-group .Checkbox-main::before,
.Checkbox.permission-group .Checkbox-main::after {
  left: 1rem;
}
.Checkbox.permission-group.withNestedList {
  margin-bottom: 1rem;
}
.Checkbox.avatar {
  padding-inline-start: 3.5rem;
  margin-inline-start: 3.125rem;
}
.Checkbox .button {
  color: var(--color-text);
  display: flex;
  gap: 0.1875rem;
}
.Checkbox .group-icon {
  font-size: 0.75rem;
}
.Checkbox.nested-checkbox-group .Checkbox.Checkbox-main::before,
.Checkbox.nested-checkbox-group .Checkbox.Checkbox-main::after {
  top: 1.875rem;
  left: 2.875rem;
}
.Checkbox.onlyInput {
  min-height: auto;
  position: relative;
  padding-inline-start: 0.8125rem;
}
.Checkbox.onlyInput .Checkbox-main::before,
.Checkbox.onlyInput .Checkbox-main::after {
  left: 0;
  right: 0;
  top: 0;
}
.nested-checkbox-group {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.nested-checkbox-group-open {
  max-height: 100vh;
  transition: max-height 0.6s ease-in-out;
}
.Menu.fluid .bubble {
  min-width: 13.5rem;
  width: auto;
}
.Menu .backdrop {
  position: fixed;
  left: -100vw;
  right: -100vw;
  top: -100vh;
  bottom: -100vh;
  z-index: var(--z-menu-backdrop);
}
.Menu .bubble {
  overflow: hidden;
  display: block;
  list-style: none;
  padding: 0.5rem 0;
  margin: 0;
  position: absolute;
  background-color: var(--color-background);
  box-shadow: 0 0.25rem 0.5rem 0.125rem var(--color-default-shadow);
  border-radius: var(--border-radius-default);
  min-width: 13.5rem;
  z-index: var(--z-menu-bubble);
  overscroll-behavior: contain;
  color: var(--color-text);
  transform: scale(0.85);
  transition: opacity 150ms cubic-bezier(0.2, 0, 0.2, 1),
    transform 150ms cubic-bezier(0.2, 0, 0.2, 1) !important;
  --offset-y: calc(100% + 0.5rem);
  --offset-x: 0;
}
.Menu .bubble.open {
  transform: scale(1);
}
.active-view-transition .Menu .bubble.open {
  view-transition-name: open-menu-bubble;
}
.Menu .bubble.closing {
  transition: opacity 0.2s ease-in, transform 0.2s ease-in !important;
}
.Menu .bubble.close-fast {
  transition-duration: 70ms !important;
}
body.no-context-menu-animations .Menu .bubble {
  transform: none !important;
  transition: opacity 0.15s !important;
}
.Menu .bubble.top {
  top: var(--offset-y);
}
.Menu .bubble.bottom {
  bottom: var(--offset-y);
}
.Menu .bubble.left {
  left: var(--offset-x);
}
.Menu .bubble.right {
  right: var(--offset-x);
}
.Menu .bubble.with-footer {
  padding-bottom: 0;
}
body.has-open-dialog .Menu:not(.with-menu-transitions) .bubble {
  transition: none !important;
}
.Menu .footer {
  padding: 0.5rem 0;
  background: var(--color-chat-hover);
  color: var(--color-text-secondary);
  font-size: 0.8125rem;
  text-align: center;
}
.Menu.compact .bubble {
  background: var(--color-background-compact-menu);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 0.25rem 0;
}
body.no-menu-blur .Menu.compact .bubble {
  background: var(--color-background);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.Menu.compact .footer {
  background: none;
}
.Menu.compact.no-blur .bubble {
  background: var(--color-background);
}
.Menu .menu-loading-row {
  margin: 0.125rem 1rem;
  width: calc(100% - 2rem);
}
.Menu.in-portal {
  z-index: var(--z-portal-menu);
  position: absolute;
}
html::view-transition-group(open-menu-bubble) {
  z-index: var(--z-portal-menu);
}
.DropdownMenu {
  position: relative;
}
.MenuItem {
  width: 100%;
  background: none;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  position: relative;
  overflow: hidden;
  line-height: 1.5rem;
  white-space: nowrap;
  color: var(--color-text);
  --ripple-color: rgba(0, 0, 0, 0.08);
  cursor: var(--custom-cursor, pointer);
  unicode-bidi: plaintext;
}
.MenuItem .right-badge {
  min-width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  background: var(--color-gray);
  border-radius: 0.75rem;
  padding: 0 0.4375rem;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: var(--font-weight-medium);
  text-align: center;
  flex-shrink: 0;
}
.MenuItem.compact .right-badge {
  background: none;
  padding: 0;
  color: var(--color-text-secondary);
}
.MenuItem[dir="rtl"] .right-badge {
  margin-left: 0;
  margin-right: auto;
}
@media (hover: hover) {
  .MenuItem:hover,
  .MenuItem:focus {
    background-color: var(--color-chat-hover);
    text-decoration: none;
    color: inherit;
  }
}
@media (max-width: 600px) {
  .MenuItem:focus,
  .MenuItem:hover,
  .MenuItem:active {
    text-decoration: none;
    color: inherit;
  }
  .MenuItem:active {
    background-color: var(--color-chat-hover);
  }
}
.MenuItem .icon {
  font-size: 1.5rem;
  margin-right: 2rem;
  color: var(--color-icon-secondary);
}
.MenuItem .menu-item-name {
  margin-right: 2rem;
}
.MenuItem .menu-item-name.capitalize {
  text-transform: capitalize;
}
.MenuItem.disabled {
  opacity: 0.5 !important;
  cursor: var(--custom-cursor, default) !important;
}
.MenuItem.destructive {
  color: var(--color-error);
}
.MenuItem.destructive .icon {
  color: inherit;
}
.MenuItem:not(.has-ripple):not(.disabled):not(.compact):active {
  background-color: var(--color-item-active);
  transition: none !important;
}
.MenuItem .Switcher,
.MenuItem .menu-item-badge {
  margin-left: auto;
}
.MenuItem .menu-item-badge {
  margin-right: 0.25rem;
  font-size: 0.75rem;
  color: var(--color-primary);
  font-weight: normal;
  line-height: normal;
}
.MenuItem[dir="rtl"] .icon {
  margin-left: 2rem;
  margin-right: 0;
}
.MenuItem[dir="rtl"] .menu-item-name {
  margin-left: 2rem;
  margin-right: 0;
}
.MenuItem[dir="rtl"] > .Switcher {
  margin-left: 0;
  margin-right: auto;
}
.MenuItem.compact {
  font-size: 0.875rem;
  margin: 0.125rem 0.25rem;
  padding: 0.25rem;
  padding-inline-end: 0.75rem;
  border-radius: 0.375rem;
  width: auto;
  font-weight: var(--font-weight-medium);
  transform: scale(1);
  transition: 0.15s ease-in-out transform;
  will-change: transform;
}
.MenuItem.compact .icon {
  max-width: 1.25rem;
  font-size: 1.25rem;
  margin-inline: 0.5rem 1.25rem;
}
.MenuItem.compact .icon::before {
  max-width: 1.25rem;
}
@media (hover: hover) {
  .MenuItem.compact:hover,
  .MenuItem.compact:focus,
  .MenuItem.compact:active {
    background: var(--color-background-compact-menu-hover);
    text-decoration: none;
  }
  .MenuItem.compact:active {
    transform: scale(0.98);
  }
}
.MenuItem b {
  font-weight: var(--font-weight-semibold);
}
.MenuItem.wrap {
  display: block;
  white-space: normal;
}
.MenuItem.menu-custom-emoji-sets {
  margin: 0 0.25rem;
  padding: 0.5rem 0.75rem;
  font-weight: var(--font-weight-normal);
  font-size: small;
  line-height: 1.125rem;
}
.CountryCodeInput .input-group {
  cursor: var(--custom-cursor, pointer);
  z-index: var(--z-country-code-input-group);
}
.CountryCodeInput .input-group .Spinner {
  position: absolute;
  top: 0.6875rem;
  right: 0.75rem;
  opacity: 0.5;
  --spinner-size: 1.5rem;
}
.CountryCodeInput .input-group .css-icon-down {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 0.75rem;
  height: 0.75rem;
  border: 2px solid var(--color-text-secondary);
  border-top: 0;
  border-left: 0;
  transform: scaleY(1) rotate(45deg);
  transition: color 0.2s ease, transform 0.2s ease, top 0.2s ease;
}
.CountryCodeInput .input-group .css-icon-down.open {
  border-color: var(--color-primary);
  transform: scaleY(-1) rotate(45deg);
  top: 1.3125rem;
}
.CountryCodeInput .bubble {
  width: 100%;
  max-height: 23.5rem;
  overflow-y: auto;
  transform-origin: top center !important;
  transform: scale(0.95);
}
.CountryCodeInput .bubble.open {
  transform: scaleY(1);
}
.CountryCodeInput .MenuItem button {
  display: flex;
  align-items: center;
}
.CountryCodeInput .MenuItem.no-results button {
  justify-content: center;
  padding: 0.5rem 1rem;
}
.CountryCodeInput .MenuItem.no-results button span {
  font-size: 0.875rem;
}
.CountryCodeInput .country-flag {
  font-size: 2rem;
  margin-right: 1rem;
}
.CountryCodeInput .country-flag .emoji {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  vertical-align: 4px;
  margin: -0.5rem 0.125rem;
}
.CountryCodeInput .country-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 1rem;
  text-align: left;
}
.CountryCodeInput .country-code {
  margin-left: auto;
  opacity: 0.5;
  padding-right: 0.25rem;
}
.Auth {
  height: 100%;
}
.auth-form {
  width: 100%;
  max-width: 25.5rem;
  margin: 0 auto;
  padding: 6rem 1rem 1rem;
  text-align: center;
}
@media (min-width: 600px) and (min-height: 450px) {
  .auth-form {
    padding: 6.8125rem 1.5rem 1.5rem;
  }
  .auth-form.qr {
    padding-top: 4rem;
  }
}
.auth-form #logo,
.auth-form .AvatarEditable label {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 7.5rem;
  height: 7.5rem;
  margin-bottom: 1.75rem;
}
@media (min-width: 600px) and (min-height: 450px) {
  .auth-form #logo,
  .auth-form .AvatarEditable label {
    width: 10rem;
    height: 10rem;
    margin-bottom: 2.5rem;
  }
}
body.is-electron .auth-form #logo,
body.is-electron .auth-form .AvatarEditable label {
  width: 6rem;
  height: 6rem;
  margin-bottom: 1.75rem;
}
.auth-form #logo {
  background: url("telegram-logo.1b2bb5b107f046ea9325.svg") center no-repeat;
  background-size: 100%;
}
.auth-form h1 {
  font-size: 1.25rem;
  line-height: 1;
}
@media (min-width: 600px) {
  .auth-form h1 {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.auth-form .note {
  font-size: 0.875rem;
  line-height: 1.35;
  margin-bottom: 2.5rem;
  color: var(--color-text-secondary);
}
@media (min-width: 600px) {
  .auth-form .note {
    font-size: 1rem;
    margin-bottom: 3rem;
  }
}
body.is-electron #auth-phone-number-form .auth-form {
  padding-top: 3rem;
}
body.is-electron #auth-phone-number-form .auth-form .form {
  min-height: 0;
}
#auth-registration-form,
#auth-phone-number-form,
#auth-code-form,
#auth-password-form,
#auth-qr-form {
  height: 100%;
  overflow-y: auto;
}
body.is-electron.is-macos #auth-registration-form,
body.is-electron.is-macos #auth-phone-number-form,
body.is-electron.is-macos #auth-code-form,
body.is-electron.is-macos #auth-password-form,
body.is-electron.is-macos #auth-qr-form {
  -webkit-app-region: drag;
}
body.is-electron.is-macos #auth-registration-form .input-group,
body.is-electron.is-macos #auth-phone-number-form .input-group,
body.is-electron.is-macos #auth-code-form .input-group,
body.is-electron.is-macos #auth-password-form .input-group,
body.is-electron.is-macos #auth-qr-form .input-group {
  -webkit-app-region: no-drag;
}
#auth-phone-number-form .form {
  min-height: 26.25rem;
}
#auth-phone-number-form .Button {
  margin-top: 2.75rem;
}
#auth-phone-number-form .Button + .Button {
  margin-top: 1rem;
}
#auth-code-form h1,
#auth-password-form h1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth-number-edit {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  font-size: 1.5rem;
  color: var(--color-text-secondary);
  opacity: 0.75;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: var(--custom-cursor, pointer);
}
.auth-number-edit:hover,
.auth-number-edit:focus {
  opacity: 1;
}
#auth-qr-form .qr-outer {
  height: 280px;
  position: relative;
}
#auth-qr-form .qr-inner,
#auth-qr-form .qr-loading {
  height: 280px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
}
#auth-qr-form .qr-inner {
  transition: none !important;
}
#auth-qr-form .qr-inner.open {
  animation: qr-show 400ms ease-in-out forwards;
}
#auth-qr-form .qr-inner:not(.shown) {
  display: none;
}
#auth-qr-form .qr-loading {
  transition: opacity 1ms;
}
#auth-qr-form .qr-plane {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  border-radius: 50%;
  background-color: var(--color-telegram-blue);
}
#auth-qr-form .qr-container {
  background-color: #fff;
  border-radius: 1.5rem;
  overflow: hidden;
}
#auth-qr-form h1 {
  margin: 1.5rem 0 1rem 0;
  font-size: 1.25rem;
}
#auth-qr-form ol {
  list-style: none;
  counter-reset: item;
  padding: 0 1.75rem;
}
#auth-qr-form ol li {
  counter-increment: item;
  text-align: left;
  margin: 0.75rem 0;
  display: flex;
}
#auth-qr-form ol li::before {
  content: counter(item);
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.375rem;
  height: 1.375rem;
  padding: 0;
  margin: 0 0.75rem 0 0;
  background: var(--color-primary);
  border-radius: 50%;
  font-size: smaller;
  color: #fff;
}
#sign-in-password {
  word-break: normal !important;
}
.test-server-badge {
  position: fixed;
  bottom: 0.5rem;
  right: 0.5rem;
}
.auth-close {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
@keyframes qr-show {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.Modal {
  position: relative;
  z-index: var(--z-modal);
  color: var(--color-text);
}
.Modal.confirm {
  z-index: var(--z-modal-confirm);
}
.Modal.low-priority {
  z-index: var(--z-modal-low-priority);
}
.Modal.delete .modal-dialog,
.Modal.error .modal-dialog,
.Modal.confirm .modal-dialog,
.Modal.pin .modal-dialog,
.Modal.unpin-all .modal-dialog {
  max-width: 24rem;
}
.Modal.error .modal-content .dialog-buttons {
  margin-top: 1rem;
}
.Modal.narrow .modal-dialog {
  max-width: 20rem;
}
.Modal.slim .modal-dialog {
  max-width: 26.25rem;
}
.Modal.slim .modal-content {
  max-height: min(92vh, 36rem);
}
.Modal .modal-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Modal .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.25);
}
.Modal.transparent-backdrop .modal-backdrop {
  background-color: rgba(0, 0, 0, 0);
}
.Modal .modal-dialog {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  max-width: 35rem;
  min-width: 17.5rem;
  margin: 2rem auto;
  background-color: var(--color-background);
  box-shadow: 0 0.25rem 0.5rem 0.125rem var(--color-default-shadow);
  border-radius: var(--border-radius-modal);
  transform: translate3d(0, -1rem, 0);
  transition: transform 0.2s ease, opacity 0.2s ease;
}
body.no-page-transitions .Modal .modal-dialog {
  transition: none;
  transform: none !important;
}
@media (max-width: 450px) {
  .Modal .modal-dialog {
    max-width: calc(100vw - 3rem) !important;
  }
}
.Modal.open .modal-dialog {
  transform: translate3d(0, 0, 0);
}
.Modal.closing .modal-dialog {
  transform: translate3d(0, 1rem, 0);
}
.Modal .modal-header,
.Modal .modal-header-condensed {
  padding: 1.3125rem 1.375rem 0;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.Modal .modal-title {
  font-size: 1.25rem;
  font-weight: var(--font-weight-medium);
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Modal .modal-title:not(:only-child) {
  margin: 0 1.5rem;
}
.Modal .modal-header-condensed {
  padding: 0.5rem 1.25rem 0 0.9375rem !important;
}
.Modal .modal-header-condensed .modal-action-button {
  font-size: 0.875rem;
  height: 2.25rem;
  width: auto;
  line-height: 1.625rem;
  margin-left: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  min-width: 5rem;
}
.Modal .modal-header-condensed .modal-action-button.danger {
  background-color: var(--color-error);
  color: var(--color-white);
}
.Modal .modal-header-condensed .modal-action-button.danger:hover,
.Modal .modal-header-condensed .modal-action-button.danger:focus,
.Modal .modal-header-condensed .modal-action-button.danger:active {
  background-color: var(--color-error-shade);
}
.Modal .modal-content {
  width: 100%;
  flex-grow: 1;
  padding: 1rem 1.5rem 1.1875rem;
  overflow-y: auto;
  max-height: 92vh;
}
.Modal .modal-content b,
.Modal .modal-content strong {
  word-break: break-word;
}
.Modal .modal-title,
.Modal .modal-content,
.Modal .modal-content > p {
  unicode-bidi: plaintext;
}
.Modal .modal-about {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Modal .modal-help {
  color: var(--color-text-secondary);
  font-size: 0.9375rem;
  line-height: 1.3;
}
.Modal .dialog-buttons {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
.Modal .dialog-buttons-column {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.Modal .dialog-buttons-centered {
  justify-content: center;
}
.Modal .dialog-checkbox {
  margin: 1rem -1.125rem;
}
.Modal .dialog-checkbox-group {
  margin: 0 -1.125rem 1rem;
}
.Modal .confirm-dialog-button {
  width: auto;
  height: auto;
  text-align: right;
  font-weight: var(--font-weight-semibold);
  white-space: pre-wrap;
}
.Modal .dialog-button-spacer {
  flex-grow: 1;
}
.Modal .modal-absolute-close-button {
  position: absolute;
  top: 0.375rem;
  left: 0.375rem;
  z-index: 1;
}
.Avatar {
  --premium-gradient: linear-gradient(
    88.39deg,
    #6c93ff -2.56%,
    #976fff 51.27%,
    #df69d1 107.39%
  );
  --color-user: var(--color-primary);
  --radius: 50%;
  --_size: 0px;
  --_font-size: max(calc(var(--_size) / 2 - 2px), 0.5rem);
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--_size);
  height: var(--_size);
  border-radius: var(--radius);
  color: #fff;
  font-weight: bold;
  display: flex;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  font-size: var(--_font-size);
}
.Avatar .emoji {
  width: var(--_font-size);
  height: var(--_font-size);
}
.Avatar__icon {
  font-size: calc(var(--_size) / 2);
}
.Avatar > .inner {
  overflow: hidden;
  border-radius: var(--radius);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 1;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(
    var(--color-white) -300%,
    var(--color-user)
  );
}
.Avatar__media {
  width: 100%;
  height: 100%;
}
.Avatar.force-fit .Avatar__media {
  object-fit: cover;
}
.Avatar.interactive {
  cursor: var(--custom-cursor, pointer);
}
.Avatar.with-story-circle {
  z-index: 1;
}
.Avatar.with-story-circle > .inner {
  width: calc(100% - 0.375rem);
  height: calc(100% - 0.375rem);
  left: 0.1875rem;
  top: 0.1875rem;
}
.Avatar.with-story-solid {
  width: calc(var(--_size) - 0.25rem);
  height: calc(var(--_size) - 0.25rem);
  margin: 0.1875rem;
}
.Avatar.with-story-solid::before {
  content: "";
  position: absolute;
  width: calc(var(--_size) + 0.25rem);
  height: calc(var(--_size) + 0.25rem);
  left: -0.25rem;
  top: -0.25rem;
  border-radius: 50%;
  background: var(--color-borders-read-story);
}
.Avatar.with-story-solid::after {
  content: "";
  position: absolute;
  width: var(--_size);
  height: var(--_size);
  left: -0.125rem;
  top: -0.125rem;
  border-radius: 50%;
  z-index: 0;
  background: var(--color-background);
}
.Avatar.with-story-solid.online::after {
  bottom: -0.125rem;
  right: -0.125rem;
}
.Avatar.has-unread-story::before {
  background-image: linear-gradient(
    215.87deg,
    var(--color-avatar-story-unread-from) -1.61%,
    var(--color-avatar-story-unread-to) 97.44%
  );
}
.Avatar.has-unread-story.close-friend::before {
  background-image: linear-gradient(
    215.87deg,
    var(--color-avatar-story-friend-unread-from) -1.61%,
    var(--color-avatar-story-friend-unread-to) 97.44%
  );
}
.Avatar .poster {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.Avatar.forum {
  --radius: var(--border-radius-forum-avatar);
}
.Avatar.hidden-user {
  --color-user: var(--color-deleted-account);
}
.Avatar.premium-gradient-bg > .inner {
  background-image: var(--premium-gradient);
}
.ThfRMqwq {
  height: 100%;
  background-color: var(--theme-background-color);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 600px) {
  .ThfRMqwq {
    height: calc(var(--vh, 1vh) * 100);
  }
}
html.theme-light .ThfRMqwq {
  background-image: url("");
}
.ThfRMqwq::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url("chat-bg-pattern-light.ee148af944f6580293ae.png");
  background-position: top right;
  background-size: 510px auto;
  background-repeat: repeat;
  mix-blend-mode: overlay;
}
html.theme-dark .ThfRMqwq::before {
  background-image: url("chat-bg-pattern-dark.ad38368a9e8140d0ac7d.png");
  mix-blend-mode: unset;
}
@media (max-width: 600px) {
  .ThfRMqwq::before {
    bottom: auto;
    height: calc(var(--vh, 1vh) * 100);
  }
}
.U9MowLv_ {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  z-index: var(--z-ui-loader-mask);
  display: flex;
}
.RcG6eRZw {
  flex: 1;
}
@media (min-width: 926px) {
  .RcG6eRZw {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 100%;
  }
}
.oL7XcRwI {
  flex: 1;
  background: var(--color-background);
  min-width: 16rem;
  width: 33vw;
  max-width: 26.5rem;
  height: 100%;
}
@media (min-width: 926px) {
  .oL7XcRwI {
    max-width: 40vw;
  }
}
@media (min-width: 1276px) {
  .oL7XcRwI {
    width: 25vw;
    max-width: 33vw;
  }
}
@media (max-width: 1275px) {
  .oL7XcRwI {
    flex: 2;
  }
}
@media (max-width: 925px) {
  .oL7XcRwI {
    width: 26.5rem !important;
  }
}
@media (max-width: 600px) {
  .oL7XcRwI {
    max-width: none;
    width: 100vw !important;
  }
}
.LYe7IaQO {
  flex: 3;
  border-left: 1px solid var(--color-borders);
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-size: cover !important;
}
@media (max-width: 1275px) {
  .LYe7IaQO {
    border-right: none;
  }
}
@media (max-width: 600px) {
  .LYe7IaQO {
    display: none;
  }
}
.wYSGQZXX {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  width: var(--right-column-width);
  border-left: 1px solid var(--color-borders);
  background: var(--color-background);
}
.kN2M6u9m {
  flex: 1;
  background-color: var(--color-background);
}
#AppInactive {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#AppInactive .content {
  max-width: 28rem;
  margin: auto;
  padding: 1.5rem;
  text-align: center;
  background: var(--color-background);
  border-radius: var(--border-radius-default);
}
#AppInactive .title {
  margin-top: 1rem;
}
#AppInactive .description {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
}
#AppInactive img {
  width: 100%;
  max-width: 20rem;
}
#AppInactive .Button {
  margin-top: 1rem;
}
/* stylelint-disable */
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

/* Persian, v33.001, https://github.com/rastikerdar/vazirmatn */
@font-face {
  font-family: Vazirmatn;
  src: url("") format("woff2"), url("") format("woff");
  font-weight: normal;
  font-display: swap;
  unicode-range: U+0627-06FF;
}

/* Persian, v33.003, https://github.com/rastikerdar/vazirmatn */
@font-face {
  font-family: Vazirmatn;
  src: url("") format("woff2"), url("") format("woff");
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0600-06FF;
}

@font-face {
  font-family: "Numbers Rounded";
  src: url("") format("woff2");
  unicode-range: U+0030-0039, U+002B, U+002D;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body,
blockquote {
  margin: 0;
}
[tabindex="-1"]:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: var(--font-weight-medium);
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
p,
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
figure {
  margin: 0 0 1rem;
}
dfn {
  font-style: italic;
}
dt,
b,
strong {
  font-weight: var(--font-weight-medium);
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: var(--color-links);
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
pre,
code,
kbd,
samp {
  font: 0.9375rem/1.25 "Courier", "Courier New", "Nimbus Mono L",
    "Courier 10 Pitch", "FreeMono", sans-serif-monospace, monospace;
  font-size-adjust: 0.5;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
  -webkit-appearance: button;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
:root {
  --color-background: #ffffff;
  --color-background-compact-menu: #ffffffbb;
  --color-background-compact-menu-reactions: #ffffffeb;
  --color-background-compact-menu-hover: #000000b2;
  --color-background-menu-separator: #0000001a;
  --color-background-selected: #f4f4f5;
  --color-background-secondary: #f4f4f5;
  --color-background-secondary-accent: #e4e4e5;
  --color-background-own: #eeffde;
  --color-background-own-selected: color.adjust($color-light-green, -10%);
  --color-text: #000000;
  --color-text-rgb: 0, 0, 0;
  --color-text-lighter: #2e3939;
  --color-text-secondary: #707579;
  --color-icon-secondary: #707579;
  --color-text-secondary-rgb: 112, 117, 121;
  --color-text-secondary-apple: #8a8a90;
  --color-text-meta: #686c72;
  --color-text-meta-rgb: 104, 108, 114;
  --color-text-meta-colored: #4fae4e;
  --color-text-meta-apple: #8c8c91;
  --color-text-green: #4fae4e;
  --color-text-green-rgb: 79, 174, 78;
  --color-borders: #dadce0;
  --color-borders-input: #dadce0;
  --color-borders-alternate: rgba(0, 0, 0, 0.1);
  --color-borders-read-story: #c4c9cc;
  --color-dividers: #c8c6cc;
  --color-dividers-android: #e7e7e7;
  --color-webpage-initial-background: #2e3939;
  --color-interactive-active: var(--color-primary);
  --color-interactive-inactive: rgba(var(--color-text-secondary-rgb), 0.25);
  --color-interactive-buffered: rgba(var(--color-text-secondary-rgb), 0.25);
  --color-interactive-element-hover: rgba(
    var(--color-text-secondary-rgb),
    0.08
  );
  --color-composer-button: #707579cc;
  --color-voice-transcribe-button: #e8f3ff;
  --color-voice-transcribe-button-own: #cceebf;
  --color-primary: #3390ec;
  --color-primary-shade: #2f84d9;
  --color-primary-shade-darker: #2b79c6;
  --color-primary-shade-rgb: 47, 132, 217;
  --color-primary-opacity: rgba(var(--color-primary), 0.15);
  --color-primary-opacity-hover: rgba(var(--color-primary), 0.25);
  --color-primary-tint: rgba(var(--color-primary), 0.1);
  --color-green: #00c73e;
  --color-green-darker: #00a734;
  --color-success: #00c73e;
  --accent-color: var(--color-primary);
  --accent-background-color: var(--color-primary-tint);
  --accent-background-active-color: var(--color-primary-opacity);
  --color-error: #e53935;
  --color-error-shade: #d33431;
  --color-error-rgb: 229, 57, 53;
  --color-warning: #fb8c00;
  --color-yellow: #fdd764;
  --color-orange: #d08a31;
  --color-light-coral: rgba(208, 138, 49, 0.2);
  --color-links: #3390ec;
  --color-own-links: #ffffff;
  --color-placeholders: #a2acb4;
  --color-list-icon: #ffffff;
  --color-code: #4a729a;
  --color-code-bg: rgba(112, 117, 121, 0.08);
  --color-code-own: #3c7940;
  --color-code-own-bg: rgba(112, 117, 121, 0.08);
  --color-accent-own: #4fae4e;
  --color-accent-own-rgb: 79, 174, 78;
  --color-message-meta-own: #4fae4e;
  --color-message-reaction: $color-message-reaction;
  --color-message-reaction-hover: $color-message-reaction-hover;
  --color-message-reaction-own: $color-message-reaction-own;
  --color-message-reaction-hover-own: $color-message-reaction-own-hover;
  --color-message-reaction-chosen-hover: $color-message-reaction-chosen-hover;
  --color-message-reaction-chosen-hover-own: $color-message-reaction-chosen-hover-own;
  --color-message-non-contact: $color-message-non-contact;
  --color-message-story-mention-from: $color-message-story-mention-from;
  --color-message-story-mention-to: $color-message-story-mention-to;
  --color-reply-hover: rgb(244, 244, 244);
  --color-reply-active: rgb(232, 233, 234);
  --color-reply-own-hover: rgb(219, 245, 205);
  --color-reply-own-active: rgb(200, 236, 187);
  --color-background-own-apple: #dcf8c5;
  --color-reply-own-hover-apple: #cbefb7;
  --color-reply-own-active-apple: #bae6a8;
  --color-white: #ffffff;
  --color-gray: #c4c9cc;
  --color-chat-username: #3c7eb0;
  --color-chat-hover: #f4f4f5;
  --color-chat-active: #3390ec;
  --color-item-hover: #f4f4f5;
  --color-item-active: #ededed;
  --color-selection-highlight: #3993fb;
  --color-selection-highlight-emoji: rgba(57, 147, 251, 0.7);
  --color-avatar-story-unread-from: #34c578;
  --color-avatar-story-unread-to: #3ca3f3;
  --color-avatar-story-friend-unread-from: #c9eb38;
  --color-avatar-story-friend-unread-to: #09c167;
  --color-default-shadow: #72727240;
  --color-light-shadow: #7272722b;
  --color-skeleton-background: rgba(33, 33, 33, 0.15);
  --color-skeleton-foreground: rgba(232, 232, 232, 0.2);
  --color-scrollbar: rgba(90, 90, 90, 0.3);
  --color-scrollbar-code: rgba(200, 200, 200, 0.3);
  --color-telegram-blue: #3390ec;
  --color-forum-hover-unread-topic: #e9e9e9;
  --color-forum-hover-unread-topic-hover: #dcdcdc;
  --color-deleted-account: #9eaab5;
  --color-archive: #9eaab5;
  --stars-gradient: linear-gradient(90deg, #ffaa00 0%, #ffcd3a 100%);
  --color-stars: #ffaa00;
  --color-heart: #ff3c32;
  --vh: 1vh;
  --border-radius-modal: 1rem;
  --border-radius-default: 0.75rem;
  --border-radius-default-small: 0.625rem;
  --border-radius-default-tiny: 0.375rem;
  --border-radius-messages: 0.9375rem;
  --border-radius-messages-small: 0.375rem;
  --border-radius-forum-avatar: 33.3333%;
  --messages-container-width: 45.5rem;
  --right-column-width: 26.5rem;
  --header-height: 3.4375rem;
  --custom-emoji-size: 1.25rem;
  --emoji-size: 1.25rem;
  --custom-emoji-border-radius: 0;
  --symbol-menu-width: 24rem;
  --symbol-menu-height: 22.375rem;
  --symbol-menu-footer-height: 3rem;
  --scrollbar-width: 0;
  --z-overlay-effects: 10001;
  --z-modal-confirm: 10000;
  --z-portal-menu: 10000;
  --z-symbol-menu-modal: 5000;
  --z-lock-screen: 3000;
  --z-ui-loader-mask: 2000;
  --z-notification: 1700;
  --z-confetti: 1600;
  --z-reaction-picker: 1200;
  --z-story-viewer: 1150;
  --z-reaction-interaction-effect: 1100;
  --z-right-column: 900;
  --z-right-column-menu: 950;
  --z-header-menu: 990;
  --z-header-menu-backdrop: 980;
  --z-modal: 1510;
  --z-modal-menu: 1600;
  --z-resize-grip: 1000;
  --z-media-viewer: 1500;
  --z-modal-low-priority: 1400;
  --z-video-player-controls: 3;
  --z-drop-area: 55;
  --z-animation-fade: 50;
  --z-menu-bubble: 21;
  --z-menu-backdrop: 20;
  --z-message-effect: 15;
  --z-message-highlighted: 14;
  --z-forum-panel: 13;
  --z-message-context-menu: 13;
  --z-scroll-down-button: 12;
  --z-local-search: 12;
  --z-left-header: 11;
  --z-middle-header: 11;
  --z-middle-footer: 11;
  --z-story-ribbon: 10;
  --z-country-code-input-group: 10;
  --z-message-select-control: 9;
  --z-message-select-area: 8;
  --z-sticky-date: 9;
  --z-register-add-avatar: 5;
  --z-media-viewer-head: 3;
  --z-symbol-menu-mobile: calc(var(--z-story-viewer) + 1);
  --z-resize-handle: 2;
  --z-below: -1;
  --z-chat-ripple: 6;
  --z-chat-float-button: calc(var(--z-chat-ripple) + 1);
  --spinner-white-data: url("762160f9208271fc3e23bd07499e021bae12a737.svg");
  --spinner-white-thin-data: url("948f87dc10885bc4c1b97e5996f20e99f4cb33b7.svg");
  --spinner-blue-data: url("e963e40b057b8a295c15c19b218a591fc832de6f.svg");
  --spinner-dark-blue-data: url("a6a9fb81befa85b1721e2ff84a2c9de0171a06b9.svg");
  --spinner-black-data: url("36282419bd5591dc1746a972a08018813be7b883.svg");
  --spinner-green-data: url("c069266ab43e831f1d617b936ca9e94695ad11a8.svg");
  --spinner-gray-data: url("c6fd54a353f4aaa1053c2c8e4585453007e92d48.svg");
  --spinner-yellow-data: url("fe0a8cc3eddd12df87b6e9f6f48b91fda5893644.svg");
  --premium-gradient: linear-gradient(
    84.4deg,
    #6c93ff -4.85%,
    #976fff 51.72%,
    #df69d1 110.7%
  );
  --layer-blackout-opacity: 0.1;
  --layer-transition: 300ms cubic-bezier(0.33, 1, 0.68, 1);
  --layer-transition-behind: 300ms cubic-bezier(0.33, 1, 0.68, 1);
  --slide-transition: 300ms cubic-bezier(0.25, 1, 0.5, 1);
  --select-transition: 200ms ease-out;
  --safe-area-top: env(safe-area-inset-top);
  --safe-area-right: env(safe-area-inset-right);
  --safe-area-bottom: env(safe-area-inset-bottom);
  --safe-area-left: env(safe-area-inset-left);
  --picker-title-shift: 1rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --middle-header-panes-height: 0px;
}
@media (min-width: 1276px) and (max-width: 1920px) {
  :root {
    --right-column-width: 25vw;
  }
}
@media (min-width: 1921px) {
  :root {
    --messages-container-width: 50vw;
  }
}
@media (max-width: 600px) {
  :root {
    --right-column-width: 100vw;
    --symbol-menu-width: 100vw;
    --symbol-menu-height: 17.6875rem;
  }
}
:root body.is-ios {
  --layer-transition: 650ms cubic-bezier(0.22, 1, 0.36, 1);
  --layer-transition-behind: 650ms cubic-bezier(0.33, 1, 0.68, 1);
  --slide-transition: 450ms cubic-bezier(0.25, 1, 0.5, 1);
}
:root body.is-android {
  --slide-transition: 350ms cubic-bezier(0.16, 1, 0.3, 1);
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 2rem !important;
}
.mt-5,
.my-5 {
  margin-top: 2rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 2rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 2rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 2rem !important;
}
.m-6 {
  margin: 3rem !important;
}
.mt-6,
.my-6 {
  margin-top: 3rem !important;
}
.mr-6,
.mx-6 {
  margin-right: 3rem !important;
}
.mb-6,
.my-6 {
  margin-bottom: 3rem !important;
}
.ml-6,
.mx-6 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 2rem !important;
}
.pt-5,
.py-5 {
  padding-top: 2rem !important;
}
.pr-5,
.px-5 {
  padding-right: 2rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 2rem !important;
}
.pl-5,
.px-5 {
  padding-left: 2rem !important;
}
.p-6 {
  padding: 3rem !important;
}
.pt-6,
.py-6 {
  padding-top: 3rem !important;
}
.pr-6,
.px-6 {
  padding-right: 3rem !important;
}
.pb-6,
.py-6 {
  padding-bottom: 3rem !important;
}
.pl-6,
.px-6 {
  padding-left: 3rem !important;
}
.max-length-indicator {
  position: absolute;
  right: 0.75rem;
  bottom: -0.5625rem;
  padding: 0 0.25rem;
  border-radius: 0.25rem;
  color: var(--color-text-secondary);
  font-size: 0.75rem;
  background: var(--color-background);
}
.input-group {
  position: relative;
  margin-bottom: 1.125rem;
}
.input-group label {
  display: block;
  position: absolute;
  left: 1rem;
  top: 0.6875rem;
  padding: 0 0.3125rem;
  background-color: var(--color-background);
  font-size: 1rem;
  font-weight: var(--font-weight-normal);
  color: var(--color-placeholders);
  transition: transform 0.15s ease-out, color 0.15s ease-out;
  cursor: var(--custom-cursor, text);
  pointer-events: none;
  transform-origin: left center;
  white-space: nowrap;
}
.input-group.with-arrow::after {
  content: "";
  position: absolute;
  height: 0.75rem;
  width: 0.75rem;
  border-left: 1px var(--color-text-secondary) solid;
  border-bottom: 1px var(--color-text-secondary) solid;
  transform: rotate(-45deg);
  right: 2rem;
  top: 1rem;
}
.input-group.touched label,
.input-group.error label,
.input-group.success label,
.input-group .form-control:focus + label,
.input-group .form-control.focus + label {
  transform: scale(0.75) translate(0, -2rem);
}
.input-group input::placeholder,
.input-group .form-control::placeholder {
  color: var(--color-placeholders);
}
.input-group.touched label {
  color: var(--color-text-secondary);
}
.input-group.error label {
  color: var(--color-error) !important;
}
.input-group.success label {
  color: var(--color-text-green) !important;
}
.input-group.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.input-group[dir="rtl"] input {
  text-align: right;
}
.input-group[dir="rtl"] label {
  left: auto;
  right: 0.75rem;
}
.input-group[dir="rtl"].with-arrow::after {
  border-left: none;
  border-right: 1px var(--color-text-secondary) solid;
  right: auto;
  left: 2rem;
}
.input-group[dir="rtl"].touched label,
.input-group[dir="rtl"].error label,
.input-group[dir="rtl"].success label,
.input-group[dir="rtl"] .form-control:focus + label,
.input-group[dir="rtl"] .form-control.focus + label {
  transform: scale(0.75) translate(1.5rem, -2.25rem);
}
.form-control {
  --border-width: 1px;
  display: block;
  width: 100%;
  height: 3rem;
  padding: calc(0.75rem - var(--border-width))
    calc(1.1875rem - var(--border-width)) 0.6875rem;
  border: var(--border-width) solid var(--color-borders-input);
  border-radius: var(--border-radius-default);
  color: var(--color-text);
  background-color: var(--color-background);
  outline: none;
  transition: border-color 0.15s ease;
  word-break: break-word;
  -webkit-appearance: none;
  font-size: 1rem;
  line-height: 1.25rem;
}
.form-control[dir] {
  text-align: initial;
}
.form-control:hover {
  border-color: var(--color-primary);
}
.form-control:hover + label {
  color: var(--color-primary);
}
.form-control:focus,
.form-control.focus {
  border-color: var(--color-primary);
  box-shadow: inset 0 0 0 1px var(--color-primary);
  caret-color: var(--color-primary);
}
.form-control:focus + label,
.form-control.focus + label {
  color: var(--color-primary);
}
.form-control:disabled {
  background: none !important;
}
.error .form-control {
  border-color: var(--color-error);
  box-shadow: inset 0 0 0 1px var(--color-error);
  caret-color: var(--color-error);
}
.success .form-control {
  border-color: var(--color-text-green);
  box-shadow: inset 0 0 0 1px var(--color-text-green);
  caret-color: var(--color-text-green);
}
.form-control:-webkit-autofill {
  box-shadow: inset 0 0 0 10rem var(--color-background);
  -webkit-text-fill-color: var(--color-text);
}
.form-control:autofill,
.form-control:-webkit-autofill-strong-password,
.form-control:-webkit-autofill-strong-password-viewable,
.form-control:-webkit-autofill-and-obscured {
  box-shadow: inset 0 0 0 10rem var(--color-background);
  -webkit-text-fill-color: var(--color-text);
}
.form-control::-webkit-strong-password-auto-fill-button {
  opacity: 0;
  width: 0 !important;
  overflow: hidden !important;
  max-width: 0 !important;
  min-width: 0 !important;
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.form-control::-ms-clear,
.form-control::-ms-reveal {
  display: none;
}
select.form-control option {
  line-height: 2rem;
}
textarea.form-control {
  resize: none;
  overflow: hidden;
  line-height: 1.3125rem;
  padding-top: calc(0.8125rem - var(--border-width));
  padding-bottom: calc(1rem - var(--border-width));
}
.input-group.password-input {
  position: relative;
}
.input-group.password-input .form-control {
  padding-right: 3.375rem;
}
.input-group.password-input .toggle-password {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: var(--custom-cursor, pointer);
  outline: none !important;
  color: var(--color-text-secondary);
  opacity: 0.7;
  font-size: 1.5rem;
}
.input-group.password-input .toggle-password:hover,
.input-group.password-input .toggle-password:focus {
  opacity: 1;
}
.input-group.password-input[dir="rtl"] .form-control {
  padding-left: 3.375rem;
  padding-right: calc(0.9rem - var(--border-width));
}
.input-group.password-input[dir="rtl"] .toggle-password {
  left: 0;
  right: auto;
}
.icon-char::before {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  content: attr(data-char);
  width: 1em;
  text-align: center;
  display: block;
}
.icon-placeholder::before {
  content: "";
  display: block;
  width: 1em;
}
.icon {
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-active-sessions::before {
  content: "";
}
.icon-add-one-badge::before {
  content: "";
}
.icon-add-user-filled::before {
  content: "";
}
.icon-add-user::before {
  content: "";
}
.icon-add::before {
  content: "";
}
.icon-admin::before {
  content: "";
}
.icon-allow-speak::before {
  content: "";
}
.icon-animals::before {
  content: "";
}
.icon-animations::before {
  content: "";
}
.icon-archive-filled::before {
  content: "";
}
.icon-archive-from-main::before {
  content: "";
}
.icon-archive-to-main::before {
  content: "";
}
.icon-archive::before {
  content: "";
}
.icon-arrow-down-circle::before {
  content: "";
}
.icon-arrow-down::before {
  content: "";
}
.icon-arrow-left::before {
  content: "";
}
.icon-arrow-right::before {
  content: "";
}
.icon-ask-support::before {
  content: "";
}
.icon-attach::before {
  content: "";
}
.icon-auction::before {
  content: "";
}
.icon-author-hidden::before {
  content: "";
}
.icon-avatar-archived-chats::before {
  content: "";
}
.icon-avatar-deleted-account::before {
  content: "";
}
.icon-avatar-saved-messages::before {
  content: "";
}
.icon-bold::before {
  content: "";
}
.icon-boost-outline::before {
  content: "";
}
.icon-boost::before {
  content: "";
}
.icon-boostcircle::before {
  content: "";
}
.icon-boosts::before {
  content: "";
}
.icon-bot-command::before {
  content: "";
}
.icon-bot-commands-filled::before {
  content: "";
}
.icon-bots::before {
  content: "";
}
.icon-bug::before {
  content: "";
}
.icon-calendar-filter::before {
  content: "";
}
.icon-calendar::before {
  content: "";
}
.icon-camera-add::before {
  content: "";
}
.icon-camera::before {
  content: "";
}
.icon-car::before {
  content: "";
}
.icon-card::before {
  content: "";
}
.icon-cash-circle::before {
  content: "";
}
.icon-channel-filled::before {
  content: "";
}
.icon-channel::before {
  content: "";
}
.icon-channelviews::before {
  content: "";
}
.icon-chat-badge::before {
  content: "";
}
.icon-chats-badge::before {
  content: "";
}
.icon-check::before {
  content: "";
}
.icon-clock-edit::before {
  content: "";
}
.icon-clock::before {
  content: "";
}
.icon-close-circle::before {
  content: "";
}
.icon-close-topic::before {
  content: "";
}
.icon-close::before {
  content: "";
}
.icon-cloud-download::before {
  content: "";
}
.icon-collapse-modal::before {
  content: "";
}
.icon-collapse::before {
  content: "";
}
.icon-colorize::before {
  content: "";
}
.icon-comments-sticker::before {
  content: "";
}
.icon-comments::before {
  content: "";
}
.icon-copy-media::before {
  content: "";
}
.icon-copy::before {
  content: "";
}
.icon-crown-take-off::before {
  content: "";
}
.icon-crown-wear::before {
  content: "";
}
.icon-darkmode::before {
  content: "";
}
.icon-data::before {
  content: "";
}
.icon-delete-filled::before {
  content: "";
}
.icon-delete-left::before {
  content: "";
}
.icon-delete-user::before {
  content: "";
}
.icon-delete::before {
  content: "";
}
.icon-diamond::before {
  content: "";
}
.icon-document::before {
  content: "";
}
.icon-double-badge::before {
  content: "";
}
.icon-down::before {
  content: "";
}
.icon-download::before {
  content: "";
}
.icon-eats::before {
  content: "";
}
.icon-edit::before {
  content: "";
}
.icon-email::before {
  content: "";
}
.icon-enter::before {
  content: "";
}
.icon-expand-modal::before {
  content: "";
}
.icon-expand::before {
  content: "";
}
.icon-eye-crossed-outline::before {
  content: "";
}
.icon-eye-crossed::before {
  content: "";
}
.icon-eye-outline::before {
  content: "";
}
.icon-eye::before {
  content: "";
}
.icon-favorite-filled::before {
  content: "";
}
.icon-favorite::before {
  content: "";
}
.icon-file-badge::before {
  content: "";
}
.icon-flag::before {
  content: "";
}
.icon-folder-badge::before {
  content: "";
}
.icon-folder::before {
  content: "";
}
.icon-fontsize::before {
  content: "";
}
.icon-forums::before {
  content: "";
}
.icon-forward::before {
  content: "";
}
.icon-fragment::before {
  content: "";
}
.icon-frozen-time::before {
  content: "";
}
.icon-fullscreen::before {
  content: "";
}
.icon-gifs::before {
  content: "";
}
.icon-gift::before {
  content: "";
}
.icon-group-filled::before {
  content: "";
}
.icon-group::before {
  content: "";
}
.icon-grouped-disable::before {
  content: "";
}
.icon-grouped::before {
  content: "";
}
.icon-hand-stop::before {
  content: "";
}
.icon-hashtag::before {
  content: "";
}
.icon-heart-outline::before {
  content: "";
}
.icon-heart::before {
  content: "";
}
.icon-help::before {
  content: "";
}
.icon-info-filled::before {
  content: "";
}
.icon-info::before {
  content: "";
}
.icon-install::before {
  content: "";
}
.icon-italic::before {
  content: "";
}
.icon-key::before {
  content: "";
}
.icon-keyboard::before {
  content: "";
}
.icon-lamp::before {
  content: "";
}
.icon-language::before {
  content: "";
}
.icon-large-pause::before {
  content: "";
}
.icon-large-play::before {
  content: "";
}
.icon-link-badge::before {
  content: "";
}
.icon-link-broken::before {
  content: "";
}
.icon-link::before {
  content: "";
}
.icon-location::before {
  content: "";
}
.icon-lock-badge::before {
  content: "";
}
.icon-lock::before {
  content: "";
}
.icon-logout::before {
  content: "";
}
.icon-loop::before {
  content: "";
}
.icon-mention::before {
  content: "";
}
.icon-message-failed::before {
  content: "";
}
.icon-message-pending::before {
  content: "";
}
.icon-message-read::before {
  content: "";
}
.icon-message-succeeded::before {
  content: "";
}
.icon-message::before {
  content: "";
}
.icon-microphone-alt::before {
  content: "";
}
.icon-microphone::before {
  content: "";
}
.icon-monospace::before {
  content: "";
}
.icon-more-circle::before {
  content: "";
}
.icon-more::before {
  content: "";
}
.icon-move-caption-down::before {
  content: "";
}
.icon-move-caption-up::before {
  content: "";
}
.icon-mute::before {
  content: "";
}
.icon-muted::before {
  content: "";
}
.icon-my-notes::before {
  content: "";
}
.icon-new-chat-filled::before {
  content: "";
}
.icon-next::before {
  content: "";
}
.icon-nochannel::before {
  content: "";
}
.icon-noise-suppression::before {
  content: "";
}
.icon-non-contacts::before {
  content: "";
}
.icon-one-filled::before {
  content: "";
}
.icon-open-in-new-tab::before {
  content: "";
}
.icon-password-off::before {
  content: "";
}
.icon-pause::before {
  content: "";
}
.icon-permissions::before {
  content: "";
}
.icon-phone-discard-outline::before {
  content: "";
}
.icon-phone-discard::before {
  content: "";
}
.icon-phone::before {
  content: "";
}
.icon-photo::before {
  content: "";
}
.icon-pin-badge::before {
  content: "";
}
.icon-pin-list::before {
  content: "";
}
.icon-pin::before {
  content: "";
}
.icon-pinned-chat::before {
  content: "";
}
.icon-pinned-message::before {
  content: "";
}
.icon-pip::before {
  content: "";
}
.icon-play-story::before {
  content: "";
}
.icon-play::before {
  content: "";
}
.icon-poll::before {
  content: "";
}
.icon-previous::before {
  content: "";
}
.icon-privacy-policy::before {
  content: "";
}
.icon-proof-of-ownership::before {
  content: "";
}
.icon-quote-text::before {
  content: "";
}
.icon-quote::before {
  content: "";
}
.icon-radial-badge::before {
  content: "";
}
.icon-readchats::before {
  content: "";
}
.icon-recent::before {
  content: "";
}
.icon-reload::before {
  content: "";
}
.icon-remove-quote::before {
  content: "";
}
.icon-remove::before {
  content: "";
}
.icon-reopen-topic::before {
  content: "";
}
.icon-replace::before {
  content: "";
}
.icon-replies::before {
  content: "";
}
.icon-reply-filled::before {
  content: "";
}
.icon-reply::before {
  content: "";
}
.icon-revenue-split::before {
  content: "";
}
.icon-revote::before {
  content: "";
}
.icon-save-story::before {
  content: "";
}
.icon-saved-messages::before {
  content: "";
}
.icon-schedule::before {
  content: "";
}
.icon-search::before {
  content: "";
}
.icon-select::before {
  content: "";
}
.icon-send-outline::before {
  content: "";
}
.icon-send::before {
  content: "";
}
.icon-settings-filled::before {
  content: "";
}
.icon-settings::before {
  content: "";
}
.icon-share-filled::before {
  content: "";
}
.icon-share-screen-outlined::before {
  content: "";
}
.icon-share-screen-stop::before {
  content: "";
}
.icon-share-screen::before {
  content: "";
}
.icon-show-message::before {
  content: "";
}
.icon-sidebar::before {
  content: "";
}
.icon-skip-next::before {
  content: "";
}
.icon-skip-previous::before {
  content: "";
}
.icon-smallscreen::before {
  content: "";
}
.icon-smile::before {
  content: "";
}
.icon-sort::before {
  content: "";
}
.icon-speaker-muted-story::before {
  content: "";
}
.icon-speaker-outline::before {
  content: "";
}
.icon-speaker-story::before {
  content: "";
}
.icon-speaker::before {
  content: "";
}
.icon-spoiler-disable::before {
  content: "";
}
.icon-spoiler::before {
  content: "";
}
.icon-sport::before {
  content: "";
}
.icon-star::before {
  content: "";
}
.icon-stars-lock::before {
  content: "";
}
.icon-stats::before {
  content: "";
}
.icon-stealth-future::before {
  content: "";
}
.icon-stealth-past::before {
  content: "";
}
.icon-stickers::before {
  content: "";
}
.icon-stop-raising-hand::before {
  content: "";
}
.icon-stop::before {
  content: "";
}
.icon-story-caption::before {
  content: "";
}
.icon-story-expired::before {
  content: "";
}
.icon-story-priority::before {
  content: "";
}
.icon-story-reply::before {
  content: "";
}
.icon-strikethrough::before {
  content: "";
}
.icon-tag-add::before {
  content: "";
}
.icon-tag-crossed::before {
  content: "";
}
.icon-tag-filter::before {
  content: "";
}
.icon-tag-name::before {
  content: "";
}
.icon-tag::before {
  content: "";
}
.icon-timer::before {
  content: "";
}
.icon-toncoin::before {
  content: "";
}
.icon-trade::before {
  content: "";
}
.icon-transcribe::before {
  content: "";
}
.icon-truck::before {
  content: "";
}
.icon-unarchive::before {
  content: "";
}
.icon-underlined::before {
  content: "";
}
.icon-unique-profile::before {
  content: "";
}
.icon-unlock-badge::before {
  content: "";
}
.icon-unlock::before {
  content: "";
}
.icon-unmute::before {
  content: "";
}
.icon-unpin::before {
  content: "";
}
.icon-unread::before {
  content: "";
}
.icon-up::before {
  content: "";
}
.icon-user-filled::before {
  content: "";
}
.icon-user-online::before {
  content: "";
}
.icon-user::before {
  content: "";
}
.icon-video-outlined::before {
  content: "";
}
.icon-video-stop::before {
  content: "";
}
.icon-video::before {
  content: "";
}
.icon-view-once::before {
  content: "";
}
.icon-voice-chat::before {
  content: "";
}
.icon-volume-1::before {
  content: "";
}
.icon-volume-2::before {
  content: "";
}
.icon-volume-3::before {
  content: "";
}
.icon-web::before {
  content: "";
}
.icon-webapp::before {
  content: "";
}
.icon-word-wrap::before {
  content: "";
}
.icon-zoom-in::before {
  content: "";
}
.icon-zoom-out::before {
  content: "";
}
.media-inner {
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.media-inner video.full-media,
.media-inner img.full-media,
.media-inner img.thumbnail,
.media-inner canvas.thumbnail {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.media-inner .full-media.with-blurred-bg {
  position: relative;
  border-radius: 0 !important;
}
.media-inner video {
  background: no-repeat 50% 50%;
  background-size: contain;
}
.media-inner .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}
.media-inner .thumbnail.with-blurred-bg {
  border-radius: 0 !important;
  left: 50%;
  transform: translateX(-50%);
}
.media-inner .media-loading {
  position: absolute;
}
.media-inner.fix-min-height {
  min-height: 5rem;
}
.media-inner .message-media-last-progress {
  --_progress: 0%;
  --_color: var(--color-primary);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.25rem;
  background-color: rgba(255, 255, 255, 0.3);
}
.theme-dark .media-inner .message-media-last-progress {
  --_color: white;
}
.media-inner .message-media-last-progress::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--_progress);
  height: 100%;
  background-color: var(--_color);
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125;
}
.animated-close-icon {
  position: absolute;
  transform: rotate(-45deg);
}
.animated-close-icon,
.animated-close-icon::before,
.animated-close-icon::after {
  width: 1.125rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  background-color: var(--color-text-secondary);
  transition: transform var(--slide-transition);
}
.animated-close-icon::before,
.animated-close-icon::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}
.animated-close-icon::before {
  transform: rotate(90deg);
}
.animated-close-icon.no-transition,
.animated-close-icon.no-transition::before,
.animated-close-icon.no-transition::after {
  transition: none;
}
.animated-close-icon.state-back {
  transform: rotate(180deg);
}
.animated-close-icon.state-back::before {
  transform: rotate(45deg) scaleX(0.75) translate(0, -0.375rem);
}
.animated-close-icon.state-back::after {
  transform: rotate(-45deg) scaleX(0.75) translate(0, 0.375rem);
}
.overscroll-trigger {
  display: none;
  height: 1px;
}
.chat-list {
  background: var(--color-background);
  height: 100%;
  padding: 0.5rem;
  padding-inline-end: calc(0.5rem - var(--scrollbar-width));
  overflow-x: hidden;
  overflow-y: scroll;
}
.chat-list.forum-panel-open .info {
  opacity: 0;
  transform: translateX(-20%);
}
.chat-list.forum-panel-open .Chat[dir="rtl"] .info {
  transform: translateX(20%);
}
.chat-list.forum-panel-open .Avatar {
  transform: scale(0.9);
}
@media (min-width: 600px) {
  .chat-list.forum-panel-open .selected-forum .Avatar {
    transform: none;
  }
}
.chat-list .scroll-container {
  position: relative;
}
.chat-list .no-results {
  color: var(--color-text-meta);
  margin-top: 2rem;
  text-align: center;
}
.chat-list .Avatar {
  transition: transform var(--layer-transition);
}
body.no-page-transitions .chat-list .Avatar {
  transition: none;
}
.chat-list .ListItem.chat-item-clickable {
  margin: 0;
}
@media (max-width: 600px) {
  .chat-list {
    padding-left: 0;
    padding-right: 0;
  }
}
body.is-ios .chat-list,
body.is-android .chat-list {
  padding-left: 0;
  padding-right: 0;
}
body.is-ios .chat-list .ListItem::after,
body.is-android .chat-list .ListItem::after {
  opacity: 1;
  transition: opacity var(--layer-transition);
}
body.is-ios .chat-list.forum-panel-open .ListItem::after,
body.is-android .chat-list.forum-panel-open .ListItem::after {
  opacity: 0;
}
.Avatar,
.ProfilePhoto {
  --color-user: var(--accent-color);
}
.Avatar.replies-bot-account,
.Avatar.anonymous-forwards,
.Avatar.saved-messages,
.ProfilePhoto.replies-bot-account,
.ProfilePhoto.anonymous-forwards,
.ProfilePhoto.saved-messages {
  --color-user: var(--color-primary);
}
.Avatar.deleted-account,
.ProfilePhoto.deleted-account {
  --color-user: var(--color-deleted-account);
}
.fab-padding-bottom {
  padding-bottom: 5rem !important;
}
.with-story-ribbon {
  --story-ribbon-height: 5.5rem;
  height: calc(
    100% - var(--extra-height, 0px) + var(--story-ribbon-height)
  ) !important;
  transform: translateY(calc(var(--story-ribbon-height) * -1));
}
.with-story-ribbon.open,
.with-story-ribbon.closing {
  transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.with-story-ribbon.open {
  transform: translateY(0);
}
.peer-color-0 {
  --accent-color: var(--color-peer-0, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-0);
  --accent-background-color: var(--color-peer-bg-0, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-0,
    var(--active-color)
  );
}
.peer-color-1 {
  --accent-color: var(--color-peer-1, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-1);
  --accent-background-color: var(--color-peer-bg-1, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-1,
    var(--active-color)
  );
}
.peer-color-2 {
  --accent-color: var(--color-peer-2, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-2);
  --accent-background-color: var(--color-peer-bg-2, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-2,
    var(--active-color)
  );
}
.peer-color-3 {
  --accent-color: var(--color-peer-3, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-3);
  --accent-background-color: var(--color-peer-bg-3, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-3,
    var(--active-color)
  );
}
.peer-color-4 {
  --accent-color: var(--color-peer-4, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-4);
  --accent-background-color: var(--color-peer-bg-4, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-4,
    var(--active-color)
  );
}
.peer-color-5 {
  --accent-color: var(--color-peer-5, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-5);
  --accent-background-color: var(--color-peer-bg-5, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-5,
    var(--active-color)
  );
}
.peer-color-6 {
  --accent-color: var(--color-peer-6, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-6);
  --accent-background-color: var(--color-peer-bg-6, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-6,
    var(--active-color)
  );
}
.peer-color-7 {
  --accent-color: var(--color-peer-7, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-7);
  --accent-background-color: var(--color-peer-bg-7, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-7,
    var(--active-color)
  );
}
.peer-color-8 {
  --accent-color: var(--color-peer-8, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-8);
  --accent-background-color: var(--color-peer-bg-8, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-8,
    var(--active-color)
  );
}
.peer-color-9 {
  --accent-color: var(--color-peer-9, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-9);
  --accent-background-color: var(--color-peer-bg-9, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-9,
    var(--active-color)
  );
}
.peer-color-10 {
  --accent-color: var(--color-peer-10, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-10);
  --accent-background-color: var(--color-peer-bg-10, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-10,
    var(--active-color)
  );
}
.peer-color-11 {
  --accent-color: var(--color-peer-11, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-11);
  --accent-background-color: var(--color-peer-bg-11, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-11,
    var(--active-color)
  );
}
.peer-color-12 {
  --accent-color: var(--color-peer-12, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-12);
  --accent-background-color: var(--color-peer-bg-12, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-12,
    var(--active-color)
  );
}
.peer-color-13 {
  --accent-color: var(--color-peer-13, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-13);
  --accent-background-color: var(--color-peer-bg-13, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-13,
    var(--active-color)
  );
}
.peer-color-14 {
  --accent-color: var(--color-peer-14, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-14);
  --accent-background-color: var(--color-peer-bg-14, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-14,
    var(--active-color)
  );
}
.peer-color-15 {
  --accent-color: var(--color-peer-15, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-15);
  --accent-background-color: var(--color-peer-bg-15, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-15,
    var(--active-color)
  );
}
.peer-color-16 {
  --accent-color: var(--color-peer-16, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-16);
  --accent-background-color: var(--color-peer-bg-16, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-16,
    var(--active-color)
  );
}
.peer-color-17 {
  --accent-color: var(--color-peer-17, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-17);
  --accent-background-color: var(--color-peer-bg-17, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-17,
    var(--active-color)
  );
}
.peer-color-18 {
  --accent-color: var(--color-peer-18, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-18);
  --accent-background-color: var(--color-peer-bg-18, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-18,
    var(--active-color)
  );
}
.peer-color-19 {
  --accent-color: var(--color-peer-19, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-19);
  --accent-background-color: var(--color-peer-bg-19, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-19,
    var(--active-color)
  );
}
.peer-color-20 {
  --accent-color: var(--color-peer-20, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-20);
  --accent-background-color: var(--color-peer-bg-20, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-20,
    var(--active-color)
  );
}
.peer-color-21 {
  --accent-color: var(--color-peer-21, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-21);
  --accent-background-color: var(--color-peer-bg-21, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-21,
    var(--active-color)
  );
}
.peer-color-22 {
  --accent-color: var(--color-peer-22, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-22);
  --accent-background-color: var(--color-peer-bg-22, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-22,
    var(--active-color)
  );
}
.peer-color-23 {
  --accent-color: var(--color-peer-23, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-23);
  --accent-background-color: var(--color-peer-bg-23, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-23,
    var(--active-color)
  );
}
.peer-color-24 {
  --accent-color: var(--color-peer-24, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-24);
  --accent-background-color: var(--color-peer-bg-24, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-24,
    var(--active-color)
  );
}
.peer-color-25 {
  --accent-color: var(--color-peer-25, var(--color-text));
  --bar-gradient: var(--color-peer-gradient-25);
  --accent-background-color: var(--color-peer-bg-25, var(--hover-color));
  --accent-background-active-color: var(
    --color-peer-bg-active-25,
    var(--active-color)
  );
}
.peer-color-count-1,
.peer-color-count-2,
.peer-color-count-3 {
  --accent-background-color: var(--hover-color);
  --accent-background-active-color: var(--active-color);
}
.peer-color-count-2 {
  --_accent-color-rgb: var(--color-accent-own-rgb);
  --bar-gradient: repeating-linear-gradient(
    -45deg,
    rgb(var(--_accent-color-rgb), 100%),
    rgb(var(--_accent-color-rgb), 100%) 5px,
    rgb(var(--_accent-color-rgb), 35%) 5px,
    rgb(var(--_accent-color-rgb), 35%) 10px
  );
}
.peer-color-count-2 html.theme-dark {
  --_accent-color-rgb: var(--color-text-rgb);
}
.peer-color-count-3 {
  --_accent-color-rgb: var(--color-accent-own-rgb);
  --bar-gradient: repeating-linear-gradient(
    -45deg,
    rgb(var(--_accent-color-rgb), 100%),
    rgb(var(--_accent-color-rgb), 100%) 5px,
    rgb(var(--_accent-color-rgb), 60%) 5px,
    rgb(var(--_accent-color-rgb), 60%) 10px,
    rgb(var(--_accent-color-rgb), 20%) 10px,
    rgb(var(--_accent-color-rgb), 20%) 15px
  );
}
.peer-color-count-3 html.theme-dark {
  --_accent-color-rgb: var(--color-text-rgb);
}
@media print {
  body,
  html,
  .messages-layout {
    background: #fff;
  }
  #LeftColumn,
  #RightColumn-wrapper,
  .ChatOrUserPicker,
  #Notifications,
  .Modal,
  .ActiveCallHeader,
  .unread-count,
  #middle-column-portals,
  .header-tools,
  .ScrollDownButton,
  .middle-column-footer {
    display: none !important;
  }
  #MiddleColumn {
    border-left: none !important;
  }
  html,
  body,
  #root,
  #Main,
  #MiddleColumn,
  .MessageList,
  .messages-layout,
  .Transition,
  .Transition > .Transition_slide {
    height: auto !important;
    overflow: visible !important;
    display: block !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }
  .messages-container {
    max-width: 100rem !important;
    width: 100% !important;
  }
  .MessageList .sticky-date > span,
  .MessageList .local-action-message > span,
  .MessageList .ActionMessage > span,
  .MessageList .empty > span {
    background: var(--color-background-own) !important;
    color: var(--color-text) !important;
  }
  .hide-on-print {
    visibility: hidden !important;
  }
}
@font-face {
  font-family: "icons";
  src: url("") format("woff2"), url("") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
html,
body {
  width: 100%;
  height: 100%;
  background-color: var(--color-background);
  font-family: var(--font-family);
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: var(--color-text);
  font-weight: var(--font-weight-normal);
  line-height: 1.5;
  text-align: left;
  overflow: hidden;
  overscroll-behavior: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  user-select: none;
  --font-family: "Roboto", -apple-system, BlinkMacSystemFont,
    "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
  --font-family-monospace: "Cascadia Mono", "Roboto Mono", "Droid Sans Mono",
    "SF Mono", "Menlo", "Ubuntu Mono", "Consolas", monospace;
  --font-family-rounded: -ui-rounded, "Numbers Rounded", "Roboto",
    "Helvetica Neue", sans-serif;
  --font-family-condensed: "Roboto Condensed", "Roboto", "Helvetica Neue",
    sans-serif;
  --font-weight-semibold: 500;
}
@media (max-width: 600px) {
  html,
  body {
    height: calc(var(--vh, 1vh) * 100);
  }
}
noscript {
  width: 100%;
  height: 100%;
  display: grid;
  align-content: center;
  justify-items: center;
}
noscript .nojs-video {
  pointer-events: none;
}
noscript .nojs-video::-webkit-media-controls {
  display: none;
}
html.theme-dark {
  color-scheme: dark;
}
body.is-ios,
body.is-macos {
  --font-family: system-ui, -apple-system, BlinkMacSystemFont, "Roboto",
    "Apple Color Emoji", "Helvetica Neue", sans-serif;
  --font-weight-semibold: 600;
}
html[lang="fa"],
html[lang="fa"] body {
  --font-family: "Vazirmatn", "Roboto", -apple-system, BlinkMacSystemFont,
    "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
}
html[lang="fa"].is-ios,
html[lang="fa"].is-macos,
html[lang="fa"] body.is-ios,
html[lang="fa"] body.is-macos {
  --font-family: "Vazirmatn", -apple-system, BlinkMacSystemFont, "Roboto",
    "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
}
body.is-ios {
  --border-radius-messages: 1rem;
  --border-radius-messages-small: 0.5rem;
}
body.is-electron {
  --custom-cursor: default;
}
body.cursor-grabbing {
  --custom-cursor: grabbing;
  cursor: grabbing !important;
}
body.cursor-ew-resize {
  --custom-cursor: ew-resize;
  cursor: ew-resize !important;
}
#root,
.full-height {
  height: 100%;
}
@media (max-width: 600px) {
  #root,
  .full-height {
    height: calc(var(--vh, 1vh) * 100);
  }
}
#root.is-auth,
.full-height.is-auth {
  background: var(--color-background);
}
#middle-column-portals,
#portals {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
}
#middle-column-portals {
  top: calc(0rem - var(--call-header-height, 0rem));
}
.hidden {
  visibility: hidden;
}
.svg-definitions {
  position: fixed;
  top: -99999px;
}
.allow-selection {
  -webkit-user-select: text;
  user-select: text;
}
.no-selection {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.visually-hidden {
  position: absolute !important;
  width: 0;
  height: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  z-index: -1;
}
.custom-scroll,
.custom-scroll-x {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  transition: scrollbar-color 0.3s ease;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
}
.custom-scroll::-webkit-scrollbar-thumb,
.custom-scroll-x::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0.375rem;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.01);
}
.custom-scroll:hover,
.custom-scroll:focus,
.custom-scroll:focus-within,
.custom-scroll-x:hover,
.custom-scroll-x:focus,
.custom-scroll-x:focus-within {
  scrollbar-color: var(--color-scrollbar) rgba(0, 0, 0, 0);
}
.custom-scroll:hover::-webkit-scrollbar-thumb,
.custom-scroll:focus::-webkit-scrollbar-thumb,
.custom-scroll:focus-within::-webkit-scrollbar-thumb,
.custom-scroll-x:hover::-webkit-scrollbar-thumb,
.custom-scroll-x:focus::-webkit-scrollbar-thumb,
.custom-scroll-x:focus-within::-webkit-scrollbar-thumb {
  background-color: var(--color-scrollbar);
}
body:not(.is-ios) .custom-scroll::-webkit-scrollbar {
  width: 0.375rem;
}
body:not(.is-ios) .custom-scroll-x::-webkit-scrollbar {
  height: 0.375rem;
}
.no-scrollbar {
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.emoji-small {
  background: no-repeat;
  background-size: var(--emoji-size);
  color: rgba(0, 0, 0, 0);
  display: inline-block;
  width: var(--emoji-size);
  height: var(--emoji-size);
  margin-inline-end: 1px;
  overflow: hidden;
  flex-shrink: 0;
}
.emoji-small::selection {
  background-color: var(--color-selection-highlight-emoji);
  color: rgba(0, 0, 0, 0);
}
.div-button {
  outline: none !important;
  cursor: var(--custom-cursor, pointer);
}
.opacity-transition {
  opacity: 1;
  transition: opacity 0.15s ease;
}
.opacity-transition.not-open {
  opacity: 0;
}
.opacity-transition.not-shown {
  display: none;
}
.opacity-transition.slow {
  transition-duration: 0.3s;
}
.color-primary {
  color: var(--color-primary) !important;
}
.color-danger {
  color: var(--color-error) !important;
}
.text-muted {
  color: var(--color-text-secondary) !important;
}
.protector {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.for-ios-autocapitalization-fix {
  position: fixed;
  font-size: 16px;
  opacity: 0;
  bottom: 1rem;
  z-index: -1;
}
.emoji-test-element {
  opacity: 0;
  display: inline;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  left: 0;
}
.star-currency-icon {
  font-size: 1rem !important;
  vertical-align: text-top;
}
.star-amount-icon.star-amount-icon {
  line-height: inherit;
  margin-inline-start: 0.375em;
  margin-inline-end: 0.2em;
}
.shared-canvas-container {
  position: relative;
}
.shared-canvas,
.absolute-video-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@keyframes grow-icon {
  0% {
    transform: scale(0.5);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hide-icon {
  from {
    transform: scale(1);
    opacity: 0.4;
  }
  to {
    transform: scale(0.5);
    opacity: 0;
  }
}
.component-theme-dark {
  --color-background: rgb(33, 33, 33);
  --color-background-compact-menu: rgb(33, 33, 33, 0.867);
  --color-background-compact-menu-reactions: rgb(33, 33, 33, 0.867);
  --color-background-compact-menu-hover: rgb(0, 0, 0, 0.4);
  --color-background-menu-separator: rgba(255, 255, 255, 0.102);
  --color-background-secondary: rgb(15, 15, 15);
  --color-background-secondary-accent: rgb(25, 25, 25);
  --color-background-own: rgb(118, 106, 200);
  --color-background-own-apple: rgb(118, 106, 200);
  --color-background-selected: rgb(44, 44, 44);
  --color-background-own-selected: rgb(101, 73, 212);
  --color-chat-hover: rgb(44, 44, 44);
  --color-chat-active: rgb(118, 106, 200);
  --color-chat-active-greyed: rgb(146, 136, 211);
  --color-item-hover: rgb(44, 44, 44);
  --color-item-active: rgb(41, 41, 41);
  --color-text: rgb(255, 255, 255);
  --color-text-rgb: 255, 255, 255;
  --color-text-secondary: rgb(170, 170, 170);
  --color-text-secondary-rgb: 170, 170, 170;
  --color-icon-secondary: rgb(170, 170, 170);
  --color-text-secondary-apple: rgb(170, 170, 170);
  --color-borders: rgb(48, 48, 48);
  --color-borders-input: rgb(91, 91, 90);
  --color-dividers: rgb(59, 59, 61);
  --color-dividers-android: rgb(15, 15, 15);
  --color-links: rgb(135, 116, 225);
  --color-gray: rgb(113, 117, 121);
  --color-list-icon: rgb(112, 117, 121);
  --color-default-shadow: rgb(16, 16, 16, 0.612);
  --color-light-shadow: rgb(0, 0, 0, 0.251);
  --color-green: rgb(135, 116, 225);
  --color-success: rgb(0, 199, 62);
  --color-text-meta-colored: rgb(131, 120, 219);
  --color-reply-hover: rgb(39, 39, 39);
  --color-reply-active: rgb(46, 47, 47);
  --color-reply-own-hover: rgb(135, 117, 218);
  --color-reply-own-hover-apple: rgb(135, 117, 218);
  --color-reply-own-active: rgb(145, 125, 234);
  --color-reply-own-active-apple: rgb(145, 125, 234);
  --color-accent-own: rgb(255, 255, 255);
  --color-accent-own-rgb: 255, 255, 255;
  --color-message-meta-own: rgb(255, 255, 255, 0.533);
  --color-own-links: rgb(255, 255, 255);
  --color-code: rgb(135, 116, 225);
  --color-code-own: rgb(255, 255, 255);
  --color-code-bg: rgb(0, 0, 0, 0.502);
  --color-code-own-bg: rgb(0, 0, 0, 0.314);
  --color-composer-button: rgb(170, 170, 170, 0.8);
  --color-message-reaction: rgb(43, 42, 53);
  --color-message-reaction-hover: rgb(52, 49, 71);
  --color-message-reaction-own: rgb(103, 92, 175);
  --color-message-reaction-hover-own: rgb(91, 82, 155);
  --color-message-reaction-chosen-hover: rgb(120, 100, 221);
  --color-message-reaction-chosen-hover-own: rgb(245, 245, 245);
  --color-message-non-contact: rgb(204, 238, 191);
  --color-voice-transcribe-button: rgb(42, 42, 60);
  --color-voice-transcribe-button-own: rgb(131, 115, 211);
  --color-topic-blue: rgb(111, 249, 240);
  --color-topic-yellow: rgb(255, 214, 126);
  --color-topic-violet: rgb(203, 134, 219);
  --color-topic-green: rgb(142, 238, 152);
  --color-topic-rose: rgb(255, 147, 178);
  --color-topic-red: rgb(251, 111, 95);
  --color-topic-grey: rgb(153, 153, 153);
  --color-forum-unread-topic-hover: rgb(54, 54, 54);
  --color-forum-hover-unread-topic-hover: rgb(63, 63, 63);
  --color-chat-username: rgb(233, 238, 244);
}
@view-transition {
  navigation: auto;
}
:root::view-transition-group(root) {
  animation-duration: 400ms;
}

/*# sourceMappingURL=main.e76d115a35f62e2f2105.css.map*/