@charset "UTF-8";
/**
 * Стили для главного блока с контентом
 */
.content {
  width: 100%;
  height: var(--content-height);
  overflow: hidden;
}
.content_eventless {
  pointer-events: none;
}
@keyframes delayShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.hidden {
  display: none !important;
}
.visibility-hidden {
  visibility: hidden;
  opacity: 0;
}
.opacity-hidden {
  opacity: 0;
}
.visibility-pointer-hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.pointer-events-none {
  cursor: default;
  user-select: none;
  pointer-events: none;
}
.cursor-default {
  cursor: default;
}
.overflow-hidden {
  overflow: hidden;
}
.svg-icon {
  --icon-size: var(--size, 24px);
  --width: var(--icon-width, var(--icon-size));
  --height: var(--icon-height, var(--icon-size));
  box-sizing: border-box;
  width: var(--width);
  height: var(--height);
  object-fit: cover;
  object-position: center;
  fill: currentcolor;
}
.svg-icon::before {
  display: none;
}
.red-dot-exclamation {
  display: flex;
  place-content: center center;
  flex-direction: column;
  height: 18px;
  width: 18px;
  background: var(--ff6a64-or-ff4f47);
  border-radius: 50%;
}
.red-dot-exclamation .svg-icon {
  --size: 10px;
  width: 100%;
  color: var(--ffffff-or-ffffff);
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.wrap-all {
  word-break: break-all;
}
.delay-animation {
  opacity: 0;
  animation: 100ms delayShow 300ms linear forwards;
}
.line-through-underline {
  text-decoration: line-through;
  text-decoration-color: transparent;
  background: linear-gradient(currentcolor, currentcolor) 0 60% / 100% 1px no-repeat;
  box-decoration-break: clone;
}
.absolute {
  position: absolute;
}
.select_no {
  user-select: none;
}
.flex {
  display: flex;
}
.flex_row {
  display: flex;
  flex-direction: row;
}
.flex_col {
  display: flex;
  flex-direction: column;
}
.flex_ai_c {
  align-items: center;
}
.flex_ai_s {
  align-items: flex-start;
}
.flex_jc_c {
  justify-content: center;
}
.flex_jc_s {
  justify-content: flex-start;
}
.flex_wrap {
  flex-wrap: wrap;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
  appearance: textfield;
}
[type='number'] {
  appearance: textfield;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
::selection {
  background: var(--007aff-30-or-006be0-30);
}
*,
*::before,
*::after {
  box-sizing: border-box;
  scrollbar-width: none;
}
html,
body {
  width: 100%;
  height: 100%;
  scrollbar-width: none;
}
body {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  color: var(--333e49-or-ffffff-75);
  line-height: normal;
  user-select: none;
  font-weight: normal !important;
  overflow: hidden;
  -webkit-font-smoothing: antialiased !important;
}
video {
  outline: none;
}
button {
  outline: none;
  border: none;
  padding: 0;
  font: inherit;
  background-color: inherit;
  color: inherit;
  cursor: default;
}
p {
  margin: 0;
}
video::-webkit-media-controls-play-button {
  outline: none;
}
video::-webkit-media-controls-mute-button {
  outline: none;
}
video::-webkit-media-controls-volume-slider {
  outline: none;
}
video::-webkit-media-controls-fullscreen-button {
  outline: none;
}
video::-webkit-media-controls-timeline {
  outline: none;
}
audio::-webkit-media-controls-play-button {
  outline: none !important;
}
audio::-webkit-media-controls-mute-button {
  outline: none;
}
audio::-webkit-media-controls-volume-slider {
  outline: none;
}
audio::-webkit-media-controls-timeline {
  outline: none;
}
audio {
  outline: none;
}
img {
  vertical-align: middle;
}
div {
  outline: none;
  position: relative;
}
input {
  color: var(--333e49-or-ffffff-75);
  border: none;
  padding: 0;
}
input,
[contenteditable='true'] {
  caret-color: var(--333e49-or-ffffff-75);
}
input::selection,
[contenteditable='true']::selection {
  background-color: var(--007aff-30-or-006be0-30);
}
input:focus,
label:focus,
select:focus {
  outline: none;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
textarea {
  resize: none;
  outline: none !important;
  /* убирает черточки в textarea */
}
a,
img {
  outline: none !important;
  text-decoration: none;
}
b,
strong {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
}
i,
em {
  font-family: Lato, Arial, sans-serif;
  font-style: italic;
}
b > i,
b > em {
  font-family: Lato, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
mark {
  outline: none !important;
  text-decoration: none;
  background-color: transparent;
  color: var(--333e49-or-333e49);
}
div::-webkit-scrollbar,
iframe::-webkit-scrollbar {
  width: 0;
  height: 0;
}
div::selection,
span::selection {
  background: var(--007aff-30-or-006be0-30);
}
@font-face {
  font-family: Lato;
  font-display: swap;
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato/Lato-Thin.woff2') format('woff2');
}
@font-face {
  font-family: Inter;
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter/Inter-Regular.woff2') format('woff2');
}
@font-face {
  font-family: Lato;
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato/Lato-Light.woff2') format('woff2');
}
@font-face {
  font-family: Lato;
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato/Lato-Regular.woff2') format('woff2');
}
@font-face {
  font-family: Lato;
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato/Lato-Italic.woff2') format('woff2');
}
@font-face {
  font-family: Lato;
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/lato/Lato-Semibold.woff2') format('woff2');
}
@font-face {
  font-family: Lato;
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato/Lato-Bold.woff2') format('woff2');
}
@font-face {
  font-family: Lato;
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato/Lato-BoldItalic.woff2') format('woff2');
}
@font-face {
  font-family: Lato;
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/lato/Lato-Heavy.woff2') format('woff2');
}
@font-face {
  font-family: Lato;
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato/Lato-Black.woff2') format('woff2');
}
@font-face {
  font-family: Nunito;
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito/nunito-bold.woff2') format('woff2');
}
@font-face {
  font-family: Roboto;
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto/Roboto-Medium.woff2') format('woff2');
}
.fonts {
  opacity: 0;
}
.latolight {
  font-family: Lato, Arial, sans-serif;
  font-weight: 300;
}
.lato {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
}
.inter {
  font-family: Inter, Arial, sans-serif;
  font-weight: 400;
}
.latoitalic {
  font-family: Lato, Arial, sans-serif;
  font-style: italic;
}
.latomedium {
  font-family: Lato, Arial, sans-serif;
  font-weight: 500;
}
.latosemibold {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
}
.latobold {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
}
.latobolditalic {
  font-family: Lato, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.latoheavy {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
}
.latoblack {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
}
.nunitobold {
  font-family: Nunito, Arial, sans-serif;
  font-weight: 700;
}
.robotomedium {
  font-family: Roboto, sans-serif;
  font-weight: 500;
}
.title-bar {
  --title-bar-control-background-color: var(--ffffff-60-or-ffffff-60);
  --title-bar-controls-item-width: 46px;
  -webkit-app-region: drag;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--title-bar-height);
  background-color: var(--title-bar-background-color);
  border-bottom: 1px solid var(--title-bar-border-color);
  position: relative;
  z-index: 150;
}
.title-bar_smartapp {
  --title-bar-controls-item-width: 39px;
  --title-bar-height: var(--navigation-height);
  --title-bar-background-color: var(--ffffff-or-383837);
  --title-bar-border-color: var(--f0f0f0-or-ffffff-10);
  --title-bar-control-background-color: var(--8c8c8f-or-ffffff-60);
}
.title-bar__app-name {
  grid-column: 2;
  justify-self: center;
  font-family: 'Segoe UI', sans-serif;
  color: var(--ffffff-30-or-ffffff-30);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 500px) {
  .title-bar__app-name {
    width: 100%;
  }
}
.title-bar__controls {
  -webkit-app-region: no-drag;
  grid-column: 3;
  justify-self: end;
  padding-right: 1px;
  height: 100%;
}
.title-bar-controls {
  display: flex;
}
.title-bar-controls_smartapp {
  padding-right: 7px;
}
.title-bar-controls_smartapp .title-bar-controls__item_minimize::before {
  top: 68%;
  width: 17px;
  height: 1.5px;
  border-radius: 16px;
}
.title-bar-controls_smartapp .title-bar-controls__item_close::before,
.title-bar-controls_smartapp .title-bar-controls__item_close::after {
  width: 21px;
  height: 1.5px;
  border-radius: 16px;
}
.title-bar-controls_smartapp .title-bar-controls__item_maximize_collapse::before,
.title-bar-controls_smartapp .title-bar-controls__item_maximize_expand::before {
  border-radius: 2px;
  border: 1.5px solid var(--title-bar-control-background-color);
  width: 15px;
  height: 15px;
}
.title-bar-controls_smartapp .title-bar-controls__item_maximize_expand::after {
  border-radius: 2px;
  border: 1.5px solid var(--title-bar-control-background-color);
  width: 15px;
  height: 15px;
}
.title-bar-controls_smartapp .title-bar-controls__item:hover {
  --title-bar-control-background-color: var(--333e49-or-ffffff);
}
.title-bar-controls__item {
  width: var(--title-bar-controls-item-width);
  height: 100%;
}
.title-bar-controls__item:hover {
  --title-bar-control-background-color: var(--ffffff-or-ffffff);
}
.title-bar-controls__item_minimize::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  width: 10px;
  height: 0.5px;
  background-color: var(--title-bar-control-background-color);
  transform: translate(-50%, -50%);
  content: '';
}
.title-bar-controls__item_maximize_collapse::before {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 1px;
  border: 1px solid var(--title-bar-control-background-color);
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
  content: '';
}
.title-bar-controls__item_maximize_expand::before,
.title-bar-controls__item_maximize_expand::after {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  border: 1px solid var(--title-bar-control-background-color);
  border-radius: 1px;
  content: '';
}
.title-bar-controls__item_maximize_expand::before {
  transform: translate(calc(-50% + 1px), calc(-50% - 1px));
}
.title-bar-controls__item_maximize_expand::after {
  transform: translate(calc(-50% - 1px), calc(-50% + 1px));
  background-color: var(--title-bar-background-color);
}
.title-bar-controls__item_close {
  margin-right: -1px;
  width: calc(var(--title-bar-controls-item-width) + 1px);
}
.title-bar-controls__item_close::before,
.title-bar-controls__item_close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 1px;
  border-radius: 50%;
  background-color: var(--title-bar-control-background-color);
  content: '';
}
.title-bar-controls__item_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.title-bar-controls__item_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
[data-title-bar-height] {
  --title-bar-height: 32px;
  --content-height: calc(100vh - var(--title-bar-height));
  --main-right-angle-opacity: 1;
  --overlay-when-show-leftmenu-border-top-left-radius: 8px;
}
@keyframes skeletonLineMoveFromLeftToRight {
  from {
    transform: translateX(-50vw);
  }
  to {
    transform: translateX(50vw);
  }
}
.skeleton {
  user-select: none;
}
.skeleton_animation {
  overflow: hidden;
}
.skeleton_animation::after {
  animation: skeletonLineMoveFromLeftToRight 3s ease-out infinite;
  background: linear-gradient(90deg, transparent 0%, var(--000000-01-or-ffffff-005) 50%, transparent 100%);
  position: absolute;
  width: 60px;
  height: 100%;
  content: '';
}
.skeleton__grid {
  display: flex;
}
.skeleton__grid_vertical {
  flex-direction: column;
  row-gap: var(--skeleton-grid-vertical-gap, 5px);
  margin: var(--skeleton-grid-vertical-margin, none);
}
.skeleton__grid_horizontal {
  align-items: center;
  justify-content: space-between;
  padding: var(--skeleton-grid-horizontal-padding, 0);
  width: var(--skeleton-grid-horizontal-width, initial);
}
.skeleton__rectangle {
  margin-bottom: var(--skeleton-rectangle-margin-bottom, none);
  border-radius: var(--skeleton-rectangle-border-radius, 5px);
  width: var(--skeleton-rectangle-size, var(--skeleton-rectangle-width, 100px));
  height: var(--skeleton-rectangle-size, var(--skeleton-rectangle-height, 16px));
  background-color: var(--skeleton-rectangle-color, var(--f5f5f5-70-or-ffffff-02));
}
.skeleton__circle {
  --skeleton-circle-size: 34px;
  border-radius: 50%;
  margin: var(--skeleton-circle-margin, none);
  width: var(--skeleton-circle-size);
  height: var(--skeleton-circle-size);
  background-color: var(--skeleton-circle-color, var(--f5f5f5-70-or-ffffff-02));
}
/**
 * @deprecated - лучше использовать cbutton
 */
.button_block {
  width: 100%;
}
.button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.button_simple.button_gray {
  color: var(--b4b4b4-or-ffffff-75);
  background: var(--f5f5f5-or-ffffff-05);
}
.button_simple.button_gray:hover {
  background: var(--e4e4e4-or-ffffff-10);
}
.button_sapphire {
  color: var(--ffffff-or-ffffff);
  background: var(--007aff-or-006be0);
}
.button_sapphire:hover {
  background: var(--0066d6-or-0058b8);
}
.button_gradient-preloader {
  --animation-delay: 300ms;
  --color: var(--007aff-or-006be0);
  background: linear-gradient(45deg, var(--color) 25%, var(--000000-05-or-000000-05) 25%, var(--000000-05-or-000000-05) 50%, var(--color) 50%, var(--color) 75%, var(--000000-05-or-000000-05) 75%, var(--000000-05-or-000000-05)), var(--color);
  background-size: 1rem 1rem;
  pointer-events: none;
  cursor: default;
  animation: 0s delayShowPreloader var(--animation-delay) linear forwards, progress-bar-stripes 4s linear infinite;
}
.button_red {
  color: var(--ffffff-or-ffffff);
  background: var(--ff6a64-or-ff4f47);
}
.button_red:hover {
  background: var(--ff4942-or-ff271f);
}
.button_red_light {
  color: var(--ffffff-or-ffffff);
  background: var(--ff6b66-90-or-ff4f47-90);
}
.button_red_light:hover {
  background: var(--ff4942-90-or-ff271f-90);
}
.button_green {
  color: var(--ffffff-or-ffffff);
  background: var(--05c46b-or-04a45a);
}
.button_green:hover {
  background: var(--049a54-or-037c44);
}
.button_pink {
  color: var(--ffffff-or-ffffff);
  background: var(--d05dbd-or-b54fa5);
}
.button_pink:hover {
  background: var(--c73db1-or-9a418c);
}
.button_blue {
  color: var(--ffffff-or-ffffff);
  background: var(--009fe6-or-006b30);
}
.button_blue:hover {
  background: var(--0088c4-or-006d9e);
}
.button_blue-or-sapphire {
  color: var(--ffffff-or-ffffff);
  background: var(--009fe6-or-006be0);
}
.button_blue-or-sapphire:hover {
  background: var(--0088c4-or-0058b8);
}
.button_gray {
  color: var(--b4b4b4-or-ffffff-75);
  background: var(--f5f5f5-or-ffffff-10);
}
.button_gray:hover {
  background: var(--e4e4e4-or-ffffff-05);
}
.button_dark_grey {
  background: var(--f0f0f0-10-or-ffffff-05);
  color: var(--b4b4b4-50-or-ffffff-30);
}
.button_dark_grey:hover {
  background: var(--f0f0f0-05-or-f0f0f0-15);
}
.button_black {
  color: var(--dcdcdc-or-dcdcdc);
  background: var(--333e49-or-000000);
}
.button_black:hover {
  background: var(--445260-or-141414);
}
.button_black_light {
  color: var(--ffffff-or-ffffff-75);
  background: var(--000000-50-or-ffffff-05);
}
.button_black_light:hover {
  background: var(--000000-80-or-ffffff-10);
}
.button_dark {
  color: var(--333e49-or-333e49);
}
.button_dark:hover {
  background: var(--e4e4e4-or-f0f0f0-15);
}
.button_clear-black {
  background: var(--000000-or-000000);
  color: var(--ff0000-or-ff4f47);
}
.button_clear-black:hover {
  background: var(--000000-or-ffffff-05);
}
.button_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.button_disabled-delayed {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
  transition: opacity 0s 300ms;
}
.button_preloader {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  animation: 0s delayHideButtonText 300ms linear forwards;
}
.button_preloader::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.button_preloader.button_size_s::after {
  height: 12px;
  width: 12px;
  background-size: 12px;
}
.button_preloader.button_size_m::after {
  height: 16px;
  width: 16px;
  background-size: 16px;
}
.button_preloader.button_gray::after {
  background-image: url('../images/global/preloader-gray.svg');
}
.button_preloader.button_blue::after {
  background-image: url('../images/global/preloader-white.svg');
}
.button_preloader.button_dark-mode::after {
  background-image: url('../images/global/preloader-dark.svg');
}
.button_preloader-grey::after {
  background: url('../images/global/preloader-gray.svg') center no-repeat;
}
.button_preloader-blue::after {
  width: 18px;
  height: 18px;
  background: url('../images/global/preloader-blue.svg') center no-repeat;
}
.button_empty {
  border: 1px solid var(--dcdcdc-or-ffffff-30);
  border-radius: 5px;
  color: var(--b4b4b4-or-ffffff-50);
  background-color: var(--ffffff-or-transparent);
  font-size: 13px;
}
.button_empty:hover {
  color: var(--8c8c8c-or-ffffff-75);
  background: var(--ffffff-or-transparent);
  border-color: var(--b4b4b4-or-ffffff-50);
}
.button_empty.button_preloader::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
}
.button_size_l {
  font-size: 17px;
  line-height: 26px;
  height: 42px;
  padding: 8px 20px;
}
.button_size_l > .button__icon {
  --size: 22px;
  font-size: 22px;
}
.button_size_m {
  font-size: 15px;
  line-height: 23px;
  height: 35px;
  padding: 6px 16px;
}
.button_size_m > .button__icon {
  --size: 20px;
  font-size: 20px;
}
.button_size_ms {
  font-size: 15px;
  line-height: 22px;
  height: 34px;
  padding: 6px 12px;
}
.button_size_ms > .button__icon {
  --size: 20px;
  font-size: 20px;
}
.button_size_sm {
  font-size: 15px;
  line-height: 20px;
  height: 36px;
  padding: 8px 12px;
}
.button_size_sm > .button__icon {
  font-size: 15px;
}
.button_size_sm.button_outline {
  padding: 7.5px 11.5px;
}
.button_size_s {
  font-size: 13px;
  line-height: 20px;
  height: 28px;
  padding: 4px 12px;
}
.button_size_s > .button__icon {
  --size: 18px;
  font-size: 18px;
}
.button_size_xs {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  height: 24px;
  padding: 3px 8px;
}
.button_size_xs > .button__icon {
  --size: 16px;
  font-size: 16px;
}
.button_outline {
  border: 1px solid;
  background-color: transparent;
}
.button_outline.button_red {
  border-color: var(--ff6a64-or-ff4f47);
  color: var(--ff6a64-or-ff4f47);
}
.button_outline.button_red:hover {
  border-color: var(--ff4942-or-ff271f);
  color: var(--ff4942-or-ff271f);
  background-color: var(--ffffff-or-ffffff);
}
.button_outline.button_green {
  border-color: var(--05c46b-or-04a45a);
  color: var(--05c46b-or-04a45a);
}
.button_outline.button_green:hover {
  border-color: var(--049a54-or-037c44);
  color: var(--049a54-or-037c44);
  background-color: var(--ffffff-or-ffffff);
}
.button_outline.button_gray {
  color: var(--b4b4b4-or-ffffff-75);
  border: 1px solid var(--dcdcdc-or-ffffff-20);
}
.button_outline.button_gray:hover {
  background-color: var(--f0f0f0-or-ffffff-10);
  border-color: var(--f0f0f0-or-transparent);
}
.button_outline.button_blue {
  color: var(--009fe6-or-2574a9);
  border: 1px solid var(--009fe6-or-2574a9);
}
.button_outline.button_blue:hover {
  color: var(--ffffff-or-ffffff);
  background-color: var(--009fe6-or-2574a9);
}
.button_outline.button_blue.button_preloader {
  background-color: var(--009fe6-or-2574a9);
}
.button_border:not(.button_disabled):hover {
  color: var(--ffffff-or-ffffff);
}
.button_border:not(.button_disabled):hover > .button__icon {
  color: var(--ffffff-or-ffffff);
}
.button_border.button_gray {
  border: 1px solid var(--dcdcdc-or-ffffff-20);
  color: var(--b4b4b4-or-ffffff-75);
  background-color: var(--ffffff-or-1c1c1c);
}
.button_border.button_gray:not(.button_disabled):hover {
  color: var(--b4b4b4-or-ffffff-75);
  background-color: var(--f5f5f5-or-ffffff-10);
  border-color: var(--f5f5f5-or-transparent);
}
.button_border.button_gray:not(.button_disabled):hover > .button__icon {
  color: var(--b4b4b4-or-b4b4b4);
}
.button_border.button_sapphire > .button__icon {
  color: var(--007aff-or-006be0);
}
.button_border.button_sapphire:not(.button_disabled):hover {
  background: var(--007aff-or-006be0);
  border-color: var(--007aff-or-006be0);
}
.button_border.button_blue > .button__icon {
  color: var(--009fe6-or-009fe6);
}
.button_border.button_blue:not(.button_disabled):hover {
  background: var(--009fe6-or-009fe6);
  border-color: var(--009fe6-or-009fe6);
}
.button_border.button_green {
  border: 1px solid var(--05c46b-or-04a45a);
  color: var(--05c46b-or-04a45a);
}
.button_border.button_green > .button__icon {
  color: var(--05c46b-or-04a45a);
}
.button_border.button_green:not(.button_disabled):hover {
  color: var(--ffffff-or-ffffff);
  background: var(--05c46b-or-04a45a);
  border-color: var(--05c46b-or-04a45a);
}
.button_border.button_green:not(.button_disabled):hover > .button__icon {
  color: var(--ffffff-or-ffffff);
}
.button_border.button_red > .button__icon {
  color: var(--ff6a64-or-ff4f47);
}
.button_border.button_red:not(.button_disabled):hover {
  color: var(--ffffff-or-ffffff);
  background: var(--ff6a64-or-ff4f47);
  border-color: var(--ff6a64-or-ff4f47);
}
.button_border.button_red:not(.button_disabled):hover > .button__icon {
  color: var(--ffffff-or-ffffff);
}
.button_icon-right .svg-icon {
  margin-bottom: 0 !important;
}
.button_icon-right.button_size_m {
  padding: 6px 14px 6px 16px;
  font-size: 15px;
  line-height: 23px;
}
.button_icon-right.button_size_m > .button__icon {
  --size: 20px;
  font-size: 20px;
  margin-left: 4px;
  margin-bottom: 1px;
}
.button_icon-right.button_size_s {
  padding-right: 8px;
}
.button_icon-right.button_size_s > .button__icon {
  --size: 16px;
  font-size: 16px;
  margin-left: 6px;
}
.button_icon-left.button_size_m {
  padding-left: 12px;
  padding-right: 12px;
}
.button_icon-left.button_size_m > .button__icon {
  --size: 18px;
  font-size: 18px;
  margin-right: 8px;
  margin-bottom: 1px;
}
.button_icon-left.button_size_s {
  padding-left: 8px;
}
.button_icon-left.button_size_s > .button__icon {
  --size: 16px;
  font-size: 16px;
  margin-right: 6px;
}
.button-square {
  --size: 24px;
  font-size: 24px;
  height: 34px;
  width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.button-square:hover {
  color: var(--009fe6-or-009fe6);
  cursor: pointer;
}
.button-square_border {
  color: var(--b4b4b4-or-ffffff-50);
  border: 1px solid var(--f0f0f0-or-ffffff-05);
  background-color: var(--ffffff-or-transparent);
}
.button-square_gray {
  color: var(--b4b4b4-or-ffffff-75);
  border: 1px solid var(--f5f5f5-or-ffffff-10);
  background-color: var(--f5f5f5-or-ffffff-10);
}
.button-square_preloader {
  pointer-events: none;
  color: transparent !important;
  cursor: default;
}
.button-square_preloader::after {
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 20px;
  position: absolute;
}
.button-square_active {
  color: var(--009fe6-or-009fe6);
}
.button-download__circle,
.button-download__cross,
.button-download__progress {
  display: block;
  transition: stroke-dasharray 0.1s;
}
.button-download_wait:hover .button-download__wait-circle,
.button-download_wait:hover .button-download__wait-clock {
  display: none;
}
.button-download_wait:hover .button-download__wait-cross {
  display: block;
}
.button-download__wait-circle,
.button-download__wait-clock {
  display: block;
}
.button-download__wait-cross {
  display: none;
}
.button-download__wait-queue {
  display: block;
}
.button-download__hover-wait {
  display: none;
}
.button-download:hover .button-download__complete {
  fill: var(--049a54-or-037c44);
}
.button-author {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  padding: 3px 6px 3px 8px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.button-author_sapphire {
  background-color: var(--007aff-10-or-006be0-10);
  color: var(--2574a9-or-009fe6);
}
.button-author_sapphire:hover {
  cursor: pointer;
  background-color: var(--007aff-20-or-006be0-20) !important;
}
.button-author_sapphire .button-author_disabled {
  background-color: var(--007aff-30-or-006be0-30);
}
.button-author_sapphire .button-author_disabled:hover {
  cursor: default;
  background-color: var(--007aff-10-or-006be0-10);
}
.button-author_sapphire .button-author__text {
  font-size: 13px;
  line-height: 18px;
  margin-right: 6px;
}
.button-author_sapphire .button-author__icon {
  font-size: 16px;
}
.button-author.button_preloader::after {
  background: url('../images/global/preloader-blue.svg') center no-repeat;
  background-size: 16px;
}
.button-author.button_preloader .button-author__text {
  visibility: hidden;
}
.button-author.button_preloader .button-author__icon {
  visibility: hidden;
}
.button-author__icon {
  font-size: 16px;
}
.button-author .svg-icon {
  --size: 14px;
}
.button-secondary {
  --background-color: transparent;
  background-color: var(--background-color);
}
.button-secondary.button_blue {
  color: var(--009fe6-or-008ac7);
  border: 1px solid var(--009fe6-or-008ac7);
}
.button-secondary.button_blue:hover {
  background-color: var(--background-color);
  color: var(--0088c4-or-006d9e);
  border: 1px solid var(--0088c4-or-006d9e);
}
.button-secondary.button_blue.button_preloader::after {
  background-image: url('../images/global/preloader-blue.svg');
}
.button-secondary.button_green {
  color: var(--05c46b-or-04a45a);
  border: 1px solid var(--05c46b-or-04a45a);
}
.button-secondary.button_green:hover {
  background-color: var(--background-color);
  color: var(--049a54-or-037c44);
  border: 1px solid var(--049a54-or-037c44);
}
.button-tertiary-mini {
  background-color: var(--007aff-10-or-006be0-10);
  color: var(--2574a9-or-009fe6);
  font-size: 13px;
  line-height: 18px;
  padding: 4px 10px;
  border-radius: 20px;
}
.button-tertiary-mini:hover {
  background-color: var(--007aff-20-or-006be0-20);
  cursor: pointer;
}
.button_round {
  border-radius: 30px;
}
.button_font-weight-normal {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
}
.link:hover {
  cursor: pointer;
}
.link_underline {
  border-bottom: 1px solid var(--b4b4b4-or-ffffff-30);
}
.link_sea {
  color: var(--2574a9-or-009fe6);
}
.link_sea:hover {
  color: var(--1c577f-or-2574a9);
}
.link_red {
  color: var(--ff6a64-or-ff4f47);
}
.link_red:hover {
  color: var(--ff6a64-or-ff4f47);
}
.link_sea-dark {
  color: var(--2574a9-or-2574a9);
}
.link_sea-dark:hover {
  color: var(--2574a9-or-2574a9);
}
.link_dark {
  color: var(--3495d6-90-or-009fe6);
}
.link_dark:hover {
  color: var(--0088c4-90-or-006d9e);
}
.link_sea-light {
  color: var(--2574a9-70-or-009fe6-50);
}
.link_sea-light:hover {
  color: var(--2574a9-or-009fe6);
}
.link_blue {
  color: var(--009fe6-or-009fe6);
}
.link_blue:hover {
  color: var(--2574a9-or-2574a9);
}
.link_underline-dashed {
  border-bottom: 1px dashed currentcolor;
}
.link mark {
  pointer-events: none;
  color: var(--2574a9-or-2574a9);
}
.link-with-info {
  margin-top: auto;
}
.link-with-info__button {
  display: inline-flex;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 4px;
}
.link-with-info__text {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
}
.form-input {
  padding: 8px 11px;
  font-size: 15px;
  border-radius: 8px;
  width: 100%;
  height: 36px;
}
.form-input_smoke {
  background-color: var(--f8f8f8-or-f8f8f8);
}
.form-input_error {
  transition: all 0ms linear 80ms;
  border: 1px solid var(--ff6a64-or-ff4f47) !important;
}
.form-input_border-bottom {
  width: 100%;
  border-bottom: 1px solid var(--f8f8f8-or-f8f8f8);
  padding-bottom: 6px;
  font-size: 15px;
  line-height: 20px;
}
.form-input_disabled {
  pointer-events: none;
}
.form-input_center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.form-input::placeholder {
  color: var(--popup-input-placeholder-color);
}
.form-search {
  font-size: 15px;
  border-radius: 8px;
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  color: var(--popup-input-color);
  background-color: var(--popup-input-background-color);
  overflow: hidden;
}
.form-search_preloader .form-search__preloader {
  display: block;
}
.form-search__icon {
  --size: 20px;
  position: absolute;
  left: 12px;
  top: 8px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: var(--b4b4b4-or-ffffff-30);
}
.form-search__input {
  padding: 0 42px 0 38px;
  background-color: transparent;
  width: 100%;
  height: 100%;
  color: currentcolor;
  caret-color: currentcolor;
}
.form-search__input:placeholder-shown + .form-search__gradient {
  display: block;
}
.form-search__input::placeholder {
  color: var(--popup-input-placeholder-color);
}
.form-search__preloader {
  background: url('../images/global/preloader-gray.svg') no-repeat center;
  background-size: 16px;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  height: 16px;
  display: none;
  opacity: 0;
  animation: 0s delayShowPreloader 500ms linear forwards,
			linear 500ms infinite rotatePreloader;
}
.form-search__preloader-wrapper {
  background-color: var(--f8f8f8-or-16181a);
  position: absolute;
  right: 8px;
  height: 18px;
  opacity: 0;
  animation: 0s delayShowPreloader linear 0.3s forwards;
}
.form-search__preloader-svg {
  --size: 18px;
  color: var(--b4b4b4-or-b4b4b4);
  animation: preloader linear 0.6s infinite;
}
.form-search__gradient {
  display: none;
  position: absolute;
  right: 42px;
  width: 20px;
  height: 20px;
  content: '';
  background: linear-gradient(to right, transparent, var(--f8f8f8-or-f8f8f8) 70%);
  pointer-events: none;
}
.form-search_disabled {
  pointer-events: none;
}
.form-search_disabled input {
  opacity: 0.3;
}
@keyframes delayShowPreloader {
  to {
    opacity: 1;
  }
}
@keyframes rotatePreloader {
  to {
    transform: rotate(360deg);
  }
}
.form-input-hint {
  background-color: var(--ffffff-or-272727);
  border-radius: 8px;
  border: 1px solid var(--separator-color-line);
  overflow-y: scroll;
  width: 100%;
  font-size: 15px;
  line-height: 18px;
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 1;
}
.form-input-hint__item {
  display: flex;
  align-items: center;
}
.form-input-hint__item:hover,
.form-input-hint__item:focus {
  background-color: var(--f8f8f8-or-transparent);
  cursor: pointer;
}
.form-input-hint__item_icon {
  margin: 0 8px 0 12px;
}
.form-input-hint__item_text {
  color: var(--2574a9-or-ffffff);
  padding: 9px 12px 9px 0;
  border-bottom: 1px solid var(--separator-color-line);
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.form-input-hint__item:last-child > .form-input-hint__item_text {
  border: none;
}
.form-input-hint__item_not-found {
  color: var(--b4b4b4-or-ffffff-30);
  word-break: break-word;
  padding: 9px 12px;
}
.input_gray_bg {
  background-color: var(--f8f8f8-or-f8f8f8);
  border-radius: 8px;
  cursor: text;
  padding: 8px 10px 8px 9px;
}
.input_gray_bg_magnifier {
  margin-right: 6px;
  width: 20px;
  height: 20px;
  flex: none;
  font-size: 20px;
}
.input_gray_bg_area {
  background-color: var(--f8f8f8-or-f8f8f8);
  font-size: 15px;
  line-height: 18px;
  margin-right: 16px;
  flex-basis: 100%;
  max-height: 54px;
  max-width: 100%;
}
.input_gray_bg_area::before {
  color: var(--b4b4b4-or-b4b4b4);
}
.input_gray_bg_preloader {
  flex: none;
  width: 16px;
  height: 16px;
  display: flex;
}
.input_gray {
  display: flex;
  align-items: center;
  background-color: var(--f8f8f8-or-f8f8f8);
  border-radius: 8px;
  overflow: hidden;
}
.input_gray_field {
  font-size: 15px;
  line-height: 18px;
  background-color: inherit;
  padding: 9px 16px 9px 12px;
  flex: 1;
  height: 36px;
}
.input_gray_count {
  flex: none;
  font-size: 12px;
  line-height: 14px;
  color: var(--b4b4b4-or-b4b4b4);
  padding-right: 12px;
}
.switch {
  display: inline-flex;
  align-items: center;
  background-color: var(--f0f0f0-or-ffffff-06);
  height: 29px;
  width: 48px;
  border-radius: 15px;
  cursor: pointer;
}
.switch__slider {
  transition: transform 0.3s ease, background-color 0.3s ease;
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: var(--ffffff-or-bcbcbc);
  height: 25px;
  width: 25px;
  border-radius: 100%;
  box-shadow: var(--switch-slider-box-shadow);
}
.switch_active {
  background-color: var(--4cd964-or-04a45a);
}
.switch_active .switch__slider {
  transform: translateX(19px);
}
.switch_disabled {
  opacity: 0.3;
  transition-delay: 0.3s;
  pointer-events: none;
}
.switch_placeholder {
  cursor: auto;
}
.switch_dark {
  background: var(--f0f0f0-07-or-1c1c1c-60);
}
.switch_dark .switch__slider {
  background-color: var(--dcdcdc-or-ffffff-50);
}
.switch_dark.switch_active .switch__slider {
  background-color: var(--009fe6-or-009fe6);
  transform: translateX(28px);
}
.switch_dark.switch_size_s.switch_active {
  background-color: var(--f0f0f0-07-or-1c1c1c-60);
}
.switch_size_s {
  width: 36px;
  height: 22px;
}
.switch_size_s .switch__slider {
  width: 18px;
  height: 18px;
}
.switch_size_s.switch_active {
  background-color: var(--4cd964-or-04a45a-70);
}
.switch_size_s.switch_active .switch__slider {
  transform: translateX(14px);
}
.switch_size_m {
  width: 36px;
  height: 23px;
}
.switch_size_m .switch__slider {
  width: 19px;
  height: 19px;
}
.switch_size_m.switch_active {
  background-color: var(--4cd964-or-0b7c48);
}
.switch_size_m.switch_active .switch__slider {
  transform: translateX(13px);
}
.text-triangle {
  display: flex;
  align-items: center;
  cursor: pointer;
  max-width: 100%;
}
.text-triangle__text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
}
.text-triangle__icon-down,
.text-triangle__icon-up {
  flex: none;
  font-size: 18px;
}
.text-triangle__icon-up,
.text-triangle_active > .text-triangle__icon-down {
  display: none;
}
.text-triangle_active > .text-triangle__icon-up {
  display: block;
}
.text-loading .text-loading__dot:nth-child(1) {
  animation: show-first-dot linear 1660ms infinite;
}
.text-loading .text-loading__dot:nth-child(2) {
  animation: show-second-dot linear 1660ms infinite;
}
.text-loading .text-loading__dot:nth-child(3) {
  animation: show-third-dot linear 1660ms infinite;
}
@keyframes show-first-dot {
  0% {
    opacity: 0;
  }
  18.07% {
    opacity: 0;
  }
  38.55% {
    opacity: 1;
  }
  79.51% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes show-second-dot {
  0% {
    opacity: 0;
  }
  38.55% {
    opacity: 0;
  }
  59.03% {
    opacity: 1;
  }
  79.51% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes show-third-dot {
  0% {
    opacity: 0;
  }
  59.03% {
    opacity: 0;
  }
  79.51% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/**
 * иконка крестика в круге с фоном
 */
.close-filled {
  width: 30px;
  height: 30px;
}
.close-filled_simple .close-filled__circle {
  fill: var(--simple-close-circle-color);
}
.close-filled_simple .close-filled__cross {
  fill: var(--simple-close-cross-color);
}
.close-filled__circle {
  fill: var(--popup-close-circle-color);
}
.close-filled__cross {
  fill: var(--popup-close-cross-color);
}
.close-filled:hover {
  cursor: pointer;
}
.close-filled:hover > .close-filled__circle {
  fill: var(--dcdcdc-or-ffffff-03);
}
.close-filled:hover > .close-filled__cross {
  fill: var(--b4b4b4-or-009fe6);
}
.close-filled:hover_red__circle {
  fill: var(--ff6a64-or-ff4f47);
}
.close-filled:hover_red__cross {
  fill: var(--popup-close-cross-color);
}
/**
 * Иконка крестика для очистки инпутов
 */
.clearing-cross {
  position: absolute;
  top: 11px;
  right: 8px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--dcdcdc-or-dcdcdc);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.1s ease-out;
}
.clearing-cross .clearing-cross__icon {
  --size: 14px;
  color: var(--dcdcdc-or-ffffff-15);
}
.clearing-cross:hover {
  background-color: var(--b4b4b4-or-b4b4b4);
}
@keyframes animateSvgIconFade {
  to {
    opacity: 0;
  }
}
.popup {
  --popup-wrap-margin-vertical: 42px;
  --popup-wrap-margin-horizontal: 0;
  z-index: 101;
  position: absolute;
  height: var(--content-height);
  inset: var(--title-bar-height) 0 0 0;
  user-select: none;
  pointer-events: none;
}
.popup:has(.popup__item_portal) {
  z-index: auto;
}
.popup_size_xs .popup__inner {
  width: 240px;
}
.popup_size_xs .popup__header {
  padding: 24px;
}
.popup_size_ys .popup__inner {
  width: 300px;
}
.popup_size_xxs .popup__inner {
  width: 288px;
}
.popup_size_xys .popup__inner {
  width: 368px;
}
.popup_size_s .popup__inner {
  width: 360px;
}
.popup_size_s .popup__header {
  padding: 20px 42px 0 20px;
}
.popup_size_s .popup__header-long-description {
  padding: 21px 20px 0;
}
.popup_size_s .popup__title {
  padding-right: 16px;
}
.popup_size_s .popup__description {
  font-size: 14px;
  line-height: 20px;
  color: var(--333e49-or-ffffff-75);
}
.popup_size_s .popup__container {
  display: flex;
  flex-direction: column;
}
.popup_size_s .popup__close {
  top: 17px;
  right: 13px;
}
.popup_size_xm .popup__inner {
  width: 400px;
}
.popup_size_m .popup__inner {
  width: 448px;
}
.popup_size_m .popup__header {
  padding: 21px 46px 0 20px;
}
.popup_size_m .popup__title {
  padding-right: 16px;
}
.popup_size_m .popup__container {
  max-height: 480px;
  min-height: 150px;
  display: flex;
  flex-direction: column;
}
.popup_size_m .popup__description {
  font-size: 15px;
  line-height: 20px;
}
.popup_size_l .popup__inner {
  width: 624px;
}
.popup_size_l .popup__content {
  flex: 1;
}
.popup_size_l .popup__description {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
}
.popup_size_xl .popup__inner {
  width: 900px;
}
.popup_size_xl .popup__content {
  flex: 1;
}
.popup_size_xl .popup__description {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
}
.popup_size_xl .popup-sidebar__content {
  width: 332px;
}
.popup_big-close .popup__close {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  color: var(--b4b4b4-or-ffffff-20);
  background-color: var(--8c8c8f-or-121212);
  cursor: pointer;
  top: 0;
  right: -48px;
}
.popup_big-close .popup__close + .popup_big-close .popup__close {
  margin-left: 12px;
}
.popup_big-close .popup__close:hover:not(.popup_button_outside_disabled),
.popup_big-close .popup__close_active:not(.popup_button_outside_disabled) {
  color: var(--ffffff-or-009fe6);
}
.popup_big-close .popup__close_preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  animation: 0s delayHideButtonText 300ms linear forwards;
}
.popup_big-close .popup__close_preloader .svg-icon {
  animation: 0s animateSvgIconFade 300ms linear forwards;
}
.popup_big-close .popup__close_preloader::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.popup_big-close .popup__close_background-black {
  background: var(--ffffff-10-or-ffffff-10);
}
.popup_big-dark-close .popup__close,
.popup_big-dark-close .popup-button-outside {
  background: var(--8c8c8c-30-or-121212);
  color: var(--b4b4b4-40-or-ffffff-20);
}
.popup_big-dark-close .popup__close:hover:not(.popup_button_outside_disabled),
.popup_big-dark-close .popup-button-outside:hover:not(.popup_button_outside_disabled) {
  color: var(--b4b4b4-90-or-009fe6);
}
.popup_big-dark-close .popup__close {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  top: 0;
  right: -48px;
}
.popup_gray-close .close-filled__circle {
  fill: var(--f0f0f0-or-ffffff-03);
}
.popup_hide-close .popup__wrap > .popup__close {
  display: none;
}
.popup_full-height .popup__wrap {
  height: 100%;
}
.popup_fullscreen .popup__overlay {
  background: none;
}
.popup_fullscreen .popup__wrap {
  width: 100% !important;
  height: 100%;
  margin: 0;
  max-height: inherit;
}
.popup_fullscreen .popup__inner {
  background: none;
  border-radius: 0;
  height: 100%;
}
.popup_fullscreen .popup__close {
  display: none;
}
.popup_centered .popup__wrap {
  margin: auto 0;
}
.popup_as_popover .popup__inner {
  border: 1px solid var(--popover-border-color);
  background-color: var(--popover-background-color);
  box-shadow: 0 2px 4px var(--popover-shadow-color);
}
.popup_circle-header {
  padding: 50px 0 0;
}
.popup_circle-header:not(.popup_centered) .popup__wrap_overflow-visible {
  margin: 42px 0 0;
  max-height: calc(var(--content-height) - 134px);
}
.popup__close {
  display: flex;
  opacity: 1;
  top: 18px;
  right: 16px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
}
.popup__close_opacity {
  opacity: 0.1;
}
.popup__arrows-block {
  position: absolute;
  right: -60px;
  width: 60px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  pointer-events: none;
}
.popup__arrows {
  width: 100%;
  align-items: center;
  height: 84px;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
}
.popup__item {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: initial;
  pointer-events: initial;
}
.popup__item_workable-leftmenu {
  width: calc(100% - var(--main-left-width));
  margin-left: var(--main-left-width);
}
.popup__item_portal {
  z-index: var(--popup-portal-z-index);
}
.popup__item_delayed {
  animation: fadeIn var(--show-delay) ease-out forwards;
}
.popup__item_click-through {
  pointer-events: none;
}
.popup__item_click-through .popup__wrap {
  pointer-events: auto;
}
.popup__item_workable-leftmenu .popup__overlay {
  border-top-left-radius: var(--overlay-when-show-leftmenu-border-top-left-radius);
}
.popup__overlay {
  position: absolute;
  inset: 0;
  background: var(--04040a-50-or-000000-80);
}
.popup__overlay_transparent {
  background: transparent;
}
.popup__overlay_accent {
  background: var(--04040a-80-or-000000-80);
}
.popup__overlay_blur {
  background-color: var(--04040a-50-or-000000-50);
  backdrop-filter: blur(5px);
}
.popup__wrap {
  margin: var(--popup-wrap-margin-vertical) var(--popup-wrap-margin-horizontal);
  display: flex;
  flex-direction: column;
  /*
			REMARK: Минимальные отступы по 42 пикселя сверху и снизу если попап большой.
			ОБЯЗАТЕЛЬНО поменять переменную CSKIN.popup.VERTICAL_MARGIN при изменении значения!
		*/
  max-height: calc(var(--content-height) - var(--popup-wrap-margin-vertical) * 2);
}
.popup__wrap_reduced {
  margin-bottom: 0 !important;
  max-height: calc(var(--content-height) - var(--popup-wrap-margin-vertical));
}
.popup__wrap_overflow-visible {
  --popup-wrap-circle-margin-top: 92px;
  margin: var(--popup-wrap-circle-margin-top) 0 0;
  max-height: calc(var(--content-height) - var(--popup-wrap-circle-margin-top) - var(--popup-wrap-margin-vertical));
}
.popup__wrap_overflow-visible .popup__inner {
  overflow: inherit;
}
.popup__inner {
  display: flex;
  flex-direction: column;
  background: var(--ffffff-or-1c1c1c);
  border-radius: 8px;
  box-shadow: 0 0 0 3px var(--000000-05-or-transparent);
  overflow: hidden;
  max-height: 100%;
  height: 100%;
}
.popup__container_simple .popup__header {
  padding-bottom: 24px;
}
.popup__container_simple .popup__title + .popup__description {
  margin-top: 4px;
}
.popup__container_simple .popup__footer {
  padding-top: 0;
}
.popup__container_avatar .popup__header {
  display: flex;
  padding-bottom: 0;
}
.popup__container_avatar .popup__avatar {
  margin-right: 12px;
  margin-top: 1px;
  flex: none;
}
.popup__container_avatar .popup__title {
  margin-bottom: 4px;
}
.popup__container_avatar .popup__footer {
  padding-top: 24px;
}
.popup__container_text .popup__header {
  padding-bottom: 24px;
}
.popup__container_text .popup__title + .popup__description {
  margin-top: 4px;
}
.popup__container_text .popup__input {
  padding: 0 16px 24px;
}
.popup__container_text .popup__content {
  padding: 0 16px 8px;
}
.popup__container_input .popup__header {
  padding-bottom: 16px;
}
.popup__container_input .popup__title {
  margin-bottom: 16px;
}
.popup__container_input .popup__footer {
  padding-top: 16px;
}
.popup__container_search .popup__header {
  padding-bottom: 0;
}
.popup__container_search .popup__input {
  padding: 16px 16px 24px;
}
.popup__container_search .popup__title + .popup__description {
  margin-top: 7px;
}
.popup__container_search .popup__description-black {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  word-break: break-word;
  color: var(--333e49-or-ffffff-75);
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
}
.popup__container_search .popup__footer {
  padding-top: 12px;
}
.popup__container_fullheight {
  height: calc(var(--content-height) - 84px) !important;
  min-height: calc(var(--content-height) - 84px) !important;
}
.popup__container_scroll {
  overflow: hidden scroll;
  border-bottom: 2px solid var(--ffffff-or-1c1c1c);
  border-radius: 8px;
}
.popup__container_scroll .popup__close {
  top: 16px;
  right: 16px;
}
.popup__header {
  flex: none;
}
.popup__content {
  flex: 1;
}
.popup__content_mass-actions {
  padding-bottom: 8px !important;
}
.popup__content_scroll {
  overflow: hidden scroll;
  display: flex;
  flex-direction: column;
}
.popup__content_scroll-y {
  overflow: hidden scroll;
}
.popup__content_border {
  border-bottom: 2px solid var(--ffffff-or-1c1c1c);
}
.popup__content_border-top {
  border-top: 2px solid var(--ffffff-or-1c1c1c);
}
.popup__content_overflow {
  overflow-y: hidden;
}
.popup__content_fixed-scroll {
  max-height: calc(var(--content-height) - 150px);
  overflow: auto;
  scroll-behavior: smooth;
}
.popup__input {
  padding: 0 16px;
}
.popup__footer {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  flex: none;
  border-radius: 0 0 8px 8px;
}
.popup__footer_border {
  border-top: 1px solid var(--separator-color-line);
  padding: 12px;
}
.popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  color: var(--333e49-or-ffffff-75);
  letter-spacing: -0.2px;
  font-size: 18px;
  line-height: 24px;
  word-break: break-word;
}
.popup__title-center {
  text-align: center;
}
.popup__description {
  letter-spacing: -0.15px;
  word-break: break-word;
}
.popup .popup__description_black {
  margin-top: 7px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  word-break: break-word;
  color: var(--333e49-or-333e49);
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
}
.popup__not-found {
  font-size: 13px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-30);
  word-break: break-word;
  padding: 8px 18px 26px;
}
.popup__header-button {
  margin-bottom: -2px;
}
.popup_list_item {
  padding: 6px 16px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}
.popup_list_item:not(:last-child) {
  margin-bottom: 1px;
}
.popup_list_item:hover:not(.popup_list_item_disabled) {
  background-color: var(--f8f8f8-or-f8f8f8);
}
.popup_list_item_selectable:hover {
  background-color: var(--009fe6-05-or-33648f-30) !important;
}
.popup_list_item_active {
  background-color: var(--009fe6-05-or-33648f-30);
}
.popup_list_item_active .avatar::after {
  display: block;
  content: '';
  border: 1.5px solid var(--ffffff-or-1c1c1c);
  box-shadow: 0 0 0 1.5px var(--009fe6-or-006b30);
  height: 38.5px;
  width: 38.5px;
  border-radius: 50%;
  position: absolute;
}
.popup_list_item_active:hover {
  background-color: var(--009fe6-05-or-33648f-30) !important;
}
.popup_list_item_disabled {
  background-color: var(--f8f8f8-or-f8f8f8);
  cursor: default !important;
}
.popup_list_item_disabled .avatar::after {
  display: block;
  content: '';
  border: 1.5px solid var(--ffffff-or-1c1c1c);
  box-shadow: 0 0 0 1.5px var(--05c46b-or-04a45a);
  height: 38.5px;
  width: 38.5px;
  border-radius: 50%;
  position: absolute;
}
.popup_list_item_icon {
  position: absolute;
  top: 4px;
  left: 42px;
}
.popup_list_item_icon .warning__filled {
  width: 17px;
  height: 17px;
  background: var(--ff6a64-or-ff4f47);
  border-radius: 50%;
  position: absolute;
}
.popup_list_item_icon .warning__circle {
  font-size: 22px;
  top: -3px;
  left: -2px;
  color: var(--ffffff-or-1c1c1c);
  position: absolute;
}
.popup_list_item_info {
  flex: 1;
}
.popup_list_item_name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 20px;
  font-size: 15px;
  max-width: 215px;
}
.popup__preloader {
  --size: 20px;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  animation: 100ms delayShowPreloader 300ms linear forwards;
  color: var(--b4b4b4-or-ffffff-30);
}
.popup__loader {
  --size: 24px;
  color: var(--b4b4b4-or-ffffff-30);
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 18px 0 8px;
}
.popup__header-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--ffffff-or-1c1c1c);
  margin: 0 auto;
  position: absolute;
  padding: 10px;
  top: -50px;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup__header-circle .popup__avatar {
  width: 80px;
  height: 80px;
}
.popup_click-through {
  pointer-events: none;
}
@keyframes delayShowPreloader {
  to {
    opacity: 1;
  }
}
.popup-confirm-delete .popup__header {
  padding: 20px 20px 8px;
}
.popup-confirm-delete .popup__header .popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  margin-top: 8px;
  letter-spacing: inherit;
}
.popup-login .popup__header {
  padding: 21px 20px 0;
}
.popup-cloud {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.popup-cloud__background {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: var(--cant-upload-file-clouds-background);
  transform: translateZ(0);
  animation: start-updater-clouds-slide 30s linear infinite;
}
.popup-cloud-success .popup-cloud__icon {
  margin-top: 22px;
}
.popup-cloud__icon {
  --size: 60px;
  color: var(--b4b4b4-or-ffffff-30);
  margin: 33px 0 12px;
}
.popup-cloud__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  color: var(--333e49-or-ffffff-75);
}
.popup-cloud__text {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
  color: var(--333e49-or-ffffff-75);
  padding: 8px 32px;
}
.popup-cloud__text_wide {
  font-size: 14px;
  letter-spacing: -0.12px;
  padding: 8px 20px;
}
.popup-list__header {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 8px 18px 10px;
  cursor: default;
  width: 100%;
  flex: none;
}
.popup-list__header_placeholder {
  padding: 27px 18px 11px !important;
}
.popup-list__header_placeholder:first-child {
  padding-top: 15px !important;
}
.popup-list__items {
  margin-bottom: 16px;
}
@keyframes popup-item-highlight {
  20% {
    background-color: var(--highlight-color);
  }
  80% {
    background-color: var(--highlight-color);
  }
  100% {
    background-color: transparent;
  }
}
.popup-item {
  --highlight-color: var(--009fe6-05-or-33648f-30);
  --animation-duration: 0.6s;
  --animation-delay: 3s;
  --animation-highligth-time: calc(var(--animation-delay) + var(--animation-duration) * 2);
  --animation-timing-function-primary: ease-in-out;
  padding: 6px 16px;
  display: flex;
  align-items: center;
  flex: none;
}
.popup-item:not(:last-child) {
  margin-bottom: 1px;
}
.popup-item:hover:not(.popup-item_disabled) {
  background-color: var(--f8f8f8-or-transparent);
}
.popup-item_highlight {
  animation: popup-item-highlight var(--animation-timing-function-primary) var(--animation-highligth-time);
}
.popup-item_active {
  background-color: var(--009fe6-05-or-33648f-30);
}
.popup-item_active .avatar::after,
.popup-item_active .leftmenu-additional-button-block__icon-block::after {
  display: block;
  content: '';
  border: 1.5px solid var(--ffffff-or-1b242a);
  box-shadow: 0 0 0 1.5px var(--009fe6-or-006b30);
  height: 38.5px;
  width: 38.5px;
  border-radius: 50%;
  position: absolute;
}
.popup-item_active:hover {
  background-color: var(--009fe6-05-or-33648f-30) !important;
}
.popup-item_radio .avatar::after {
  display: none;
}
.popup-item_hover {
  background-color: var(--f8f8f8-or-f8f8f8);
}
.popup-item_disabled {
  background-color: var(--f8f8f8-or-1c1c1c);
  cursor: default !important;
  pointer-events: none;
}
.popup-item_disabled .avatar::after {
  display: block;
  content: '';
  border: 1.5px solid var(--ffffff-or-1c1c1c);
  box-shadow: 0 0 0 1.5px var(--05c46b-or-04a45a);
  height: 38.5px;
  width: 38.5px;
  border-radius: 50%;
  position: absolute;
}
.popup-item_inactive {
  pointer-events: none;
}
.popup-item_muted {
  opacity: 0.5;
}
.popup-item_selectable {
  cursor: pointer;
}
.popup-item_placeholder {
  pointer-events: none;
}
.popup-item_placeholder .popup-item__name {
  margin-bottom: 7px;
}
.popup-item_icon > .popup-item__info {
  max-width: 187px;
  margin-right: 16px;
}
.popup-item_icon > .popup-item__icon {
  margin-left: auto;
  margin-right: 8px;
}
.popup-item__avatar {
  margin-right: 8px;
}
.popup-item__info {
  flex: 1;
  max-width: 215px;
}
.popup-item__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 20px;
  font-size: 15px;
  color: var(--333e49-or-ffffff-75);
}
.popup-item__name_fake {
  background-color: var(--f5f5f5-or-ffffff-02);
  height: 16px;
  width: 140px;
  margin: 2px 0;
  border-radius: 5px;
}
.popup-item__description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--b4b4b4-or-ffffff-30);
  line-height: 20px;
  font-size: 15px;
}
.popup-item__description_fake {
  background-color: var(--f5f5f5-or-ffffff-30);
  width: 180px;
  border-radius: 5px;
  height: 16px;
  margin: 4px 4px 2px 0;
}
.popup-item__badge {
  margin-left: auto;
  flex: none;
}
.popup-item__badge_placeholder {
  padding: 27px 18px 11px !important;
}
.popup-item__badge_placeholder:first-child {
  padding-top: 15px !important;
}
.popup-item__icon {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--popup-empty-icon-background-color);
  margin-right: 8px;
}
.popup-empty {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--ffffff-or-1c1c1c);
}
.popup-empty_transparent {
  background-color: transparent;
}
.popup-empty_stub {
  padding: 6px 20px 0;
}
.popup-empty_search {
  height: var(--content-height);
  max-height: 741px;
}
.popup-empty__image {
  margin-bottom: 8px;
}
.popup-empty__image_disconnected {
  width: 60px;
  height: 60px;
}
.popup-empty__svg-icon {
  --size: 60px;
  margin-bottom: 8px;
  color: var(--popup-empty-icon-background-color);
  flex-shrink: 0;
}
.popup-empty__svg-icon_mb-big {
  margin-bottom: 12px;
}
.popup-empty__svg-icon_xs {
  margin-bottom: 8px;
}
.popup-empty__text {
  color: var(--popup-empty-text-color);
  text-align: center;
  font-size: 13px;
  line-height: 18px;
}
.popup-empty__text_ls {
  letter-spacing: -0.1px;
}
.popup-empty__reload {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  margin-top: 24px;
  padding: 6px 10px 6px 12px !important;
}
.popup-empty__icon {
  margin-left: 2px;
  font-size: 16px;
}
.popup-empty__invite {
  margin-top: 24px;
  padding: 4px 12px;
}
.popup-arrow {
  padding: 4px;
  pointer-events: auto;
}
.popup-arrow:hover {
  cursor: pointer;
}
.popup-arrow:hover .popup-arrow__icon {
  color: var(--ffffff-or-009fe6);
}
.popup-arrow.popup-arrow_disabled {
  cursor: default;
}
.popup-arrow.popup-arrow_disabled .popup-arrow__icon {
  background: var(--848487-or-121212-20);
  color: var(--b4b4b4-15-or-ffffff-07);
}
.popup-arrow.popup-arrow_disabled .popup-arrow__icon:hover {
  background: var(--848487-or-121212-20);
  color: var(--b4b4b4-15-or-ffffff-07);
}
.popup-arrow__icon {
  background-color: var(--8c8c8f-or-121212);
  color: var(--b4b4b4-40-or-ffffff-20);
  width: 36px;
  height: 36px;
  font-size: 24px;
  display: flex;
  opacity: 1;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.popup-arrow__icon_down {
  transform: rotate(180deg);
}
.popup-button-outside {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  color: var(--b4b4b4-or-ffffff-20);
  background-color: var(--8c8c8f-or-121212);
  cursor: pointer;
}
.popup-button-outside + .popup-button-outside {
  margin-left: 12px;
}
.popup-button-outside:hover:not(.popup_button_outside_disabled),
.popup-button-outside_active:not(.popup_button_outside_disabled) {
  color: var(--ffffff-or-009fe6);
}
.popup-button-outside_preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  animation: 0s delayHideButtonText 300ms linear forwards;
}
.popup-button-outside_preloader .svg-icon {
  animation: 0s animateSvgIconFade 300ms linear forwards;
}
.popup-button-outside_preloader::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.popup-options {
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.popup-options__menu {
  flex-direction: row;
  display: flex;
  align-items: center;
}
.popup-sidebar {
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 8px;
}
.popup-sidebar_right {
  justify-content: flex-end;
}
.popup-sidebar_left {
  justify-content: flex-start;
}
.popup-sidebar_active {
  display: flex;
  animation: fadeIn 400ms ease-out forwards;
}
.popup-sidebar_hidden {
  display: flex;
  animation: fadeOut 400ms ease-out forwards;
  pointer-events: none;
}
.popup-sidebar__content {
  background: var(--ffffff-or-1c1c1c);
}
.popover {
  position: absolute;
  border: 1px solid var(--popover-border-color);
  background-color: var(--popover-background-color);
  box-shadow: 0 2px 4px var(--popover-shadow-color);
  border-radius: 5px;
}
.popover_dark {
  border: 1px solid var(--popover-dark-border-color);
  background-color: var(--popover-dark-background-color);
}
.popover__angle {
  position: absolute;
  top: 0;
}
.popover__angle::before,
.popover__angle::after {
  content: '';
  position: absolute;
  border: 7px solid transparent;
}
.popover__angle::before {
  bottom: 0;
  border-bottom: 9px solid var(--popover-border-color);
}
.popover__angle::after {
  border-bottom: 9px solid var(--popover-background-color);
  bottom: -2px;
}
.popover__angle_left {
  transform: rotate(-90deg);
}
.popover__angle_bottom {
  transform: rotate(-180deg);
}
.popover__angle_right {
  transform: rotate(90deg);
}
.popover__angle_dark {
  background-color: var(--popover-dark-border-color);
}
.popover__angle_dark::before,
.popover__angle_dark::after {
  content: '';
  position: absolute;
  border: 7px solid transparent;
}
.popover__angle_dark::before {
  border-bottom: 9px solid var(--popover-dark-border-color);
  bottom: 0;
}
.popover__angle_dark::after {
  border-bottom: 9px solid var(--popover-dark-background-color);
  bottom: -2px;
}
.popover__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 0;
}
.popover__avatar_has-description {
  padding: 32px 0 16px;
}
.popover__menu {
  padding: 11px;
}
.popover__menu_options {
  min-width: 230px;
  padding-top: 0;
}
.popover__menu_options-single {
  width: 272px;
}
.popover__menu_options-group {
  width: 258px;
}
.popover__menu_options-user-card {
  min-width: 258px;
}
.popover__menu_options-user-card .popover-button {
  padding: 1px 12px 0 11px;
}
.popover__menu_additional {
  width: 240px;
}
.popover__menu_actions {
  width: 253px;
}
.popover__image {
  margin: -13px -13px 12px;
  border-radius: 5px 5px 0 0;
}
.popover_transparent {
  background: transparent;
  border: none;
}
.popover-divider {
  height: 1px;
  margin: 7px 0 8px;
  width: 100%;
  background-color: var(--f5f5f5-or-ffffff-02);
}
.popover-button {
  display: flex;
  align-items: center;
  border-radius: 5px;
  padding: 0 12px;
  height: 34px;
}
.popover-button_green .popover-button__text,
.popover-button_green .popover-button__icon {
  color: var(--05c46b-or-04a45a) !important;
}
.popover-button_red .popover-button__text,
.popover-button_red .popover-button__icon {
  color: var(--ff6a64-or-ff4f47) !important;
}
.popover-button:first-child {
  margin-top: 2px;
}
.popover-button:not(:last-child) {
  margin-bottom: 2px;
}
.popover-button_highlighted,
.popover-button:hover {
  background-color: var(--009fe6-or-2e2e2e);
  cursor: pointer;
}
.popover-button_highlighted .popover-button__angle,
.popover-button:hover .popover-button__angle,
.popover-button_highlighted .popover-button__icon,
.popover-button:hover .popover-button__icon {
  color: var(--ffffff-or-ffffff-30);
}
.popover-button_highlighted .popover-button__icon_check,
.popover-button:hover .popover-button__icon_check {
  color: var(--ffffff-or-009fe6);
}
.popover-button_highlighted .popover-button__text,
.popover-button:hover .popover-button__text,
.popover-button_highlighted .popover-button__check,
.popover-button:hover .popover-button__check {
  color: var(--ffffff-or-ffffff-70);
}
.popover-button_highlighted .button_preloader-grey::after,
.popover-button:hover .button_preloader-grey::after {
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 16px;
}
.popover-button_highlighted .popover-button__icon_red,
.popover-button:hover .popover-button__icon_red {
  color: var(--ffffff-or-ffffff-30) !important;
}
.popover-button_checked .popover-button__check {
  display: block;
}
.popover-button_arrow {
  --size: 18px;
  justify-content: space-between;
  color: var(--b4b4b4-or-ffffff-30);
}
.popover-button_arrow:hover {
  color: var(--ffffff-or-ffffff-70);
}
.popover-button_disabled,
.popover-button_inactive {
  pointer-events: none;
  cursor: default;
}
.popover-button_disabled .popover-button__icon,
.popover-button_inactive .popover-button__icon {
  color: var(--b4b4b4-30-or-ffffff-10);
}
.popover-button_disabled .popover-button__text,
.popover-button_inactive .popover-button__text {
  color: var(--333e49-30-or-ffffff-30);
}
.popover-button_inactive {
  pointer-events: all;
}
.popover-button_inactive:hover {
  cursor: default;
  background: transparent;
}
.popover-button_inactive:hover .popover-button__icon {
  color: var(--b4b4b4-30-or-ffffff-10);
}
.popover-button_inactive:hover .popover-button__text {
  color: var(--333e49-30-or-ffffff-30);
}
.popover-button_disabled {
  height: 53px;
}
.popover-button_active {
  pointer-events: none;
  background-color: var(--009fe6-or-009fe6);
  cursor: default;
}
.popover-button_active .popover-button__icon,
.popover-button_active .popover-button__text {
  color: var(--f0f0f0-80-or-ffffff-70);
}
.popover-button__check {
  color: var(--009fe6-or-009fe6);
  display: none;
  margin-left: auto;
}
.popover-button__icon {
  --size: 18px;
  color: var(--b4b4b4-or-ffffff-30);
  margin-right: 8px;
  font-size: 18px;
}
.popover-button__icon_right {
  margin-right: 0;
  margin-left: auto;
}
.popover-button__icon_red {
  /*
				REMARK: У нас для dark поповеров стили перезаписываются, пришлось !important применить,
				чтобы не рефакторить кучу
			*/
  color: var(--ff6a64-or-ff4f47) !important;
}
.popover-button__icon_green {
  color: var(--05c46b-or-04a45a);
}
.popover-button__icon_check {
  color: var(--009fe6-or-009fe6);
}
.popover-button__icon-block {
  display: flex;
  justify-content: flex-start;
}
.popover-button__icon-block.button_preloader .popover-button__icon {
  animation: 0s delayHideButtonText 300ms linear forwards;
}
.popover-button__counter {
  font-size: 15px;
  line-height: 22px;
  color: var(--ffffff-30-or-ffffff-30);
}
.popover-button__text {
  color: var(--333e49-or-ffffff-75);
  font-size: 15px;
  line-height: 18px;
}
.popover-button__text-small {
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 12px;
  line-height: 19px;
}
.popover-button__left-content {
  display: flex;
}
.popover-button__angle {
  position: absolute;
  right: 7px;
  top: 10px;
}
.popover-button_dark.popover-button__clicked,
.popover-button_dark:hover {
  background-color: var(--393a4d-or-2e2e2e);
  cursor: pointer;
}
.popover-button_dark.popover-button__clicked .popover-button__icon,
.popover-button_dark:hover .popover-button__icon {
  color: var(--ffffff-30-or-ffffff-30);
}
.popover-button_dark.popover-button__clicked .popover-button__text,
.popover-button_dark:hover .popover-button__text {
  color: var(--f0f0f0-80-or-ffffff-75);
}
.popover-button_dark.popover-button__clicked > .icon_angle_right_small,
.popover-button_dark:hover > .icon_angle_right_small {
  --size: 18px;
  color: var(--b4b4b4-or-b4b4b4);
}
.popover-button_dark.popover-button__clicked:hover > .icon_angle_right_small,
.popover-button_dark:hover:hover > .icon_angle_right_small {
  color: var(--ffffff-or-ffffff-80);
}
.popover-button_dark.popover-button__clicked > .icon_angle_right_small {
  color: var(--ffffff-or-ffffff);
}
.popover-button_dark .popover-button__icon {
  color: var(--ffffff-30-or-ffffff-30);
}
.popover-button_dark .popover-button__icon.icon_bell_sleep {
  color: var(--009fe6-or-009fe6);
}
.popover-button_dark .popover-button__icon.icon_bell_sleep + .popover-button__text {
  color: var(--009fe6-or-009fe6);
}
.popover-button_dark .popover-button__icon.icon_bell_sleep + .popover-button__text + .popover-button__icon {
  color: var(--009fe6-or-009fe6);
}
.popover-button_dark .popover-button__text {
  color: var(--f0f0f0-80-or-ffffff-70);
}
.popover-button_big-icon .popover-button__icon {
  --size: 24px;
  margin-right: 5px;
  margin-left: -4px;
}
.popover-overlay {
  position: absolute;
  inset: 0;
  z-index: 120;
}
.popover-overlay_hover {
  pointer-events: none;
}
.popover-confirm {
  width: 227px;
  padding: 24px 16px 16px;
}
.popover-confirm__angle {
  position: absolute;
}
.popover-confirm__angle::after {
  content: '';
  position: absolute;
  border: 7px solid transparent;
  border-bottom: 7px solid var(--000000-90-or-272727);
}
.popover-confirm__angle_top {
  right: calc(50% + 7px);
  top: -14px;
}
.popover-confirm__angle_bottom {
  right: 50%;
  bottom: 0;
}
.popover-confirm__angle_bottom::after {
  transform: rotate(180deg) translate(50%);
}
.popover-confirm__angle_right {
  right: 0;
  top: 50%;
}
.popover-confirm__angle_right::after {
  transform: rotate(90deg) translate(-50%);
}
.popover-confirm__angle_left {
  left: -14px;
  top: 50%;
}
.popover-confirm__angle_left::after {
  transform: rotate(-90deg) translate(50%);
}
.popover-confirm__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 24px;
  text-align: center;
}
.popover-confirm__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popover-confirm__button {
  font-size: 15px;
  padding: 6px 16px;
  border-radius: 5px;
  color: var(--ffffff-or-ffffff-70);
  height: 35px;
  width: 100%;
}
.popover-confirm__button_confirm {
  min-width: 83px;
  color: var(--ffffff-or-ffffff-80);
  background: var(--ff6a64-or-ff4f47);
}
.popover-confirm__button_confirm:hover {
  background: var(--ff4942-90-or-ff271f-90);
}
.popover-confirm__button_confirm-small {
  width: min-content;
}
.popover-confirm__button_decline {
  background-color: var(--000000-or-ffffff-05);
}
.popover-confirm__button_decline:hover {
  background-color: var(--141414-or-ffffff-10);
}
.popover-confirm__actions {
  display: flex;
  gap: 12px;
}
.popover-confirm_black {
  background: var(--000000-90-or-272727);
  padding: 16px;
  border-radius: 5px;
  width: auto;
}
.popover-confirm_black .popover-confirm__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: var(--f8f8f8-or-ffffff-70);
  letter-spacing: -0.12px;
  margin-bottom: 12px;
}
.popover-confirm_black .popover-confirm__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popover-confirm_white {
  border-radius: 5px;
  width: auto;
  padding: 15px;
  background-color: var(--ffffff-or-272727);
  border: 1px solid var(--f0f0f0-or-ffffff-05);
}
.popover-confirm_white .popover-confirm__angle {
  position: absolute;
}
.popover-confirm_white .popover-confirm__angle::after {
  border-bottom-color: var(--ffffff-or-272727);
}
.popover-confirm_white .popover-confirm__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: var(--f8f8f8-or-ffffff-70);
  letter-spacing: -0.12px;
  margin-bottom: 12px;
}
.popover-confirm_white .popover-confirm__button {
  display: flex;
  align-items: center;
}
.popover-confirm_white .popover-confirm__button_confirm {
  color: var(--ffffff-or-ffffff-80);
  background: var(--ff6a64-or-ff4f47);
}
.popover-confirm_white .popover-confirm__button_confirm:hover {
  background: var(--ff4942-90-or-ff271f-90);
}
.popover-confirm_white .popover-confirm__button_decline {
  background-color: var(--f5f5f5-or-ffffff-05);
  color: var(--b4b4b4-or-ffffff-70);
}
.popover-confirm_white .popover-confirm__button_decline:hover {
  background-color: var(--e4e4e4-or-ffffff-10);
}
.popover-confirm_white .popover-confirm__actions {
  gap: 9px;
}
.popover-confirm_with-angle {
  padding: 15px;
}
.popover-confirm_with-angle__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  margin-bottom: 16px;
  text-align: center;
}
.popover-confirm_with-angle__buttons {
  display: flex;
}
.popover-confirm_with-angle__button {
  font-size: 15px;
  padding: 6px 16px;
  border-radius: 5px;
  height: 35px;
  width: 100%;
}
.popover-confirm_with-angle__button:first-child {
  margin-right: 12px;
}
.popover-confirm_with-angle__button_small {
  width: 52px;
}
.popover-confirm_with-angle__angle {
  top: initial;
  bottom: 0;
  right: 15px;
}
.popover-confirm_with-angle__angle_horizontal-center {
  right: calc(50% - 6px);
}
.popover-cskin__outer {
  position: absolute;
  inset: 0;
  z-index: 120;
}
.popover-cskin__overlay {
  position: absolute;
  inset: 0;
}
/**
 * стили для тултипа с подсказкой
 */
.hint {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  position: absolute;
  z-index: 210;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  user-select: none;
}
.hint.top {
  padding: 0 0 5px;
  margin-top: 0;
}
.hint.top .hint_arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  border-width: 5px 4px 0;
  border-top-color: var(--000000-90-or-006d9e);
}
.hint.right {
  padding: 0 0 0 5px;
  margin-left: 0;
}
.hint.right .hint_arrow {
  top: 50%;
  left: 0 !important;
  margin-top: -4px;
  border-width: 4px 5px 4px 0;
  border-right-color: var(--000000-90-or-006d9e);
}
.hint.bottom {
  padding: 5px 0 0;
  margin-top: 0;
}
.hint.bottom .hint_arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
  border-width: 0 4px 5px;
  border-bottom-color: var(--000000-90-or-006d9e);
}
.hint.left {
  padding: 0 5px 0 0;
  margin-left: 0;
}
.hint.left .hint_arrow {
  top: 50%;
  right: 0 !important;
  margin-top: -4px;
  border-width: 4px 0 4px 5px;
  border-left-color: var(--000000-90-or-006d9e);
}
.hint_inner {
  max-width: 250px;
  padding: 4px 8px 6px;
  color: var(--f8f8f8-or-ffffff);
  text-align: center;
  text-decoration: none;
  background-color: var(--000000-90-or-006d9e);
  border-radius: 5px;
  overflow: hidden;
  word-break: break-word;
  white-space: pre-wrap;
}
.hint_inner .emoji_outer .emoji_inner {
  margin-bottom: -2px;
}
.hint_default-space .hint_inner {
  padding: 6px 8px;
}
.hint_arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 0 solid transparent;
}
.hint_error .hint_inner {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  max-width: 256px;
  padding: 8px 12px;
  color: var(--ffffff-or-ffffff);
  background-color: var(--ff8a00-or-db7600) !important;
}
.hint_error.top .hint_arrow {
  border-top-color: var(--ff8a00-or-db7600);
}
.hint_error.right .hint_arrow {
  border-right-color: var(--ff8a00-or-db7600);
}
.hint_error.bottom .hint_arrow {
  border-bottom-color: var(--ff8a00-or-db7600);
}
.hint_error.left .hint_arrow {
  border-left-color: var(--ff8a00-or-db7600);
}
.hint_translate {
  transform: translate(0, -50%);
}
.hint_green.top .hint_arrow {
  border-top-color: var(--05c46b-or-04a45a);
}
.hint_green.right .hint_arrow {
  border-right-color: var(--05c46b-or-04a45a);
}
.hint_green.bottom .hint_arrow {
  border-bottom-color: var(--05c46b-or-04a45a);
}
.hint_green.left .hint_arrow {
  border-left-color: var(--05c46b-or-04a45a);
}
.hint_green .hint_inner {
  background-color: var(--05c46b-or-04a45a);
}
.hint_blue.top .hint_arrow {
  border-top-color: var(--009fe6-or-006d9e);
}
.hint_blue.right .hint_arrow {
  border-right-color: var(--009fe6-or-006d9e);
}
.hint_blue.bottom .hint_arrow {
  border-bottom-color: var(--009fe6-or-006d9e);
}
.hint_blue.left .hint_arrow {
  border-left-color: var(--009fe6-or-006d9e);
}
.hint_blue .hint_inner {
  background-color: var(--009fe6-or-006d9e);
}
.hint_gray.top .hint_arrow {
  border-top-color: var(--000000-90-or-4d4f51);
}
.hint_gray.right .hint_arrow {
  border-right-color: var(--000000-90-or-4d4f51);
}
.hint_gray.bottom .hint_arrow {
  border-bottom-color: var(--000000-90-or-4d4f51);
}
.hint_gray.left .hint_arrow {
  border-left-color: var(--000000-90-or-4d4f51);
}
.hint_gray .hint_inner {
  background-color: var(--000000-90-or-4d4f51);
  color: var(--f8f8f8-or-ffffff-75);
}
.flip-timer {
  --background-color: var(--393a4d-or-232527);
  --background-secondary-color: var(--44455c-05-or-232527);
  display: flex;
}
.flip-timer_simple {
  --background-color: var(--393a4d-or-212121);
  --background-secondary-color: var(--44455c-05-or-1c1e20);
}
.flip-timer__piece:not(:last-child) {
  margin-right: 8px;
}
.flip-timer__text {
  font-size: 10px;
  color: var(--b4b4b4-or-ffffff-30);
  text-align: center;
  line-height: 12px;
  margin-top: 2px;
  cursor: default;
}
.flip-timer__text_title {
  margin-top: 4px;
}
.flip-timer__card {
  font-family: Lato, Arial, sans-serif;
  font-weight: 300;
  height: 32px;
  width: 36px;
  perspective: 80px;
  text-align: center;
  transform: translateZ(0);
  font-size: 20px;
}
.flip-timer__card_base {
  padding: 0 6px;
}
.flip-timer__card_top,
.flip-timer__card_bottom,
.flip-timer__card_top-next,
.flip-timer__card_bottom-next {
  background: var(--background-color);
  color: var(--f8f8f8-or-ffffff-70);
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 0 16px 0;
  width: 100%;
  padding: 2px 6px 4px;
}
.flip-timer__card_top {
  z-index: 4;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  height: 50%;
}
.flip-timer__card_top-next {
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  height: 50%;
  z-index: 3;
}
.flip-timer__card_bottom {
  z-index: 1;
  border-radius: 5px;
  height: 100%;
}
.flip-timer__card_bottom::after,
.flip-timer__card_bottom-next::after {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border-radius: 5px;
  background: var(--background-secondary-color);
  z-index: -1;
}
.flip-timer__card_bottom-next {
  border-radius: 5px;
  height: 100%;
  z-index: 2;
  transform: rotate3d(1, 0, 0, 90deg);
}
.flip-timer__card.flip .flip-timer__card_top {
  transform: rotate3d(1, 0, 0, -90deg);
  transition: transform 0.2625s ease-in;
}
.flip-timer__card.flip .flip-timer__card_bottom-next {
  transition: transform 0.35s 0.35s;
  transform: rotate3d(1, 0, 0, 0);
}
.flip-timer.last_flip .flip-timer__card_bottom-next {
  background: var(--d5d5d5-or-d5d5d5) !important;
}
.flip-timer.last_flip .flip-timer__card_bottom-next::after {
  background: var(--dcdcdc-or-dcdcdc) !important;
}
.flip-timer_dark .flip-timer__text {
  color: var(--ffffff-30-or-ffffff-30);
}
.flip-timer_dark .flip-timer__card_top,
.flip-timer_dark .flip-timer__card_bottom,
.flip-timer_dark .flip-timer__card_top-next,
.flip-timer_dark .flip-timer__card_bottom-next {
  background: var(--393a4d-or-2e2e2e);
  color: var(--dcdcdc-50-or-ffffff-70);
}
.flip-timer_dark .flip-timer__card_bottom::after,
.flip-timer_dark .flip-timer__card_bottom-next::after {
  background: var(--393a4d-or-2e2e2e);
}
.flip-timer_light .flip-timer__card_top,
.flip-timer_light .flip-timer__card_bottom,
.flip-timer_light .flip-timer__card_top-next,
.flip-timer_light .flip-timer__card_bottom-next {
  color: var(--dcdcdc-or-dcdcdc);
  background: var(--f8f8f8-or-f8f8f8);
}
.flip-timer_light .flip-timer__card_top::after,
.flip-timer_light .flip-timer__card_bottom::after,
.flip-timer_light .flip-timer__card_top-next::after,
.flip-timer_light .flip-timer__card_bottom-next::after,
.flip-timer_light .flip-timer__card_top::before,
.flip-timer_light .flip-timer__card_bottom::before,
.flip-timer_light .flip-timer__card_top-next::before,
.flip-timer_light .flip-timer__card_bottom-next::before {
  display: none;
  content: none;
}
.flip-timer_center {
  justify-content: center;
}
.flip-timer_l .flip-timer__card {
  height: 38px;
  width: 45px;
  font-size: 25px;
  line-height: 31px;
}
.flip-timer_l .flip-timer__card_top,
.flip-timer_l .flip-timer__card_bottom,
.flip-timer_l .flip-timer__card_top-next,
.flip-timer_l .flip-timer__card_bottom-next {
  transform-origin: 0 19px 0;
}
.flip-timer_l .flip-timer__piece:not(:last-child) {
  margin-right: 11px;
}
.flip-timer_xl .flip-timer__card {
  width: 60px;
  height: 60px;
  perspective: 134px;
  font-size: 38px;
  line-height: 46px;
}
.flip-timer_xl .flip-timer__card_top,
.flip-timer_xl .flip-timer__card_bottom,
.flip-timer_xl .flip-timer__card_top-next,
.flip-timer_xl .flip-timer__card_bottom-next {
  transform-origin: 0 30px 0;
  padding: 7px 6px;
}
.flip-timer_xl .flip-timer__card_top {
  border-radius: 8px 8px 0 0;
}
.flip-timer_xl .flip-timer__card_top-next {
  border-radius: 8px 8px 0 0;
}
.flip-timer_xl .flip-timer__card_bottom {
  border-radius: 8px;
}
.flip-timer_xl .flip-timer__card_bottom::after,
.flip-timer_xl .flip-timer__card_bottom-next::after {
  border-radius: 8px;
}
.flip-timer_xl .flip-timer__card_bottom-next {
  border-radius: 8px;
}
.flip-timer_xl .flip-timer__piece:not(:last-child) {
  margin-right: 12px;
}
.toastr {
  position: absolute;
  top: var(--conversation-header-height);
  left: 0;
  user-select: none;
  width: 100%;
  min-height: 46px;
  overflow: hidden;
  transition: top 0.2s ease-in-out;
  z-index: var(--toastr-z-index);
}
.toastr__icon {
  --size: 12px;
  color: var(--ffffff-or-ffffff-80);
  margin: 1px 0 0 8px;
}
.toastr_stub {
  top: 0;
}
.toastr_show {
  animation: toastr-slide-down 0.2s ease-in;
}
.toastr_hide {
  animation: toastr-slide-up 0.2s ease-out;
}
.toastr__wrap {
  background: var(--ffffff-or-1c1c1c);
  padding: 16px 16px 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.toastr__wrap-clickable .toastr__content,
.toastr__wrap-clickable .toastr__container {
  cursor: pointer;
}
.toastr__container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
}
.toastr__container_success {
  background-color: var(--05c46b-or-04a45a);
}
.toastr__container_success .toastr-close:hover {
  background-color: var(--ff6a64-20-or-ff4f47-20);
}
.toastr__container_warning {
  background-color: var(--ff8a00-or-db7600);
}
.toastr__container_warning .toastr-close:hover {
  background-color: var(--ff6a64-20-or-ff4f47-20);
}
.toastr__container_neutral {
  background-color: var(--009fe6-or-006d9e);
}
.toastr__container_neutral .toastr-close:hover {
  background-color: var(--2574a9-or-009fe6);
}
.toastr__container_blocking {
  background-color: var(--677380-or-444a50);
}
.toastr__container_blocking .toastr__content {
  text-shadow: none;
}
.toastr__container_blocking .toastr-close:hover {
  background-color: var(--333e49-20-or-333e49-20);
}
.toastr__container_blocking .toastr-close__text,
.toastr__container_blocking .toastr-close__icon {
  text-shadow: none;
}
.toastr__content {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: var(--ffffff-or-ffffff-75);
  text-shadow: 0 1px 0 var(--000000-05-or-000000-05);
  font-size: 13px;
  line-height: 18px;
  cursor: default;
  width: 100%;
  overflow: hidden;
}
.toastr__content_ellipsis {
  display: block;
  max-width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.toastr__close {
  position: absolute;
  right: 0;
}
.toastr__link {
  text-decoration: underline;
  cursor: pointer;
}
.toastr_wrap {
  background: var(--ffffff-or-ffffff);
  padding: 16px 16px 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.toastr_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  width: 100%;
  height: 30px;
  border-radius: 5px;
}
.toastr_content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: var(--ffffff-or-ffffff);
  text-shadow: 0 1px 0 var(--000000-05-or-000000-05);
  font-size: 15px;
  line-height: 22px;
  cursor: default;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.toastr_content_ellipsis {
  max-width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  color: var(--ffffff-or-ffffff);
  text-shadow: 0 1px 0 var(--000000-05-or-000000-05);
  font-size: 15px;
  line-height: 30px;
  cursor: default;
  height: 30px;
  width: 100%;
}
.toastr_question {
  display: inline-block;
  font-size: 16px;
  color: var(--ffffff-or-ffffff) !important;
  margin-left: 8px;
  opacity: 0.5;
}
.toastr_close {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  color: var(--ffffff-or-ffffff);
  text-shadow: 0 1px 0 var(--000000-05-or-000000-05);
  height: 100%;
  border-radius: 0 5px 5px 0;
  position: absolute;
  right: 0;
  padding: 0 9px 0 16px;
  cursor: pointer;
}
.toastr_close_text {
  opacity: 0;
}
.toastr_close:hover {
  background: var(--000000-05-or-000000-05);
}
.toastr_close:hover > .toastr_close_text {
  opacity: 1;
}
.toastr_warning {
  background-color: var(--ff8a00-or-db7600);
}
.toastr_success {
  background-color: var(--05c46b-or-04a45a);
}
.toastr_error {
  background-color: var(--ff6a64-or-ff4f47);
}
.toastr_info {
  background-color: var(--009fe6-or-009fe6);
}
.toastr-close {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 6px 0 16px;
  cursor: pointer;
  height: 100%;
}
.toastr-close__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: var(--ffffff-or-ffffff-80);
  border-radius: 0 5px 5px 0;
  text-shadow: 0 1px 0 var(--000000-05-or-000000-05);
  opacity: 0;
  margin-right: 6px;
}
.toastr-close__icon {
  --size: 18px;
  color: var(--ffffff-or-ffffff-80);
  text-shadow: 0 1px 0 var(--000000-05-or-000000-05);
}
.toastr-close:hover {
  background-color: var(--ff6a64-20-or-ff4f47-20);
}
.toastr-close:hover > .toastr-close__text {
  opacity: 1;
}
.popup_toastr {
  position: absolute;
  top: 50px;
  left: 0;
  user-select: none;
  width: 100%;
  z-index: 1;
  min-height: 46px;
  overflow: hidden;
}
.popup_toastr_wrap {
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.popup_toastr_animation_wrap {
  padding: 8px;
}
.popup_toastr_container {
  display: flex;
  flex-direction: row;
  padding: 8px;
  width: 100%;
  border-radius: 5px;
}
.popup_toastr_content {
  width: 100%;
  align-items: center;
  text-align: center;
}
.popup_toastr_content_ellipsis {
  max-width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  color: var(--ffffff-or-ffffff);
  text-shadow: 0 1px 0 var(--000000-05-or-000000-05);
  width: 100%;
}
.popup_toastr_button_block {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 100%;
}
.popup_toastr_button_block:hover {
  background-color: var(--000000-05-or-000000-05);
}
.popup_toastr_question {
  display: inline-block;
  font-size: 16px;
  color: var(--ffffff-or-ffffff) !important;
  margin-left: 8px;
  opacity: 0.5;
}
.popup_toastr_close {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  color: var(--ffffff-or-ffffff);
  text-shadow: 0 1px 0 var(--000000-05-or-000000-05);
  height: 100%;
  border-radius: 0 5px 5px 0;
  position: absolute;
  right: 0;
  padding: 0 9px 0 16px;
  cursor: pointer;
}
.popup_toastr_close_text {
  opacity: 0;
}
.popup_toastr_close:hover {
  background: var(--000000-05-or-000000-05);
}
.popup_toastr_close:hover > .popup_toastr_close_text {
  opacity: 1;
}
.popup_toastr_warning {
  background-color: var(--ff8a00-or-db7600);
}
.popup_toastr_success {
  background-color: var(--05c46b-or-04a45a);
}
.popup_toastr_error {
  background-color: var(--ff6a64-or-ff4f47);
}
.popup_toastr_info {
  background-color: var(--009fe6-or-009fe6);
}
.popup_toastr_gray {
  background-color: var(--f8f8f8-or-f8f8f8);
}
.popup_toastr_black {
  background-color: var(--000000-90-or-000000-90);
}
.popup__toastr-wrap {
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.popup__toastr-animation-wrap {
  padding: 8px;
}
.popup__toastr-animation-wrap-animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.toastr-popup {
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 8px;
}
.toastr-popup_clickable .toastr-popup__container,
.toastr-popup_clickable .toastr-popup__animation,
.toastr-popup_clickable .popup_toastr_content_ellipsis,
.toastr-popup_clickable .popup_toastr_content {
  cursor: pointer;
}
.toastr-popup__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.toastr-popup__content_justify-between {
  justify-content: space-between;
}
.toastr-popup__info_align-left {
  text-align: left;
}
.toastr-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  color: var(--f8f8f8-or-ffffff-75) !important;
}
.toastr-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  opacity: 0.5;
  color: var(--f8f8f8-or-ffffff-50) !important;
}
.toastr-popup__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.toastr-popup__buttons .button:first-child {
  margin-right: 12px !important;
  min-width: 52px;
}
.toastr-popup__buttons .button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
}
.toastr-popup__container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 5px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: var(--ffffff-or-ffffff);
}
.toastr-popup__container_large {
  display: flex;
  flex-direction: row;
  padding: 11px 16px 12px;
  width: 100%;
  border-radius: 5px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
.toastr-popup__animation {
  --toastr-popup-animation-padding: 9px 9px 0;
  padding: var(--toastr-popup-animation-padding);
  background-color: var(--ffffff-or-transparent);
  border-radius: 9px 9px 0 0;
}
.toastr-popup__animation_transparent-wrapper {
  background: transparent;
}
.toastr-popup__animation_opacity {
  padding: var(--toastr-popup-animation-padding);
  background-color: var(--ffffff-10-or-1c1c1c);
  border-radius: 9px 9px 0 0;
}
.toastr-popup__animation_show {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.toastr-popup__animation_show-faster {
  animation-duration: 400ms;
}
.toastr-popup__animation_show-slide-down {
  animation-name: slideInDown;
}
.toastr-popup__animation_show-slide-up {
  animation-name: slideOutUp;
}
.toastr-popup_warning {
  background-color: var(--ff8a00-or-db7600);
}
.toastr-popup_warning .toastr-popup__content {
  display: flex;
  justify-content: center;
}
.toastr-popup_success {
  background-color: var(--05c46b-or-04a45a);
}
.toastr-popup_preventive_action {
  background-color: var(--677380-or-444a50);
}
.toastr-popup_preventive_action .toastr__content {
  text-shadow: none;
}
.toastr-popup_preventive_action .toastr-close:hover {
  background-color: var(--333e49-20-or-333e49-20);
}
.toastr-popup_preventive_action .toastr-close__text,
.toastr-popup_preventive_action .toastr-close__icon {
  text-shadow: none;
}
.toastr-popup_error {
  background-color: var(--ff6a64-or-ff4f47);
}
.toastr-popup_info {
  background-color: var(--009fe6-or-009fe6);
}
.toastr-popup_gray {
  background-color: var(--f8f8f8-or-161718);
}
.toastr-popup_blue {
  background-color: var(--009fe6-or-009fe6);
}
.toastr-popup_black {
  padding: 12px 16px 13px;
  background-color: var(--000000-90-or-141415);
}
.toastr-popup_multiline {
  height: auto !important;
  padding: 6px 17px;
}
.toastr-popup_multiline .toastr-popup__content {
  display: flex;
  text-align: center;
  align-items: center;
}
.toastr-announcement {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  position: absolute;
  top: var(--conversation-header-height);
  left: 0;
  width: 100%;
  border-top: var(--toastr-announcement-border-top-height) solid transparent;
  color: var(--ffffff-or-ffffff-80);
  overflow: hidden;
  z-index: var(--toastr-z-index);
}
.toastr-announcement_show {
  transition-timing-function: ease-in;
}
.toastr-announcement_show .toastr-announcement__content {
  animation: toastr-slide-down 0.2s ease-in;
}
.toastr-announcement_hide {
  transition-timing-function: ease-out;
}
.toastr-announcement_hide .toastr-announcement__content {
  animation: toastr-slide-up 0.2s ease-out;
}
.toastr-announcement_expiration .toastr-announcement__content {
  background-color: var(--009fe6-or-006d9e);
}
.toastr-announcement_error .toastr-announcement__content {
  background-color: var(--ff6a64-or-ff4f47);
}
.toastr-announcement_fixed-top {
  transform: translateY(calc(var(--conversation-header-height) * -1));
  transition: transform 0.2s ease-in-out;
}
.toastr-announcement_fixed-top ~ .toastr,
.toastr-announcement_fixed-top ~ .media-header {
  top: 0;
  transition: top 0.2s ease-in-out;
}
.toastr-announcement__content {
  padding: 10px 14px 12px;
  height: 100%;
  display: flex;
  align-items: flex-start;
}
.toastr-announcement__icon-info-wrapper {
  display: flex;
  padding: 2px 14px 0 11px;
}
.toastr-announcement__icon-info {
  --size: 24px;
}
.toastr-announcement__content-text {
  align-self: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.toastr-announcement__content-text-action {
  display: flex;
  align-items: flex-start;
  margin-right: 12px;
  overflow: hidden;
}
.toastr-announcement__action-button {
  margin-left: 24px;
  white-space: nowrap;
}
.toastr-announcement__close-button {
  display: flex;
  cursor: pointer;
  margin-left: auto;
  align-self: center;
}
.toastr-announcement__close-button:hover {
  color: var(--ffffff-80-or-ffffff-80);
}
.toastr-announcement__close-button-icon {
  --size: 22px;
}
@media screen and (max-width: 1280px) {
  .toastr-announcement__content {
    align-items: center;
    gap: 14px;
  }
  .toastr-announcement__icon-info-wrapper {
    padding: 0 0 0 11px;
  }
  .toastr-announcement__content-text-action {
    margin-right: 0;
    width: 100%;
    align-items: center;
    gap: 14px;
  }
  .toastr-announcement__action-button {
    margin-left: 0;
  }
  .toastr-announcement__close-button {
    margin-left: 0;
  }
}
.toastr-announcement_show:not(.hidden) ~ .toastr,
.toastr-announcement_show:not(.hidden) ~ .media-header {
  transition-timing-function: ease-in;
  top: calc(var(--conversation-header-height) + var(--toster-announcement-height));
}
.toastr-announcement_show:not(.hidden).toastr-announcement_fixed-top ~ .toastr,
.toastr-announcement_show:not(.hidden).toastr-announcement_fixed-top ~ .media-header {
  top: var(--toster-announcement-height);
}
.toastr-announcement_hide ~ .toastr,
.toastr-announcement_hide ~ .media-header {
  transition-timing-function: ease-out;
}
@keyframes toastr-slide-up {
  to {
    transform: translateY(calc(-1 * var(--conversation-header-height)));
  }
}
@keyframes toastr-slide-down {
  from {
    transform: translateY(calc(-1 * var(--conversation-header-height)));
  }
  to {
    transform: translateY(0);
  }
}
@keyframes popup-toastr-slide-up {
  to {
    transform: translateY(-59px);
  }
}
@keyframes popup-toastr-slide-down {
  from {
    transform: translateY(-59px);
  }
  to {
    transform: translateY(0);
  }
}
.placeholder {
  background-color: var(--f8f8f8-or-ffffff-02);
}
.placeholder_dark {
  background-color: var(--f5f5f5-or-ffffff-02);
}
.placeholder-animated {
  background-color: var(--f8f8f8-50-or-ffffff-02) !important;
  display: flex;
  overflow: hidden;
  cursor: default !important;
}
.placeholder-animated::after {
  content: '';
  background-color: var(--f8f8f8-80-or-f8f8f8-80);
  width: 22px;
  height: 100%;
  transform: translate(-50px, 0);
  filter: blur(8px);
  align-self: flex-start;
}
.placeholder-animated_dark {
  background-color: var(--f5f5f5-60-or-ffffff-02) !important;
}
.placeholder-animated_dark::after {
  content: '';
  background-color: var(--f5f5f5-80-or-ffffff-02);
}
.placeholder-animated_gray {
  background-color: var(--f5f5f5-or-ffffff-03) !important;
}
.placeholder-animated-leftmenu {
  background-color: var(--f8f8f8-03-or-ffffff-03);
  display: flex;
  overflow: hidden;
  cursor: default !important;
}
.placeholder-animated-leftmenu::after {
  content: '';
  background-color: var(--333445-30-or-ffffff-01);
  width: 17px;
  height: 100%;
  transform: translate(-50px, 0);
  animation: 2100ms linear infinite forwards placeholderAnimate;
  filter: blur(8px);
  align-self: flex-start;
}
.placeholder-image-animated {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  overflow: hidden !important;
}
.placeholder-image-animated::after {
  content: '';
  background-color: var(--f0f0f0-30-or-f0f0f0-30);
  width: 44px;
  height: 100%;
  transform: translate(-70px, 0);
  filter: blur(10px);
}
.placeholder-image-animated_dark::after {
  background-color: var(--f0f0f0-40-or-f0f0f0-40);
}
@keyframes placeholderAnimate {
  62% {
    transform: translate(-50px, 0);
  }
  100% {
    transform: translate(500px, 0);
  }
}
@keyframes placeholderAnimateImage {
  62% {
    transform: translate(-70px, 0);
  }
  100% {
    transform: translate(600px, 0);
  }
}
.placeholder-line {
  background-color: var(--f8f8f8-or-ffffff-02);
  flex: none;
}
.placeholder-line_gray {
  background-color: var(--f0f0f0-or-ffffff-03);
}
.placeholder-line_metal {
  background-color: var(--b4b4b4-10-or-ffffff-02);
}
.placeholder-line_12 {
  height: 12px;
  border-radius: 5px;
}
.placeholder-line_13 {
  height: 13px;
  border-radius: 5px;
}
.placeholder-line_14 {
  height: 14px;
  border-radius: 5px;
}
.placeholder-line_15 {
  height: 15px;
  border-radius: 5px;
}
.placeholder-line_16 {
  height: 16px;
  border-radius: 5px;
}
.placeholder-line_17 {
  height: 17px;
  border-radius: 5px;
}
.placeholder-line_18 {
  height: 18px;
  border-radius: 5px;
}
.placeholder-line_19 {
  height: 19px;
  border-radius: 5px;
}
.placeholder-line_20 {
  height: 20px;
  border-radius: 5px;
}
.placeholder-line_22 {
  height: 22px;
  border-radius: 8px;
}
.placeholder-line_23 {
  height: 23px;
  border-radius: 8px;
}
.placeholder-line_24 {
  height: 24px;
  border-radius: 5px;
}
.placeholder-line_30 {
  height: 30px;
  border-radius: 8px;
}
.placeholder-line_35 {
  height: 35px;
  border-radius: 5px;
}
.placeholder-line_44 {
  height: 44px;
}
.placeholder-line_63 {
  height: 63px;
  border-radius: 12px;
}
.placeholder-line_70 {
  height: 70px;
  border-radius: 12px;
}
.placeholder-circle {
  --placeholder-circle-size: 24px;
  flex: none;
  border-radius: 50%;
  height: var(--placeholder-circle-size);
  width: var(--placeholder-circle-size);
  background-color: var(--f8f8f8-or-ffffff-02);
}
.placeholder-circle_24 {
  --placeholder-circle-size: 24px;
}
.placeholder-circle_28 {
  --placeholder-circle-size: 28px;
}
.placeholder-circle_36 {
  --placeholder-circle-size: 36px;
}
.placeholder-circle_40 {
  --placeholder-circle-size: 40px;
}
.placeholder-circle_80 {
  --placeholder-circle-size: 80px;
}
.placeholder-circle_gray {
  background-color: var(--f0f0f0-or-ffffff-03);
}
.placeholder-switcher-item {
  background-color: var(--f8f8f8-or-ffffff-03);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 16px;
  width: 100%;
}
.placeholder-switcher-item_44 {
  height: 44px;
  width: 44px;
}
.placeholder-switcher-item__title {
  background-color: var(--f0f0f0-or-ffffff-03);
  height: 18px;
  width: 118px;
  border-radius: 5px;
}
.placeholder-switcher-item__button {
  background-color: var(--f0f0f0-or-ffffff-03);
  height: 23px;
  width: 36px;
  border-radius: 12px;
}
.placeholder-switcher-list {
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}
.placeholder-switcher-list__item:not(:last-child) {
  margin-bottom: 1px;
}
.placeholder-svg {
  display: block;
  opacity: 0;
  animation: 0s delayShow 100ms linear forwards;
}
.placeholder-svg__animation-block {
  animation: 2600ms ease-in-out infinite forwards placeholderAnimate;
}
/**
 * Стили для экранов ДО авторизации в приложение
 */
.simple {
  user-select: none;
  position: absolute;
  width: 100%;
  height: var(--content-height);
  display: flex;
  justify-content: center;
  align-items: center;
}
.simple_darkened-overlay {
  background: var(--04040a-80-or-000000-80);
}
.simple_direction-column {
  flex-direction: column;
}
.simple-click-outside {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pincode {
  width: 100%;
  display: flex;
  justify-content: center;
}
.pincode__input {
  font-family: Lato, Arial, sans-serif;
  background: var(--f8f8f8-or-171717);
  border: 1px solid var(--f8f8f8-or-transparent);
  border-radius: 5px;
  width: 36px;
  height: 51px;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.2px;
  text-align: center;
}
.pincode__input:placeholder-shown {
  text-align: left;
}
.pincode__input[type='password']:not(:placeholder-shown) {
  font-size: 27px;
  padding-bottom: 6px;
}
.pincode__input[type='number']:not(:placeholder-shown) {
  padding-bottom: 2px;
}
.pincode__input + .pincode__input {
  margin-left: 4px;
}
.pincode_disabled .pincode__input {
  pointer-events: none;
}
.pincode__divider {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  border-radius: 1px;
  position: relative;
}
.pincode__divider::before {
  display: block;
  content: '';
  background: var(--b4b4b4-or-ffffff-20);
  width: 18px;
  height: 3px;
  border-radius: 1px;
}
.pincode_success .pincode__input {
  border-color: var(--05c46b-or-05c46b-50);
}
.pincode_error .pincode__input {
  border-color: var(--ff6a64-or-ff4f47-50);
  animation-name: form-input-pin-code-error;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-duration: 500ms;
  animation-delay: 1000ms;
}
/**
 * Анимированные часы фейкового сообщения
 */
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
.clock-icon {
  fill: var(--b4b4b4-or-ffffff-30);
  width: 16px;
  height: 16px;
}
.clock-icon__arrow-hour {
  transform-origin: center;
}
.clock-icon__arrow-hour_rotate {
  animation: rotate 12s infinite linear;
}
.clock-icon__arrow-minute {
  transform-origin: center;
}
.clock-icon__arrow-minute_rotate {
  animation: rotate 1s infinite linear;
}
.popup-invite-link-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.popup-invite-link-error__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 15px;
  line-height: 22px;
  margin: 45px 0 8px;
  color: var(--333e49-or-ffffff-75);
}
.popup-invite-link-error__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 0 20px 24px;
  text-align: center;
}
.popup-invite-link-error__footer {
  display: flex;
  justify-content: center;
  padding: 15px 20px 20px;
  width: 100%;
}
.popup-invite-link-error__button {
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  height: 35px;
}
.popup-invite-link-error__separator {
  width: calc(100% - 40px);
  height: 0;
  border-top: 1px dashed var(--separator-color-dashed);
}
/**
 * Стили для форматирования текста
 */
.format_bold {
  font-weight: var(--format-bold-font-weight);
  color: var(--333e49-or-ffffff-80);
}
.format_italic {
  font-style: italic;
}
.format_strike {
  text-decoration: line-through;
  text-decoration-color: transparent;
  background: linear-gradient(currentcolor, currentcolor) 0 60% / 100% 1px no-repeat;
  box-decoration-break: clone;
}
.format_strike:has(.link_sea) {
  text-decoration-color: var(--2574a9-or-009fe6);
}
.format_strike:has(.link_sea):hover {
  text-decoration-color: var(--1c577f-or-2574a9);
}
.format_strike:has(.link_sea-dark) {
  text-decoration-color: var(--2574a9-or-2574a9);
}
.format_strike:has(.link_sea-dark):hover {
  text-decoration-color: var(--2574a9-or-2574a9);
}
.format_strike:has(.link_dark) {
  text-decoration-color: var(--3495d6-90-or-009fe6);
}
.format_strike:has(.link_dark):hover {
  text-decoration-color: var(--0088c4-90-or-006d9e);
}
.format_strike:has(.link_sea-light) {
  text-decoration-color: var(--2574a9-70-or-009fe6-50);
}
.format_strike:has(.link_sea-light):hover {
  text-decoration-color: var(--2574a9-or-009fe6);
}
.format_strike:has(.link_blue) {
  text-decoration-color: var(--009fe6-or-009fe6);
}
.format_strike:has(.link_blue):hover {
  text-decoration-color: var(--2574a9-or-2574a9);
}
.format_green {
  background-color: var(--d7ffc3-or-144f28);
  caret-color: var(--333e49-or-ffffff-75);
  color: var(--333e49-or-ffffff-75);
}
.format_green .link_sea .format_green,
.format_green .mention-text .format_green {
  color: var(--2574a9-or-2574a9) !important;
}
.format_green .link_sea:hover .format_green,
.format_green .mention-text:hover .format_green {
  color: var(--1c577f-or-2574a9) !important;
}
.format_red {
  background-color: var(--f6c7ff-or-5e294f);
  caret-color: var(--333e49-or-ffffff-75);
  color: var(--333e49-or-ffffff-75);
}
.format_red .link_sea .format_red,
.format_red .mention-text .format_red {
  color: var(--2574a9-or-2574a9) !important;
}
.format_red .link_sea:hover .format_red,
.format_red .mention-text:hover .format_red {
  color: var(--1c577f-or-2574a9) !important;
}
.format_black {
  background-color: var(--333e49-or-babbbc);
  color: var(--ffffff-or-1c1c1c);
}
.format_black .link_sea .format_black,
.format_black .mention-text .format_black {
  color: var(--2574a9-or-2574a9) !important;
}
.format_black .link_sea:hover .format_black,
.format_black .mention-text:hover .format_black {
  color: var(--1180b3-or-2574a9) !important;
}
.format_dark-orange {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  color: var(--ff8a00-or-db7600);
}
div[contenteditable='true'] [style*='background-color']:not(a) {
  caret-color: var(--333e49-or-ffffff-75);
  color: var(--333e49-or-ffffff-75);
}
div[contenteditable='true'] [style*='background-color'] .mention-text {
  color: var(--2574a9-or-2574a9);
}
div[contenteditable='true'] [style*='background-color: rgb(51, 62, 73)'] {
  background-color: var(--333e49-or-babbbc) !important;
}
div[contenteditable='true'] [style*='background-color: rgb(51, 62, 73)']:not(a) {
  color: var(--ffffff-or-1c1c1c);
  caret-color: var(--ffffff-or-1c1c1c);
}
div[contenteditable='true'] [style*='background-color: rgb(215, 255, 195)'] {
  background-color: var(--d7ffc3-or-144f28) !important;
}
div[contenteditable='true'] [style*='background-color: rgb(246, 199, 255)'] {
  background-color: var(--f6c7ff-or-5e294f) !important;
}
div[contenteditable='true'] strike {
  text-decoration: line-through;
  text-decoration-color: transparent;
  background: linear-gradient(currentcolor, currentcolor) 0 60% / 100% 1px no-repeat;
  box-decoration-break: clone;
}
.link_sea span[style*='background-color: rgb(51, 62, 73)'] {
  color: var(--0595d6-or-2574a9);
  background-color: var(--333e49-or-babbbc) !important;
}
.link_sea span[style*='background-color: rgb(51, 62, 73)']:hover {
  color: var(--1180b3-or-1f618d);
}
.link_sea span[style*='background-color: rgb(215, 255, 195)'] {
  background-color: var(--d7ffc3-or-144f28) !important;
}
.link_sea span[style*='background-color: rgb(246, 199, 255)'] {
  background-color: var(--f6c7ff-or-5e294f) !important;
}
.skin-popover {
  position: absolute;
  z-index: 120;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.skin-popover__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: all;
  background: transparent;
}
.skin-popover__visible-content {
  position: absolute;
  width: fit-content;
  pointer-events: all;
  border: var(--border-width) solid var(--f0f0f0-or-ffffff-06);
  box-shadow: 0 2px 4px var(--popover-shadow-color);
  border-radius: var(--border-radius);
  background-color: var(--ffffff-or-272727);
  opacity: 0;
  top: var(--top);
  animation: 0s delayShowPreloader linear var(--show-delay, 0) forwards;
}
.skin-popover__visible-content_dark {
  background: var(--popover-dark-background-color);
  border: 2px solid var(--popover-dark-border-color);
}
.skin-popover__visible-content_grape {
  background: var(--popover-dark-border-color);
  border: 1px solid var(--popover-dark-background-color);
}
.skin-popover__visible-content_sapphire {
  border-color: var(--007aff-10-or-006be0-10);
}
.skin-popover__toaster {
  position: absolute;
  top: 0;
  left: 0;
  margin: 12px;
}
.skin-popover__angle {
  --skin-popover-angle-fill: var(--ffffff-or-272727);
  --skin-popover-angle-stroke: var(--f0f0f0-or-2c2e2f);
  position: absolute;
  top: 17px;
  left: 300px;
  opacity: 0;
  animation: 0s delayShowPreloader linear var(--show-delay, 0) forwards;
}
.skin-popover-toastr {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 5px;
  color: var(--ffffff-or-ffffff);
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  width: calc(100% - 24px);
  margin: 12px;
}
.skin-popover-toastr_warning {
  background: var(--ff8a00-or-db7600);
}
.skin-popover-toastr_success {
  background: var(--05c46b-or-04a45a);
}
.skin-popover-toastr_show-animation {
  animation: 1s slideInDownSkin;
}
.skin-popover-toastr_hide-animation {
  animation: 1s slideOutUpSkin;
}
@keyframes slideInDownSkin {
  from {
    transform: translate3d(0, -200%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideOutUpSkin {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -200%, 0);
  }
}
.positions-render .skin-popover__visible-content {
  position: relative;
}
.positions-render .members_options_block {
  display: block;
}
.cbutton-author {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  padding: 3px 4px 3px 8px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.cbutton-author_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.cbutton-author_hidden {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
}
.cbutton-author_block {
  width: 100%;
}
.cbutton-author_sapphire {
  background-color: var(--007aff-10-or-006be0-10);
  color: var(--2574a9-or-009fe6);
}
.cbutton-author_sapphire:hover {
  cursor: pointer;
  background-color: var(--007aff-20-or-006be0-20) !important;
}
.cbutton-author_sapphire .cbutton-author_disabled {
  background-color: var(--007aff-30-or-006be0-30);
}
.cbutton-author_sapphire .cbutton-author_disabled:hover {
  cursor: default;
  background-color: var(--007aff-10-or-006be0-10);
}
.cbutton-author_sapphire .cbutton-author__text {
  font-size: 13px;
  line-height: 18px;
  margin-right: 4px;
}
.cbutton-author_sapphire .cbutton-author__icon {
  --size: 16px;
}
.cbutton-author_gray {
  background-color: var(--f5f5f5-or-ffffff-10);
  color: var(--677380-or-b4b4b4);
}
.cbutton-author_gray:hover {
  cursor: pointer;
  background-color: var(--e4e4e4-or-ffffff-05) !important;
}
.cbutton-author_gray .cbutton-author__text {
  font-size: 13px;
  line-height: 18px;
  margin-right: 4px;
}
.cbutton-author__icon {
  --size: 16px;
}
.cbutton-author .svg-icon {
  --size: 16px;
}
.cbutton-author_loading {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  animation: 0s delayHideButtonText 300ms linear forwards;
}
.cbutton-author_loading::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.cbutton-author_loading::after {
  background: url('../images/global/preloader-blue.svg') center no-repeat;
  background-size: 16px;
}
.cbutton-author_loading .cbutton-author__text {
  visibility: hidden;
}
.cbutton-author_loading .cbutton-author__icon {
  visibility: hidden;
}
.cbutton-icon {
  font-family: Lato, Arial, sans-serif;
  display: inline-flex;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  font-size: 24px;
  --size: 24px;
  font-weight: 400;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: var(--b4b4b4-or-ffffff-50);
}
.cbutton-icon_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.cbutton-icon_hidden {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
}
.cbutton-icon_block {
  width: 100%;
}
.cbutton-icon:hover {
  color: var(--009fe6-or-009fe6);
  cursor: pointer;
}
.cbutton-icon_gray {
  color: var(--b4b4b4-or-b4b4b4);
  border: 1px solid var(--f5f5f5-or-ffffff-10);
  background-color: var(--f5f5f5-or-ffffff-10);
}
.cbutton-icon_green {
  color: var(--ffffff-or-ffffff);
  background-color: var(--05c46b-or-04a45a);
}
.cbutton-icon_green:hover {
  color: var(--ffffff-or-ffffff);
  background-color: var(--049a54-or-037c44);
}
.cbutton-icon_loading {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  animation: 0s delayHideButtonText 300ms linear forwards;
  color: transparent !important;
}
.cbutton-icon_loading::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.cbutton-icon_loading::after {
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 20px;
  position: absolute;
}
.cbutton-outline {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  border: 1px solid var(--dcdcdc-or-ffffff-10);
  color: var(--b4b4b4-or-ffffff-30);
  background-color: var(--ffffff-or-ffffff);
  border-radius: 5px;
  line-height: 20px;
  font-size: 13px;
  padding: 3px 11px;
}
.cbutton-outline_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.cbutton-outline_hidden {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
}
.cbutton-outline_block {
  width: 100%;
}
.cbutton-outline:hover {
  color: var(--8c8c8c-or-ffffff-50);
  border-color: var(--b4b4b4-or-ffffff-20);
  background: var(--ffffff-or-ffffff);
}
.cbutton-outline_blue {
  color: var(--009fe6-or-006b30);
  border: 1px solid var(--009fe6-or-006b30);
  background-color: var(--ffffff-or-1c1c1c);
}
.cbutton-outline_blue:hover {
  color: var(--ffffff-or-006d9e);
  background-color: var(--009fe6-or-1c1c1c);
  border-color: var(--ffffff-or-006d9e);
}
.cbutton-outline_blue.cbutton-outline_loading {
  background-color: var(--009fe6-or-009fe6);
}
.cbutton-outline_blue.cbutton-outline_fill:hover {
  color: var(--ffffff-or-ffffff);
  background-color: var(--009fe6-or-009fe6);
  border-color: var(--ffffff-or-ffffff);
}
.cbutton-outline_blue:not(.cbutton-outline_fill).cbutton-outline_loading {
  background-color: var(--009fe6-or-009fe6);
}
.cbutton-outline_blue-or-sapphire {
  color: var(--009fe6-or-006be0);
  border: 1px solid var(--009fe6-or-006be0);
  background-color: var(--ffffff-or-1c1c1c);
}
.cbutton-outline_blue-or-sapphire:hover {
  color: var(--ffffff-or-009fe6);
  background-color: var(--009fe6-or-transparent);
  border-color: var(--ffffff-or-009fe6);
}
.cbutton-outline_transparent {
  background: transparent;
}
.cbutton-outline_transparent:hover {
  background: transparent;
}
.cbutton-outline_loading {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  animation: 0s delayHideButtonText 300ms linear forwards;
}
.cbutton-outline_loading::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.cbutton-outline_loading::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
}
.cbutton-outline_size-m {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  height: 35px;
  padding: 6px 16px;
}
.cbutton-outline_medium {
  font-size: 15px;
  line-height: 22px;
  height: 35px;
  padding: 6px 16px;
}
.cbutton-outline_medium > .cbutton-outline__icon {
  --size: 20px;
  font-size: 20px;
}
.cbutton-outline_small {
  font-size: 13px;
  line-height: 20px;
  height: 28px;
  padding: 4px 12px;
}
.cbutton-outline_small > .cbutton-outline__icon {
  --size: 18px;
  font-size: 18px;
}
.cbutton-rounded {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: inline-flex;
  text-align: center;
  user-select: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  --size: 20px;
  font-size: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.cbutton-rounded_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.cbutton-rounded_hidden {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
}
.cbutton-rounded_block {
  width: 100%;
}
.cbutton-rounded:hover {
  color: var(--009fe6-or-009fe6);
  cursor: pointer;
}
.cbutton-rounded_small {
  font-size: 14px;
  --size: 14px;
  line-height: 20px;
  height: 24px;
  width: 24px;
  color: var(--b4b4b4-or-b4b4b4);
  background-color: var(--f8f8f8-or-f8f8f8);
}
.cbutton-rounded_small:hover {
  color: var(--b4b4b4-or-b4b4b4);
  cursor: pointer;
  background-color: var(--dcdcdc-or-dcdcdc);
}
.cbutton-primary {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  border-radius: 5px;
}
.cbutton-primary_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.cbutton-primary_inactive {
  pointer-events: none;
}
.cbutton-primary_hidden {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
}
.cbutton-primary_block {
  width: 100%;
}
.cbutton-primary_purple {
  color: var(--ffffff-or-ffffff);
  background: var(--5a5fe0-or-4145a9);
}
.cbutton-primary_purple:hover {
  background: var(--3a3fda-or-36398c);
}
.cbutton-primary_sapphire {
  color: var(--ffffff-or-ffffff);
  background: var(--007aff-or-006be0);
}
.cbutton-primary_sapphire:hover {
  background: var(--0066d6-or-0058b8);
}
.cbutton-primary_red {
  color: var(--ffffff-or-ffffff);
  background: var(--ff6a64-or-ff4f47);
}
.cbutton-primary_red:hover {
  background: var(--ff4942-or-ff271f);
}
.cbutton-primary_green {
  color: var(--ffffff-or-ffffff);
  background: var(--05c46b-or-04a45a);
}
.cbutton-primary_green:hover {
  background: var(--049a54-or-037c44);
}
.cbutton-primary_blue {
  color: var(--ffffff-or-ffffff);
  background: var(--009fe6-or-006b30);
}
.cbutton-primary_blue:hover {
  background: var(--0088c4-or-006d9e);
}
.cbutton-primary_blue-or-sapphire {
  color: var(--ffffff-or-ffffff);
  background: var(--009fe6-or-006be0);
}
.cbutton-primary_blue-or-sapphire:hover {
  background: var(--0088c4-or-0058b8);
}
.cbutton-primary_gray {
  color: var(--b4b4b4-or-ffffff-75);
  background: var(--f5f5f5-or-ffffff-10);
}
.cbutton-primary_gray:hover {
  background: var(--e4e4e4-or-ffffff-05);
}
.cbutton-primary_black {
  color: var(--dcdcdc-or-dcdcdc);
  background: var(--292a37-or-ffffff-10);
}
.cbutton-primary_black:hover {
  background: var(--1f1f29-or-ffffff-30);
}
.cbutton-primary_orange {
  background-color: var(--ffaa33-or-ff9d14);
  color: var(--ffffff-or-ffffff);
}
.cbutton-primary_orange:hover {
  background-color: var(--ff9c11-or-ff9c11-70);
}
.cbutton-primary_smoke {
  color: var(--b4b4b4-or-ffffff-30);
  background: var(--f8f8f8-or-ffffff-10);
}
.cbutton-primary_smoke:hover {
  background: var(--e4e4e4-or-ffffff-05);
}
.cbutton-primary_plain-black-red-deeper {
  background: var(--000000-or-000000);
  color: var(--ff0000-or-ff4f47);
}
.cbutton-primary_plain-black-red-deeper:hover {
  background: var(--000000-or-ffffff-05);
}
.cbutton-primary_light_gray {
  background: var(--f0f0f0-or-ffffff-02);
  color: var(--b4b4b4-or-b4b4b4);
}
.cbutton-primary_light_gray:hover {
  background: var(--e6e6e6-or-ffffff-04);
}
.cbutton-primary_dark_gray {
  background-color: var(--f0f0f0-or-ffffff-10);
  color: var(--b4b4b4-or-ffffff-70);
}
.cbutton-primary_dark_gray:hover {
  background-color: var(--dcdcdc-or-ffffff-20);
}
.cbutton-primary__icon {
  font-weight: 400;
}
.cbutton-primary_icon-left.cbutton-primary_medium {
  padding-left: 12px;
  padding-right: 12px;
}
.cbutton-primary_icon-left.cbutton-primary_medium > .cbutton-primary__icon {
  --size: 20px;
  font-size: 20px;
  margin-right: 5px;
  margin-left: 3px;
  margin-bottom: 1px;
}
.cbutton-primary_icon-left.cbutton-primary_small {
  padding-left: 8px;
}
.cbutton-primary_icon-left.cbutton-primary_small > .cbutton-primary__icon {
  --size: 16px;
  font-size: 16px;
  margin-right: 6px;
}
.cbutton-primary_loading {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  animation: 0s delayHideButtonText 300ms linear forwards;
}
.cbutton-primary_loading::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.cbutton-primary_icon-right.cbutton-primary_medium {
  padding: 6px 14px 6px 16px;
  font-size: 15px;
  line-height: 23px;
}
.cbutton-primary_icon-right.cbutton-primary_medium > .cbutton-primary__icon {
  --size: 20px;
  font-size: 20px;
  margin-left: 4px;
  margin-bottom: 1px;
}
.cbutton-primary_icon-right.cbutton-primary_small {
  padding-right: 8px;
}
.cbutton-primary_icon-right.cbutton-primary_small > .cbutton-primary__icon {
  --size: 16px;
  font-size: 16px;
  margin-left: 6px;
}
.cbutton-primary_medium {
  font-size: 15px;
  line-height: 22px;
  height: 35px;
  padding: 6px 16px;
}
.cbutton-primary_medium > .cbutton-primary__icon {
  --size: 20px;
  font-size: 20px;
}
.cbutton-primary_fullwidth {
  width: 100%;
}
.cbutton-primary_small {
  font-size: 13px;
  line-height: 20px;
  height: 28px;
  padding: 4px 12px;
}
.cbutton-primary_small > .cbutton-primary__icon {
  --size: 18px;
  font-size: 18px;
}
.cbutton-primary_large {
  border-radius: 8px;
  font-size: 15px;
  line-height: 150%;
  height: 44px;
  padding: 6px 16px;
}
.cbutton-primary_large > .cbutton-primary__icon {
  --size: 22px;
  font-size: 22px;
}
.cbutton-secondary {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  background-color: var(--ffffff-or-ffffff);
  border: 1px solid;
  border-radius: 5px;
  font-size: 15px;
  line-height: 23px;
  height: 35px;
  padding: 6px 16px;
}
.cbutton-secondary_small {
  font-size: 13px;
  line-height: 20px;
  height: 28px;
  padding: 4px 12px;
}
.cbutton-secondary_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.cbutton-secondary_hidden {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
}
.cbutton-secondary_block {
  width: 100%;
}
.cbutton-secondary > .cbutton-secondary__icon {
  --size: 20px;
  font-size: 20px;
}
.cbutton-secondary_white {
  border-color: var(--ffffff-or-ffffff-80);
  background-color: transparent;
  color: var(--ffffff-or-ffffff-80);
}
.cbutton-secondary_white:hover {
  background-color: var(--ffffff-20-or-transparent);
}
.cbutton-secondary_gray {
  border-color: var(--dcdcdc-or-ffffff-20);
  background-color: transparent;
  color: var(--333e49-or-ffffff-70);
}
.cbutton-secondary_gray:hover {
  background-color: var(--f8f8f8-or-ffffff-10);
}
.cbutton-secondary_gray-success {
  border-color: var(--05c46b-or-04a45a);
  background-color: var(--05c46b-07-or-04a45a-07);
  color: var(--05c46b-or-04a45a);
  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
}
.cbutton-secondary_gray-success:hover {
  background-color: #05c46b12;
}
.cbutton-tertiary {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  border-radius: 30px;
  font-size: 15px;
  line-height: 22px;
  height: 35px;
  padding: 6px 12px;
  color: var(--dcdcdc-or-ffffff-30);
  background: var(--f5f5f5-or-f5f5f5);
}
.cbutton-tertiary_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.cbutton-tertiary_hidden {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
}
.cbutton-tertiary_block {
  width: 100%;
}
.cbutton-tertiary:hover {
  background: var(--c7c7c7-or-009fe6);
}
.cbutton-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 17px;
  line-height: 25px;
}
.cbutton-text_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.cbutton-text_hidden {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
}
.cbutton-text_block {
  width: 100%;
}
.cbutton-text:hover {
  color: var(--a1a1a1-or-009fe6);
}
.cbutton-text_small {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  height: 20px;
}
.cbutton-tips {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  user-select: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  display: flex;
  width: 57px;
  align-items: center;
  margin-right: 8px;
  border-radius: 30px;
  padding: 7px 9px 7px 8px;
  height: 34px;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  cursor: pointer;
  color: var(--b4b4b4-or-b4b4b4);
  background-color: var(--f8f8f8-or-f8f8f8);
}
.cbutton-tips_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.cbutton-tips_hidden {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
}
.cbutton-tips_block {
  width: 100%;
}
.cbutton-tips:hover {
  background: var(--f0f0f0-or-f0f0f0);
}
.cbutton-tips__icon {
  --size: 20px;
  margin-right: 4px;
}
.cbutton-tips__text {
  margin-right: 3px;
}
.cbutton-disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.cbutton-block {
  width: 100%;
}
.cbutton-hidden {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
}
.cbutton {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}
.is-loading {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  animation: 0s delayHideButtonText 300ms linear forwards;
}
.is-loading::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.cbutton-icon-rounded {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  display: inline-flex;
  text-align: center;
  user-select: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  --size: 20px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  color: var(--b4b4b4-or-b4b4b4);
  background-color: var(--f5f5f5-or-f5f5f5);
  cursor: pointer;
}
.cbutton-icon-rounded_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.cbutton-icon-rounded_hidden {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
}
.cbutton-icon-rounded_block {
  width: 100%;
}
.cbutton-icon-rounded:hover {
  color: var(--009fe6-or-009fe6);
  cursor: pointer;
}
.cbutton-icon-rounded_gray {
  color: var(--b4b4b4-or-b4b4b4);
  border: 1px solid var(--f5f5f5-or-f5f5f5);
  background-color: var(--f5f5f5-or-f5f5f5);
}
.cbutton-icon-rounded_green {
  color: var(--ffffff-or-ffffff);
  background-color: var(--05c46b-or-04a45a);
}
.cbutton-icon-rounded_green:hover {
  color: var(--ffffff-or-ffffff);
  background-color: var(--049a54-or-037c44);
}
.cbutton-icon-rounded_loading {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  animation: 0s delayHideButtonText 300ms linear forwards;
  color: transparent !important;
}
.cbutton-icon-rounded_loading::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.cbutton-icon-rounded_loading::after {
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 20px;
  position: absolute;
}
.cbutton-switching {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  border-radius: 8px;
  font-size: 12px;
  line-height: 14px;
  height: 23px;
  padding: 4px 6px;
  color: var(--2574a9-or-006b30);
  background: var(--009fe6-10-or-006b30-10);
}
.cbutton-switching_active {
  background: var(--009fe6-20-or-006be0-20);
}
.cbutton-switching:hover {
  background: var(--009fe6-20-or-006be0-20);
}
.cbutton-large {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  font-size: 15px;
  border-radius: 8px;
  padding: 10px 16px;
  line-height: 22px;
  height: 44px;
}
.cbutton-large_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.cbutton-large_hidden {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
}
.cbutton-large_block {
  width: 100%;
}
.cbutton-large_fullwidth {
  width: 100%;
}
.cbutton-large_sapphire {
  color: var(--ffffff-or-ffffff);
  background: var(--007aff-or-006be0);
}
.cbutton-large_sapphire:hover {
  background: var(--0066d6-or-0058b8);
}
.cbutton-large_red {
  color: var(--ffffff-or-ffffff);
  background: var(--ff6a64-or-ff4f47);
}
.cbutton-large_red:hover {
  background: var(--ff4942-or-ff271f);
}
.cbutton-large_green {
  color: var(--ffffff-or-ffffff);
  background: var(--05c46b-or-04a45a);
}
.cbutton-large_green:hover {
  background: var(--049a54-or-037c44);
}
.cbutton-large_green-01 {
  color: var(--05c46b-or-04a45a);
  background: var(--04a45a-10-or-037c44-10);
}
.cbutton-large_blue {
  color: var(--ffffff-or-ffffff);
  background: var(--009fe6-or-006b30);
}
.cbutton-large_blue:hover {
  background: var(--0088c4-or-006d9e);
}
.cbutton-large_gray {
  color: var(--b4b4b4-or-ffffff-75);
  background: var(--f5f5f5-or-ffffff-10);
}
.cbutton-large_gray:hover {
  background: var(--e4e4e4-or-ffffff-05);
}
.cbutton-large_black {
  color: var(--dcdcdc-or-dcdcdc);
  background: var(--333e49-or-000000);
}
.cbutton-large_black:hover {
  background: var(--445260-or-141414);
}
.cbutton-large_orange {
  background-color: var(--ffaa33-or-ff9d14);
  color: var(--ffffff-or-ffffff);
}
.cbutton-large_orange:hover {
  background-color: var(--ff9c11-or-ff9c11-70);
}
.cbutton-large_plain-black-red-deeper {
  background: var(--000000-or-000000);
  color: var(--ff0000-or-ff4f47);
}
.cbutton-large_plain-black-red-deeper:hover {
  background: var(--000000-or-ffffff-05);
}
.cbutton-large_loading {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  animation: 0s delayHideButtonText 300ms linear forwards;
}
.cbutton-large_loading::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.cbutton-social {
  display: inline-flex;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 0;
  background-color: var(--ffffff-or-transparent);
  border: 1px solid var(--f0f0f0-or-ffffff-10);
  border-radius: 4px;
}
.cbutton-social:hover {
  border-color: var(--f0f0f0-or-transparent);
  background-color: var(--f8f8f8-or-ffffff-10);
}
.cbutton-social_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.cbutton-social_hidden {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
}
.cbutton-social_block {
  width: 100%;
}
.cbutton-social_link {
  padding: 0;
  border: none;
  background: transparent;
  color: var(--2574a9-or-009fe6);
}
.cbutton-social_link:hover {
  color: var(--1c577f-or-2574a9);
  background: transparent;
}
.cbutton-social__icon {
  --size: var(--icon-area, 14px);
  margin-right: var(--icon-margin-right, 6px);
  border-radius: var(--icon-border-radius, 126px);
}
.text-header-hero {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
}
.text-header-h1 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.2px;
}
.text-header-h2 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 19px;
}
.text-header-h3 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
}
.text-header-h4 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
}
.text-header-h5 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
}
.text-header-heavy-18 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
}
.text-body-bold-18 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
}
.text-body-bold-17 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.2px;
}
.text-body-regular-15 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}
.text-body-bold {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
}
.text-body-regular {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
}
.text-body-regular-13 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0;
}
.text-body-regular-14 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.text-body-bold-14 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.text-body-regular-15-20 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}
.text-desc-bold-13 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
}
.text-desc-semi-bold-13 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
}
.text-desc-regular-13 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
}
.text-desc-regular-12 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
.text-desc-regular-12-140 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
}
.text-desc-bold-12 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
}
.text-desc-regular-12-18 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.text-desc-regular-12-17 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
}
.text-desc-uppercase {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
}
.text-desc-regular-10 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
}
.text-seg-clue {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: 0;
}
.numbers-extre-large-bold {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.2px;
}
.text-input-regular-15 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
.text-button-semibold-15 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
}
.white-space-pre-wrap {
  white-space: pre-wrap;
}
.title-bold-15 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
}
.menu-bold-15 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.16px;
}
.metadata-regular-13 {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0;
}
.stripe-input {
  text-transform: uppercase;
  border: 1px solid var(--ffffff-or-transparent);
  height: 36px;
  padding: 9px 14px;
  background: var(--card-input-color);
  border-radius: 8px;
  cursor: text;
}
.stripe-input_card {
  width: 100%;
}
.stripe-input_expiry {
  width: 80px;
  padding: 9px 10px;
}
.stripe-input_cvc {
  width: 59px;
  padding: 9px 11px;
}
.stripe-input_invalid:not(.stripe-input_focus) {
  animation: changeColor 0.1s 0.3s forwards;
}
.currency-icon {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
}
.currency-inter-font {
  font-family: Inter, Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
}
.toolbar {
  position: absolute;
  z-index: 120;
  overflow: visible;
  pointer-events: none;
}
@keyframes checkboxSwitchChecked {
  from {
    background-color: var(--checkbox-switch-background-color);
  }
  to {
    background-color: var(--checkbox-switch-active-background-color);
  }
}
@keyframes checkboxSwitchAfterChecked {
  from {
    transform: initial;
  }
  to {
    transform: translateX(calc(var(--checkbox-switch-width) - var(--checkbox-switch-circle-size) - var(--checkbox-switch-padding) * 2));
  }
}
@keyframes checkboxSwitchNotChecked {
  from {
    background-color: var(--checkbox-switch-active-background-color);
  }
  to {
    background-color: var(--checkbox-switch-background-color);
  }
}
@keyframes checkboxSwitchAfterNotChecked {
  from {
    transform: translateX(calc(var(--checkbox-switch-width) - var(--checkbox-switch-circle-size) - var(--checkbox-switch-padding) * 2));
  }
  to {
    transform: initial;
  }
}
.checkbox-switch {
  --checkbox-switch-padding: 2px;
  --checkbox-switch-width: 48px;
  --checkbox-switch-height: 29px;
  --checkbox-switch-circle-size: calc(var(--checkbox-switch-height) - var(--checkbox-switch-padding) * 2);
  --checkbox-switch-background-color: var(--f0f0f0-or-ffffff-08);
  --checkbox-switch-circle-color: var(--ffffff-or-bdbdbd);
  --checkbox-switch-active-circle-color: var(--ffffff-or-bdbdbd);
  --checkbox-switch-active-background-color: var(--4cd964-or-04a45a-70);
  --checkbox-switch-animation-duration: 0.1s;
  display: inline-block;
}
.checkbox-switch_small {
  --checkbox-switch-padding: 2px;
  --checkbox-switch-width: 36px;
  --checkbox-switch-height: 23px;
}
.checkbox-switch__checkbox {
  display: none;
}
.checkbox-switch__checkbox:checked ~ .checkbox-switch__slider {
  background-color: var(--checkbox-switch-active-background-color);
}
.checkbox-switch__checkbox:checked ~ .checkbox-switch__slider::after {
  background-color: var(--checkbox-switch-active-circle-color);
  transform: translateX(calc(var(--checkbox-switch-width) - var(--checkbox-switch-circle-size) - var(--checkbox-switch-padding) * 2));
}
.checkbox-switch__checkbox:disabled ~ .checkbox-switch__slider {
  cursor: default;
  user-select: none;
}
.checkbox-switch__slider {
  display: flex;
  align-items: center;
  padding: var(--checkbox-switch-padding);
  border-radius: calc(var(--checkbox-switch-height) / 2);
  width: var(--checkbox-switch-width);
  height: var(--checkbox-switch-height);
  background-color: var(--checkbox-switch-background-color);
  cursor: pointer;
}
.checkbox-switch__slider::after {
  display: inline-block;
  width: var(--checkbox-switch-circle-size);
  height: var(--checkbox-switch-circle-size);
  background-color: var(--checkbox-switch-circle-color);
  border-radius: 50%;
  box-shadow: 0 2px 8px var(--000000-15-or-000000-15), 0 2px 1px var(--000000-06-or-000000-06);
  transition: transform var(--checkbox-switch-animation-duration) linear;
  content: '';
}
.checkbox-switch_animation-checked .checkbox-switch__slider::after,
.checkbox-switch_animation-not-checked .checkbox-switch__slider::after {
  transition: initial;
}
.checkbox-switch_animation-checked .checkbox-switch__slider {
  animation: checkboxSwitchChecked var(--checkbox-switch-animation-duration) forwards;
}
.checkbox-switch_animation-checked .checkbox-switch__slider::after {
  animation: checkboxSwitchAfterChecked var(--checkbox-switch-animation-duration) forwards;
}
.checkbox-switch_animation-not-checked .checkbox-switch__slider {
  animation: checkboxSwitchNotChecked var(--checkbox-switch-animation-duration) forwards;
}
.checkbox-switch_animation-not-checked .checkbox-switch__slider::after {
  animation: checkboxSwitchAfterNotChecked var(--checkbox-switch-animation-duration) forwards;
}
.dashboard-popup {
  --dashboard-popup-info-margin-bottom: 0;
  overflow: hidden;
  border-radius: 8px;
  width: 360px;
  background-color: var(--ffffff-or-272727);
  box-shadow: 0 0 0 3px var(--000000-05-or-transparent);
}
.dashboard-popup .close-filled__circle {
  fill: var(--f8f8f8-or-ffffff-03);
}
.dashboard-popup__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: var(--dashboard-popup-info-margin-bottom);
  padding: 36px 20px 0;
  text-align: center;
}
.dashboard-popup__logo {
  --size: 80px;
  width: var(--size);
  height: var(--size);
  margin-bottom: 16px;
}
.dashboard-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 6px;
  color: var(--333e49-or-ffffff-75);
}
.dashboard-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.dashboard-popup__button-close {
  top: 13px;
}
/**
 * Класс для кастомного слайдера с заранее заданными параметрами
 */
.breakpoint-slider {
  width: var(--width, 100%);
  padding: var(--space-y, 16px) 0;
  background-color: var(--bg-color);
  border-radius: var(--border-radius, 12px);
  font-size: var(--font-size, 12px);
  line-height: var(--line-height, 14px);
  cursor: pointer;
}
.breakpoint-slider_disabled {
  pointer-events: none;
}
.breakpoint-slider_disabled .breakpoint-slider__input-thumb {
  opacity: 0;
}
.breakpoint-slider__slider-item {
  display: flex;
  justify-content: center;
  min-width: var(--track-size, 28px);
  height: var(--track-size, 28px);
  align-items: center;
  cursor: pointer;
}
.breakpoint-slider__slider-wrapper-list {
  margin-left: var(--slider-margin-x, 10px);
  margin-right: var(--slider-margin-x, 10px);
}
.breakpoint-slider__slider-item + .breakpoint-slider__slider-item {
  margin-left: var(--space-between-dots, 28px);
}
.breakpoint-slider__slider-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  overflow: visible;
}
.breakpoint-slider__slider-line-wrapper {
  height: var(--slider-height, 6px);
  width: calc(100% - 26px);
  margin: 0 13px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  overflow: hidden;
  pointer-events: none;
}
.breakpoint-slider__slider-line {
  background-color: var(--slider-bg-color);
  width: 100%;
  height: 100%;
}
.breakpoint-slider__slider-list_highlight {
  pointer-events: none;
}
.breakpoint-slider__slider-list_highlight .breakpoint-slider__slider-line {
  background-color: var(--highlight-color);
}
.breakpoint-slider__slider-list_clickable {
  cursor: pointer;
}
.breakpoint-slider__slider-dot {
  width: var(--circle-size, 12px);
  height: var(--circle-size, 12px);
  background-color: var(--slider-bg-color);
  border-radius: 50%;
  cursor: pointer;
}
.breakpoint-slider__slider-dot_active {
  background-color: var(--highlight-color);
}
.breakpoint-slider__input {
  background: transparent;
  width: 100%;
  position: relative;
  pointer-events: none;
}
.breakpoint-slider__input-thumb {
  pointer-events: all;
  width: var(--track-size, 28px);
  height: var(--track-size, 28px);
  background-color: var(--track-bg-color);
  border: var(--track-border);
  box-shadow: var(--track-box-shadow);
  border-radius: 50%;
}
.breakpoint-slider__input-thumb_animate {
  transition: 0.2s ease-in-out transform;
}
/**
 * Попап с круглым изображением (иконкой) в центре
 */
.circle-header-information-popup {
  padding: 46px 0 20px;
}
.circle-header-information-popup__header {
  margin-bottom: 8px;
  padding: 0 20px;
  text-align: center;
}
.circle-header-information-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  padding: 0 !important;
}
.circle-header-information-popup__divider {
  border-top: 1px dashed var(--separator-color-dashed);
  margin: 23px 20px 16px;
}
.circle-header-information-popup__footer {
  padding: 0 20px;
}
.circle-header-information-popup__button {
  width: 100%;
}
/**
 * Блок с подтверждением действия
 */
.confirm-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.confirm-block__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  color: var(--333e49-or-ffffff-70);
  margin-bottom: 1px;
}
.confirm-block__buttons-group {
  flex: 0;
  display: flex;
}
.confirm-block__buttons-group .cbutton-primary:first-child {
  margin: 0 12px;
}
/**
 * Стили попапа smartApp
 */
.smart-app-holder {
  --popup-wrap-margin-vertical: 42px;
  --popup-wrap-margin-horizontal: 0;
  position: absolute;
  height: var(--content-height);
  inset: var(--title-bar-height) 0 0 0;
  user-select: none;
  pointer-events: none;
  display: none;
  z-index: 200;
}
.smart-app-holder:has( > div:not(.hidden)) {
  display: block;
}
.smart-app-holder__smart-app {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: initial;
  pointer-events: initial;
}
.smart-app-holder__container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.smart-app-holder__content {
  height: 100%;
}
.smart-app-holder__webview-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--webview-smart-app-background, transparent);
}
.smart-app-holder__stub-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--webview-smart-app-background, transparent);
}
.smart-app-holder__size {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: initial;
  pointer-events: initial;
}
.smart-app-holder__size[data-size='s'] .smart-app-holder__webview-wrapper {
  width: 25%;
  min-width: 360px;
}
.smart-app-holder__size[data-size='s'] .smart-app-holder__content {
  flex: 1;
}
.smart-app-holder__size[data-size='s'] .smart-app-holder__webview-container {
  flex: 1;
}
.smart-app-holder__size[data-size='m'] .smart-app-holder__webview-wrapper {
  width: 43%;
  min-width: 624px;
}
.smart-app-holder__size[data-size='xl'] .smart-app-holder__webview-wrapper {
  width: calc(100% - 32px * 2);
}
.smart-app-holder__overlay {
  position: absolute;
  inset: 0;
  background: var(--04040a-50-or-000000-80);
}
.smart-app-holder__webview {
  height: 100%;
}
.smart-app-holder__webview-wrapper {
  margin: var(--popup-wrap-margin-vertical) var(--popup-wrap-margin-horizontal);
  display: flex;
  flex-direction: column;
  max-height: calc(var(--content-height) - var(--popup-wrap-margin-vertical) * 2);
}
.smart-app-holder__inner {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  box-shadow: 0 0 0 3px var(--000000-05-or-transparent);
  background-color: var(--ffffff-or-1c1c1c);
  overflow: hidden;
  transform: translateZ(0);
}
.alert {
  position: absolute;
  inset: var(--title-bar-height) 0 0 0;
  pointer-events: none;
  background-color: var(--04040a-20-or-000000-20);
  z-index: 2000;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  opacity: 1;
}
.alert.hidden {
  opacity: 0;
  visibility: hidden;
}
.alert__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.alert__container {
  background: var(--000000-50-or-000000-50);
  border-radius: 5px;
}
.alert__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: 0;
  padding: 23px 21px;
  color: var(--ffffff-or-ffffff-85);
  text-shadow: 0 -1px 1px var(--000000-50-or-000000-50);
}
.wrapper {
  --main-left-width: 330px;
}
.main {
  display: flex;
  height: 100%;
  overflow: hidden;
}
.main_order-of-spaces.main::after {
  background-color: var(--0a0a11-or-212121);
}
.main::after {
  position: absolute;
  top: 0;
  left: var(--main-left-width);
  width: var(--main-right-angle-size);
  height: var(--main-right-angle-size);
  user-select: none;
  pointer-events: none;
  background-color: var(--title-bar-background-color);
  opacity: var(--main-right-angle-opacity);
  clip-path: url('#clip-corner');
  z-index: var(--toastr-z-index);
  content: '';
}
.main__left {
  background-color: var(--393a4d-or-212121);
  height: var(--content-height);
  display: flex;
  flex-direction: column;
  width: var(--main-left-width);
  transform: translateZ(0);
}
.main__left_guest .leftmenu-header__arrow {
  display: none;
}
.main__left_guest-on-premise .leftmenu-header__name-company {
  cursor: default;
}
.main__left_guest-on-premise .leftmenu-header__name-company:hover {
  color: var(--ffffff-30-or-ffffff-50);
}
.main__right {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 1px;
  overflow: hidden;
  background-color: var(--conversation-background);
  --media-height: 0px;
}
.main__right_with-media {
  --media-height: 42px;
}
.main__right_with-media .allthreads__scroll {
  transition: none;
}
.main__right_with-media .allthreads__scroll::before {
  content: '';
  height: 40px;
  width: 100px;
  display: block;
}
.main__right_without-media {
  --media-height: 0px;
}
.main__right_without-media .allthreads__scroll::before {
  display: block;
  content: '';
  width: 100%;
}
.main__right_without-media_animated .allthreads__scroll::before {
  animation: hideMediaHeader 0.4s linear;
}
.main_right_input {
  padding: 0 64px 20px 16px;
  background-color: var(--ffffff-or-ffffff);
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-grow: 0;
  min-height: 62px;
}
.main_right_input_select_mode {
  display: flex;
  align-items: flex-start;
  padding-top: 16px;
  padding-bottom: 16px;
}
.main-messages-placeholder {
  width: 100%;
  height: var(--content-height);
}
.main-messages-placeholder__header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: var(--ffffff-or-1c1c1c);
  padding-left: 28px;
  border-bottom: 1px solid var(--f5f5f5-or-171717);
}
.main-messages-placeholder__message-box-all {
  margin-left: 25px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
.main-messages-placeholder__message-box {
  margin-top: 18px;
}
.main-messages-placeholder__input {
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: var(--ffffff-or-1c1c1c);
  padding: 0 16px 20px;
}
.main-messages-placeholder__input-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 42px;
  border: 2px solid var(--f5f5f5-or-ffffff-02);
  border-radius: 8px;
}
.main-messages-placeholder__input-smile {
  display: flex;
  align-items: center;
  padding-right: 9px;
}
.main-messages-placeholder__input-button {
  padding-left: 16px;
}
.main-placeholder__overlay {
  position: absolute;
  inset: 0;
}
.main-drop {
  position: absolute;
  inset: 0;
  z-index: 1000000;
  display: flex;
  justify-content: center;
  background-color: var(--04040a-50-or-000000-80);
}
.main-drop__content {
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 59px 16px 30px;
  background-color: var(--000000-80-or-212121);
  border-radius: 8px;
  min-width: 500px;
  position: absolute;
  top: 156px;
}
.main-drop__icon {
  top: -114px;
  position: absolute;
}
.main-drop__title {
  color: var(--ffffff-or-ffffff-80);
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 12px;
}
.main-drop__description {
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  color: var(--ffffff-or-ffffff-50);
}
@keyframes skeletonAnimationLine {
  to {
    background-position: calc(var(--skeleton-animation-line-max-width) * 1px + var(--skeleton-animation-effect-width) * 2);
  }
}
@keyframes skeletonAnimationBlock {
  to {
    background-position: -100%;
  }
}
.skeleton-animation__effect,
.skeleton-animation_block-animation::after {
  --skeleton-animation-effect-color: var(--f5f5f5-90-or-ffffff-005);
  --skeleton-animation-effect-width: 12px;
  --skeleton-animation-effect-duration: 1.8s;
  background-image: linear-gradient(90deg, transparent 0, var(--skeleton-animation-effect-color) var(--skeleton-animation-effect-width), transparent calc(var(--skeleton-animation-effect-width) * 2));
  background-position: calc(var(--skeleton-animation-effect-width) * -2);
  background-size: 200% 100%;
  content: '';
}
.skeleton-animation_block-animation::after {
  --skeleton-animation-effect-width: 32px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: skeletonAnimationBlock var(--skeleton-animation-effect-duration) infinite linear;
}
.skeleton-animation__line-list {
  display: flex;
  flex-direction: column;
  opacity: 0.7;
}
.skeleton-animation__line {
  border-radius: 5px;
  width: calc(var(--skeleton-animation-line-width) * 1px);
  height: 15px;
  background-color: var(--f8f8f8-or-ffffff-01);
}
.skeleton-animation__line:not(:last-child) {
  margin-bottom: 4px;
}
.skeleton-animation_line-animation {
  animation: skeletonAnimationLine var(--skeleton-animation-effect-duration) infinite linear;
}
.horizontal-scroll {
  display: flex;
  white-space: nowrap;
  /*
		Чтобы не возникало неверных подсчетов высоты блока, накидываем горизонтальный скролл
		и ограничение высоты, только после того, как JS присвоит определенное значение
	*/
}
.horizontal-scroll[style*='--horizontal-scroll-height'] {
  overflow: auto hidden;
  height: var(--horizontal-scroll-height);
  min-height: var(--horizontal-scroll-height);
  max-height: var(--horizontal-scroll-height);
}
.horizontal-scroll_grabbing * {
  cursor: grabbing !important;
}
.horizontal-scroll::-webkit-scrollbar {
  display: none;
}
.avatar {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  color: var(--f5f5f5-or-f5f5f5);
}
.avatar_border {
  border: var(--avatar-border);
}
.avatar_backgroud-white {
  background-color: var(--ffffff-or-ffffff) !important;
}
.avatar_square {
  border-radius: 13px;
}
.avatar_backgroud-transparent {
  background-color: transparent !important;
}
.avatar_pointer {
  cursor: pointer;
}
.avatar_with-info {
  margin-right: 8px;
}
.avatar_fake {
  background: var(--f5f5f5-or-f5f5f5) !important;
}
.avatar_extra {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--ffffff-or-ffffff-02);
  opacity: 1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.avatar[style*='background-image'] {
  background-color: var(--ffffff-or-ffffff-02);
}
.avatar::before {
  content: attr(data-text);
  user-select: none;
  display: block;
  position: absolute;
}
.avatar_after::after {
  content: attr(data-text);
  user-select: none;
  display: block;
  position: absolute;
}
.avatar_preloader {
  pointer-events: none;
}
.avatar_preloader::after {
  content: '';
  display: block;
  position: absolute;
  background: url('../images/global/preloader-white.svg') no-repeat center, var(--04040a-50-or-000000-80);
  animation: linear 500ms infinite rotatePreloader;
  background-size: 32px;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.avatar_preloader-border {
  border-color: unset;
}
.avatar_preloader-border::after {
  content: '';
  display: block;
  position: absolute;
  background: url('../images/global/preloader-border-blue.svg') no-repeat center, transparent;
  animation: linear 1.3s infinite rotatePreloader;
  border-radius: 50%;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  background-size: 100%;
}
.avatar_disabled {
  pointer-events: none;
  cursor: default;
}
.avatar_selected::after {
  display: block;
  content: '';
  border: 1px solid var(--ffffff-or-1c1c1c);
  box-shadow: 0 0 0 2px var(--05c46b-or-04a45a);
  border-radius: 50%;
  position: absolute;
}
.avatar__icon {
  --size: 40px;
  position: absolute;
  top: 0;
  right: 0;
  height: 78px;
  width: 78px;
  display: none;
  justify-content: center;
  align-items: center;
  color: var(--ffffff-or-ffffff);
  border-radius: 50%;
  background-color: var(--04040a-50-or-000000-80);
  opacity: 0;
}
.avatar__icon-small {
  --size: 25px;
  height: 38px;
  width: 38px;
}
.avatar__icon:hover {
  opacity: 1;
}
.avatar__icon_clickable {
  display: flex;
  cursor: pointer;
}
.avatar_full {
  width: 100%;
  height: 100%;
}
.avatar_squircle {
  border-radius: 27% !important;
}
.avatar_clickable {
  cursor: pointer;
}
.avatar_17 {
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
  font-size: 8px;
  line-height: 8px;
}
.avatar_18 {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  font-size: 8px;
  line-height: 8px;
}
.avatar_20 {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  font-size: 8px;
  line-height: 8px;
}
.avatar_22 {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  font-size: 8px;
  line-height: 8px;
}
.avatar_24 {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-size: 10px;
  line-height: 10px;
}
.avatar_26 {
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  font-size: 10px;
  line-height: 10px;
}
.avatar_28 {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  font-size: 12px;
  line-height: 12px;
}
.avatar_30 {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  font-size: 12px;
  line-height: 12px;
}
.avatar_32 {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  font-size: 12px;
  line-height: 12px;
}
.avatar_34 {
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  font-size: 14px;
  line-height: 14px;
}
.avatar_36 {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  font-size: 14px;
  line-height: 14px;
}
.avatar_38 {
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  font-size: 14px;
  line-height: 14px;
}
.avatar_40 {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  font-size: 16px;
  line-height: 16px;
}
.avatar_40.avatar_selected::after {
  height: 38px;
  width: 38px;
}
.avatar_42 {
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  font-size: 16px;
  line-height: 16px;
}
.avatar_48 {
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  font-size: 16px;
  line-height: 16px;
}
.avatar_60 {
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  font-size: 20px;
  line-height: 20px;
}
.avatar_66 {
  width: 66px;
  min-width: 66px;
  height: 66px;
  min-height: 66px;
  font-size: 44px;
  line-height: 44px;
}
.avatar_68 {
  width: 68px;
  min-width: 68px;
  height: 68px;
  min-height: 68px;
  font-size: 24px;
  line-height: 24px;
}
.avatar_70 {
  width: 70px;
  min-width: 70px;
  height: 70px;
  min-height: 70px;
  font-size: 24px;
  line-height: 24px;
}
.avatar_80 {
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  font-size: 32px;
  line-height: 32px;
}
.avatar_85 {
  width: 85px;
  min-width: 85px;
  height: 85px;
  min-height: 85px;
  font-size: 32px;
  line-height: 32px;
}
.avatar_90 {
  width: 90px;
  min-width: 90px;
  height: 90px;
  min-height: 90px;
  font-size: 36px;
  line-height: 36px;
}
.avatar_100 {
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
  font-size: 40px;
  line-height: 40px;
}
.avatar_110 {
  width: 110px;
  min-width: 110px;
  height: 110px;
  min-height: 110px;
  font-size: 44px;
  line-height: 44px;
}
.badge {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  --height: 17px;
  width: 52px;
  height: var(--height);
  border-radius: 5px;
  font-size: 10px;
  padding: 3px 2px 2px;
  line-height: 12px;
  color: var(--ffffff-or-ffffff);
}
.badge_uppercase {
  padding: 0 3px;
}
.badge_user {
  text-align: center;
  line-height: normal;
  width: 52px;
}
.badge_user.badge_color_0 {
  background-color: var(--dcdcdc-or-ffffff-10);
}
.badge_user.badge_color_1 {
  background-color: var(--badge-color-green);
}
.badge_user.badge_color_2 {
  background-color: var(--badge-color-blue);
}
.badge_user.badge_color_3 {
  background-color: var(--badge-color-black);
  color: var(--ffffff-or-ffffff-80);
}
.badge_user.badge_color_4 {
  background-color: var(--badge-color-purple);
}
.badge_user.badge_color_5 {
  background-color: var(--badge-color-pink);
}
.badge_user.badge_color_6 {
  background-color: var(--badge-color-grass);
}
.badge_user.badge_color_7 {
  background-color: var(--badge-color-dune);
}
.badge_user.badge_color_8 {
  background-color: var(--badge-color-bordo);
}
.badge_user.badge_color_dark_0 {
  background-color: var(--ffffff-10-or-ffffff-10);
}
.badge_user.badge_color_dark_1 {
  background-color: var(--badge-color-green);
}
.badge_user.badge_color_dark_2 {
  background-color: var(--badge-color-blue);
}
.badge_user.badge_color_dark_3 {
  background-color: var(--badge-color-black);
  color: var(--ffffff-or-ffffff-80);
}
.badge_user.badge_color_dark_4 {
  background-color: var(--badge-color-purple);
}
.badge_user.badge_color_dark_5 {
  background-color: var(--badge-color-pink);
}
.badge_user.badge_color_dark_6 {
  background-color: var(--badge-color-dark-grass);
}
.badge_user.badge_color_dark_7 {
  background-color: var(--badge-color-dark-dune);
}
.badge_user.badge_color_dark_8 {
  background-color: var(--badge-color-dark-bordo);
}
.badge_group {
  display: flex;
  align-items: center;
  padding: 3px 3px 3px 6px;
  background-color: var(--c2cfe4-or-ffffff-02);
}
.badge_group .badge__icon {
  --size: 11px;
  display: flex;
  font-size: var(--size);
  color: var(--ffffff-or-ffffff-10);
}
.badge_group .badge__count {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  color: var(--f8f8f8-or-ffffff-40);
  height: 11px;
}
.badge_channel {
  background-color: var(--f2dba9-or-574a3d);
  padding-left: 5px;
}
.badge_channel .badge__icon {
  --size: 13px;
  color: var(--ffffff-or-ffffff-50);
}
.badge_channel .badge__count {
  color: var(--ffffff-or-ffffff-50);
  margin-left: 1px;
}
.badge_disabled {
  background-color: var(--f8f8f8-or-f8f8f8);
}
.badge_disabled:hover {
  cursor: default;
  background-color: var(--f8f8f8-or-f8f8f8);
}
.badge_fake {
  background-color: var(--f5f5f5-or-f5f5f5);
  margin-left: auto;
}
.badge-big {
  width: auto;
  height: 24px;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.1px;
  padding: 4px 8px;
  border-radius: 5px;
  color: var(--2574a9-or-009fe6);
  background-color: var(--007aff-10-or-006be0-10);
}
.badge-group {
  display: flex;
  align-items: center;
}
.badge-group .badge:not(:last-child) {
  margin-right: 6px;
}
.crop-popup {
  background-color: var(--ffffff-or-272727);
}
.crop-popup .popup__content {
  display: flex;
  flex-direction: column;
  padding: 8px 16px;
  overflow: hidden;
  border: none;
}
.crop-popup_company .crop-miniature__item_light {
  display: none;
}
.crop-popup_company .crop-miniature__item_dark {
  margin-right: 16px;
}
.crop-popup .popup__title {
  margin-bottom: 4px;
}
.crop-popup .popup__header {
  margin-bottom: 8px;
}
.crop-popup .popup__description {
  letter-spacing: -0.12px;
}
.crop-area {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
  margin-bottom: 20px;
  background-color: var(--ffffff-or-272727);
}
.crop-area__select {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.crop-area__circle {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  box-shadow: 0 0 100px 1000px var(--000000-50-or-000000-50);
}
.crop-area__loader {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--f5f5f5-or-1c1e20);
  opacity: 0.5;
  border-radius: 8px;
  border: 1px solid var(--f0f0f0-or-transparent);
}
.crop-area__preloader {
  position: absolute;
}
.crop-area__move {
  position: absolute;
  inset: 0;
}
.crop-area__image {
  display: flex;
  max-width: 100%;
  border-radius: 5px;
}
.crop-area__lens {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.crop-area__lens .lens__circle {
  transform: translate(calc((var(--area-x) + var(--area-size) / 2) * 1px), calc((var(--area-y) + var(--area-size) / 2) * 1px)) scale(calc(var(--area-size) / 2));
}
.crop-area__area {
  box-sizing: border-box;
  position: absolute;
  width: calc(var(--area-size) * 1px);
  height: calc(var(--area-size) * 1px);
  top: 0;
  left: 0;
  border: 1px solid var(--ffffff-or-ffffff-50);
  transform: translate(calc(var(--area-x) * 1px), calc(var(--area-y) * 1px));
  cursor: move;
}
.crop-area__dot {
  --size: 8px;
  --offset: calc(var(--size) / 2 * -1);
  position: absolute;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--ffffff-or-ffffff);
  box-shadow: 0 0 0 1px var(--333e49-15-or-333e49-15);
}
.crop-area__dot_nw {
  top: var(--offset);
  left: var(--offset);
  cursor: nw-resize;
}
.crop-area__dot_ne {
  top: var(--offset);
  right: var(--offset);
  cursor: ne-resize;
}
.crop-area__dot_se {
  bottom: var(--offset);
  right: var(--offset);
  cursor: se-resize;
}
.crop-area__dot_sw {
  bottom: var(--offset);
  left: var(--offset);
  cursor: sw-resize;
}
.crop-miniature {
  display: flex;
  align-items: center;
}
.crop-miniature__item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 56px;
  height: 56px;
  margin-right: 12px;
}
.crop-miniature__item_dark {
  background-color: var(--393a4d-or-212121);
}
.crop-miniature__item_light {
  display: var(--crop-miniature-item-display);
  border: 1px solid var(--f5f5f5-or-f5f5f5);
  background-color: var(--ffffff-or-ffffff);
}
.crop-miniature__avatar {
  --medium-scale: calc(1000 / var(--area-size) * 40);
  --small-scale: calc(1000 / var(--area-size) * 34);
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--f5f5f5-or-1c1e20);
}
.crop-miniature__avatar_medium {
  width: 40px;
  height: 40px;
}
.crop-miniature__avatar_medium img {
  width: calc(var(--image-width) / var(--area-size) * 40 * 1px);
  transform: translate(calc(var(--area-x) * var(--medium-scale) / 1000 * -1px), calc(var(--area-y) * var(--medium-scale) / 1000 * -1px));
}
.crop-miniature__avatar_small {
  width: 36px;
  height: 36px;
  border: 1px solid var(--f5f5f5-or-f5f5f5);
}
.crop-miniature__avatar_small img {
  width: calc(var(--image-width) / var(--area-size) * 34 * 1px);
  transform: translate(calc(var(--area-x) * var(--small-scale) / 1000 * -1px), calc(var(--area-y) * var(--small-scale) / 1000 * -1px));
}
.crop-miniature__text {
  font-size: 14px;
  line-height: 20px;
  color: var(--b4b4b4-or-ffffff-75);
  letter-spacing: -0.12px;
  max-width: 183px;
  margin-left: 4px;
}
.input {
  padding: 0 68px 20px 16px;
  background-color: var(--ffffff-or-1c1c1c);
  min-height: 62px;
}
.input_placeholder:empty::after {
  color: var(--popup-input-placeholder-color);
  content: attr(data-placeholder);
  pointer-events: none;
}
.input__container {
  width: 100%;
  min-height: 42px;
  display: flex;
  align-items: stretch;
}
.input__clip {
  flex: none;
  width: 44px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 7px 0;
  border-radius: 8px 0 0 8px;
  border: 2px solid var(--dcdcdc-or-ffffff-08);
  background-color: var(--ffffff-or-1c1c1c);
  color: var(--dcdcdc-or-ffffff-50);
}
.input__clip:hover {
  cursor: pointer;
  border-color: var(--009fe6-or-ffffff-08) !important;
  background-color: var(--009fe6-or-1c1c1c) !important;
  color: var(--ffffff-or-009fe6) !important;
}
.input__file {
  display: none;
}
.input__text {
  flex-grow: 1;
  border-radius: 0 8px 8px 0;
  border-width: 2px 2px 2px 0;
  border-color: var(--dcdcdc-or-ffffff-08);
  border-style: solid;
  color: var(--333e49-or-ffffff-75);
  background-color: var(--ffffff-or-1c1c1c);
  overflow: hidden;
  padding: 8px 0;
}
.input__text_skeleton {
  margin: 3px 0 0 6px;
}
.input__entry-field {
  font-size: 15px;
  line-height: 22px;
  outline: none;
  cursor: text;
  max-height: 183px;
  min-height: 22px;
  white-space: break-spaces;
  word-break: break-word;
  overflow: hidden scroll;
  padding: 0 39px 0 8px;
}
.input__entry-field_videoconference {
  padding: 0 67px 0 8px;
}
.input__entry-field:empty::before {
  content: attr(placeholder);
  color: var(--popup-input-placeholder-color);
  display: block;
}
.input__entry-field b {
  font-weight: var(--format-bold-font-weight);
}
.input__smile {
  --size: 24px;
  position: absolute;
  right: 0;
  top: 0;
  color: var(--dcdcdc-or-ffffff-50);
  cursor: pointer;
  padding: 7px;
}
.input__smile:hover,
.input__smile.active {
  color: var(--009fe6) !important;
}
.input__icon-buttons {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 7px;
}
.input__icon-button {
  --size: 24px;
  display: flex;
  width: var(--size);
  height: var(--size);
  position: initial;
  color: var(--dcdcdc-or-ffffff-20-or-ffffff-50);
  cursor: pointer;
}
.input__icon-button:hover,
.input__icon-button.active {
  color: var(--009fe6-or-009fe6) !important;
}
.input__icon-button_preloader {
  pointer-events: none;
  cursor: default;
  color: var(--009fe6-or-009fe6) !important;
}
.input__icon-button_preloader .svg-icon {
  animation: 0s fadeOut 300ms linear forwards;
}
.input__icon-button_preloader .input__icon-button__icon-block::after {
  content: '';
  top: 2px;
  left: 0;
  width: 19px;
  height: 19px;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: cover;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.input__button {
  /*
			REMARK: Здесь также используются иные CSS Custom Property, а именно:
			--send-message-button-primary-color и --send-message-button-secondary-color
		*/
  --size: 40px;
  height: 40px;
  position: absolute;
  right: 14px;
  top: 1px;
}
.input__button_active {
  --send-message-button-primary-color: var(--send-message-button-active-primary-color);
  --send-message-button-secondary-color: var(--send-message-button-active-secondary-color);
  cursor: pointer;
}
.input__button_disable {
  user-select: none;
  pointer-events: none;
}
.input__counter {
  width: 68px;
  position: absolute;
  right: 0;
  bottom: 20px;
  padding: 0 8px;
  text-align: center;
  overflow: hidden;
  color: var(--b4b4b4-or-ffffff-50);
  font-size: 12px;
  line-height: 18px;
}
.input__counter_red {
  color: var(--ff6a64-or-ff4f47);
}
.input__typing {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-flex;
  font-size: 12px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-30);
  position: absolute;
  left: 52px;
  bottom: -19px;
  cursor: default;
}
.input__typing-text {
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  display: inline-block;
  height: 18px;
}
.input__typing-text:empty + .text-loading {
  display: none;
}
.input__clip,
.input__text,
.input__smile,
.input__icon-button {
  transition: color 0s linear 0.1s, border-color 0s linear 0.1s;
}
.input_active .input__clip,
.input_focused .input__clip,
.input_active .input__text,
.input_focused .input__text,
.input_active .input__smile,
.input_focused .input__smile {
  transition: none;
  border-color: var(--b4b4b4-or-ffffff-08);
}
.input_active .input__clip,
.input_focused .input__clip,
.input_active .input__smile,
.input_focused .input__smile,
.input_active .input__icon-button,
.input_focused .input__icon-button {
  transition: none;
  color: var(--b4b4b4-or-ffffff-50);
}
.input_disabled,
.input_disabled ~ .svg-icon {
  pointer-events: none;
  opacity: var(--disabled-opacity);
  cursor: default;
}
.input-with-flag {
  font-size: 15px;
  border-radius: 8px;
  width: 100%;
  height: 36px;
  display: flex;
  background-color: var(--f8f8f8-or-f8f8f8);
  overflow: hidden;
}
.input-with-flag__input {
  width: 100%;
  background-color: var(--f8f8f8-or-f8f8f8);
  padding-right: 12px;
  padding-top: 2px;
}
.input-with-flag__container {
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-right: 4px;
  margin-right: 4px;
  padding-left: 6px;
  margin-left: 6px;
}
.input-with-flag__flag {
  display: flex;
  text-align: center;
  padding-top: 1px;
}
.input-with-flag__code-phone {
  padding-left: 7px;
  display: flex;
}
.input-repost {
  padding: 2px 41px 2px 0;
  display: flex;
  border-radius: 8px;
  background-color: var(--popup-input-background-color);
  cursor: text;
  min-height: 36px;
}
.input-repost_increase_height {
  min-height: 58px;
}
.input-repost__text {
  font-size: 15px;
  line-height: 22px;
  flex: 100%;
  height: 100%;
  cursor: text;
  white-space: break-spaces;
  word-break: break-word;
  overflow: hidden scroll;
  padding: 5px 0 5px 12px;
}
.input-repost__text:empty::before {
  content: attr(data-placeholder);
  color: var(--popup-input-placeholder-color);
  display: block;
}
.input-repost__smile {
  --size: 20px;
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: var(--b4b4b4-or-ffffff-30);
  padding: 8px;
}
.input-repost__smile:hover,
.input-repost__smile.active {
  color: var(--009fe6-or-009fe6);
}
.input-repost__count {
  position: absolute;
  right: 8px;
  bottom: 8px;
  text-align: center;
  overflow: hidden;
  color: var(--ff6a64-or-ff4f47);
  font-size: 12px;
}
.input-blocked {
  font-size: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 2px solid var(--dcdcdc-or-ffffff-08);
  padding: 0 12px;
  min-height: 42px;
  width: 100%;
  background-color: var(--f8f8f8-or-1c1c1c);
  border-radius: 8px;
}
.input-blocked_default-background {
  background-color: var(--ffffff-or-1c1c1c);
}
.input-blocked__icon {
  --size: 24px;
  color: var(--b4b4b4-or-ffffff-30);
  margin-right: 14px;
}
.input-blocked__text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--b4b4b4-or-ffffff-30);
  margin-right: 16px;
}
.input-blocked__button {
  line-height: 22px;
}
.input-blocked__preloader {
  user-select: none;
  margin-right: 14px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.input-select-mode {
  padding: 13px 12px;
  background-color: var(--ffffff-or-1c1c1c);
  border-top: 1px solid var(--f0f0f0-or-transparent);
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
}
.input-select-mode__left {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.input-select-mode__button {
  --size: 20px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-right: 12px;
  padding: 5px 14px 6px 15px;
  cursor: pointer;
}
.input-select-mode__button_cancel {
  border: 1px solid var(--dcdcdc-or-ffffff-20);
  color: var(--b4b4b4-or-ffffff-75);
  background-color: var(--ffffff-or-1c1c1c);
}
.input-select-mode__button_cancel:hover {
  border-color: var(--f5f5f5-or-transparent);
  color: var(--b4b4b4-or-ffffff-75);
  background-color: var(--f5f5f5-or-ffffff-10);
}
.input-select-mode__button_repost {
  padding-left: 16px;
  color: var(--ffffff-or-ffffff);
  background-color: var(--009fe6-or-006be0);
}
.input-select-mode__button_repost:hover {
  background-color: var(--0088c4-or-0058b8);
}
.input-select-mode__button-icon {
  margin-top: 2px;
  margin-right: 4px;
}
.input-select-mode__points {
  --size: 24px;
  padding-right: 11px;
  padding-left: 11px;
  border: 1px solid var(--009fe6-or-006be0);
  color: var(--009fe6-or-006be0);
  background-color: var(--ffffff-or-transparent);
  font-size: 24px;
}
.input-select-mode__points.popover-button_active:not(.button_disabled),
.input-select-mode__points:hover:not(.button_disabled) {
  color: var(--ffffff-or-ffffff) !important;
  border-color: var(--009fe6-or-006be0);
  background-color: var(--009fe6-or-006be0);
}
.input-select-mode__delete {
  margin-left: auto;
  overflow: hidden;
}
.input-select-mode__delete .button__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-select-mode__delete_small {
  padding: 6px 8px 6px 6px !important;
}
.input-select-mode__delete_small .button__icon {
  margin-right: 4px !important;
}
@keyframes delayShowPreloader {
  to {
    opacity: 1;
  }
}
@keyframes animated-progress-bar {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(0.9);
  }
}
.conversation {
  --conversation-input-block-height: 62px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  border-top-left-radius: calc(var(--main-right-border-top-left-radius-multiplier) * var(--main-right-border-top-left-radius));
  background-color: var(--ffffff-or-1c1c1c);
}
.conversation_empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  background: var(--conversation-background);
}
.conversation_empty_new {
  background: var(--ffffff-or-1c1c1c);
}
.conversation_cloud {
  width: 100%;
  align-items: center;
}
.conversation__clouds {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('../images/conversations/conversation_cloud.png') repeat center / cover, var(--f8f8f8-or-1c1c1c);
  opacity: var(--conversation-cloud-opacity);
  user-select: none;
  pointer-events: none;
}
.conversation__stub-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.conversation__options {
  padding: 12px;
}
.conversation__messages {
  background: var(--conversation-background);
  position: relative;
  display: flex !important;
  width: 100%;
  flex-direction: column;
  flex-grow: 1;
  min-width: 1px;
  overflow: hidden;
  align-items: stretch;
  justify-content: flex-end;
  padding-bottom: var(--conversation-input-block-height);
}
.conversation__input_unavailable .input__clip {
  pointer-events: none;
  color: var(--b4b4b4-or-b4b4b4);
}
.conversation__input_available {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.conversation__input .input__typing-text {
  max-width: 545px;
}
.conversation__smart-app:not(.hidden) {
  z-index: 1;
}
.conversation__smart-app:not(.hidden) ~ .conversation__scroll-button {
  left: calc(100% - 53px);
  bottom: 20px;
}
.conversation__smart-app:not(.hidden) ~ .conversation__scroll-button ~ .conversation__messages .message-menu {
  right: 67px;
}
.conversation__smart-app:not(.hidden) ~ .conversation__messages .message_dialog,
.conversation__smart-app:not(.hidden) ~ .conversation__messages .message_selected {
  padding-right: 67px;
}
.conversation-stub-empty {
  border-radius: 8px;
  border: 1px solid var(--f0f0f0-or-transparent);
  width: 264px;
  background: var(--ffffff-or-ffffff-01);
  text-align: center;
}
.conversation-stub-empty__svg-icon {
  --size: 70px;
  margin-bottom: 0;
}
.conversation-stub-empty_new {
  border: none;
  width: initial;
  max-width: 264px;
  background-color: var(--transparent-or-ffffff-02);
}
.conversation-stub-empty__content {
  padding: 20px;
  font-size: 13px;
}
.conversation-stub-empty__content_error-connect .conversation-stub-empty__earth {
  opacity: 0.7;
  margin-top: 6px;
}
.conversation-stub-empty__content_error-connect .conversation-stub-empty__text {
  margin-top: 6px;
  line-height: 20px;
}
.conversation-stub-empty__content_error-connect .conversation-stub-empty__icon {
  --size: 48px;
  --earth-primary-color: var(--677380-or-ffffff-15);
  --earth-secondary-color: var(--ffffff-or-1c1c1c);
}
.conversation-stub-empty__icon {
  --size: 70px;
  margin-bottom: 13px;
  color: var(--b4b4b4-or-ffffff-15);
}
.conversation-stub-empty__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.15px;
  text-align: center;
  line-height: 20px;
  color: var(--333e49-or-ffffff-50);
}
.conversation-stub-empty__text .conversation-stub-empty__company-name {
  word-break: break-word;
}
.conversation-stub-empty__reload-button {
  display: inline-flex;
  margin-top: 16px;
  font-size: 15px;
  line-height: 150%;
  padding: 6px 16px;
}
.conversation-stub-blocked {
  border-radius: 8px;
  border: 1px solid var(--f0f0f0-or-transparent);
  background: var(--ffffff-or-232323);
  width: 298px;
  padding-bottom: 24px;
  text-align: center;
}
.conversation-stub-blocked__content {
  font-size: 13px;
}
.conversation-stub-blocked__title-up {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  margin-top: 52px;
  font-size: 14px;
  letter-spacing: -0.12px;
  text-align: center;
  line-height: 20px;
  padding: 0 21px;
  color: var(--333e49-or-ffffff-75);
}
.conversation-stub-blocked__description-up {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.15px;
  text-align: center;
  line-height: 20px;
  margin-top: 8px;
  padding: 0 21px;
}
.conversation-stub-blocked__button {
  cursor: pointer;
}
.conversation-stub-blocked__description-down {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.15px;
  text-align: center;
  line-height: 20px;
  margin-top: 24px;
  padding: 0 21px;
}
.conversation-stub-blocked__divider {
  margin-top: 24px;
  border-top: 1px solid var(--f0f0f0-or-f0f0f0-04);
}
.conversation-stub-blocked__footer {
  width: 100%;
  display: inline-flex;
  font-size: 15px;
  line-height: 150%;
  padding: 16px 21px 0;
}
.conversation-stub-blocked .circle-header-image__img {
  max-width: 76px;
  max-height: 76px;
}
.conversation-stub-blocked-warning {
  --circle-wave-transform-scale: 2;
  --circle-wave-transform: translate(-50%, -50%);
  --conversation-stub-blocked-warning-background-color: var(--ff6a64-or-ff4f47);
  --conversation-stub-blocked-warning-color: var(--ffffff-or-1c1c1c);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: var(--size);
  height: var(--size);
  overflow: hidden;
}
.conversation-stub-blocked-warning__wave::before,
.conversation-stub-blocked-warning__wave::after,
.conversation-stub-blocked-warning__icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--conversation-stub-blocked-warning-background-color);
}
.conversation-stub-blocked-warning__wave {
  position: absolute;
  width: 100%;
  height: 100%;
}
.conversation-stub-blocked-warning__wave::before,
.conversation-stub-blocked-warning__wave::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation-name: circleWave;
  animation-duration: 2.4s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  opacity: 0.2;
  content: '';
}
.conversation-stub-blocked-warning__wave::after {
  animation-delay: 0.8s;
}
.conversation-stub-blocked-warning__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--conversation-stub-blocked-warning-color);
}
.conversation-stub-activating {
  border-radius: 8px;
  border: 1px solid var(--f0f0f0-or-transparent);
  width: 298px;
  background: var(--ffffff-or-ffffff-03);
  text-align: center;
}
.conversation-stub-activating__content {
  font-size: 13px;
}
.conversation-stub-activating__progress-btn {
  margin-top: 16px;
  height: 35px;
}
.conversation-stub-activating__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  margin-top: 52px;
  font-size: 14px;
  letter-spacing: -0.12px;
  text-align: center;
  line-height: 20px;
  padding: 0 21px;
  color: var(--333e49-or-ffffff-75);
}
.conversation-stub-activating__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.15px;
  text-align: center;
  line-height: 20px;
  margin-top: 8px;
  padding: 0 21px;
}
.conversation-stub-activating__button {
  cursor: pointer;
}
.conversation-stub-activating__divider {
  margin: 24px 24px 0;
  border-top: 1px dashed var(--f0f0f0-or-ffffff-10);
}
.conversation-stub-activating__footer {
  width: 100%;
  display: inline-flex;
  font-size: 15px;
  line-height: 150%;
  padding: 0 21px 16px;
}
.conversation-stub-unsupported {
  width: 306px;
}
.conversation-stub-unsupported .conversation-unavailable__icon {
  margin: 4px 0 13px;
}
.conversation-stub-unsupported_has-button {
  width: 292px;
}
.conversation-header {
  display: flex;
  align-items: center;
  z-index: 2;
  flex: none;
  height: var(--conversation-header-height-theme);
  padding: var(--conversation-header-border-padding);
  border-bottom: var(--conversation-header-border-bottom-width) solid var(--f0f0f0-or-1c1c1c);
  background-color: var(--ffffff-or-212121);
}
.conversation-header::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  background: var(--transparent-or-1c1c1c);
  height: var(--conversation-header-height-theme);
}
.conversation-header__avatar {
  margin-right: 4px;
}
.conversation-header__mute-block {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--dcdcdc-or-ffffff-15);
}
.conversation-header__mute-icon {
  --size: 20px;
  margin-left: 9px;
}
.conversation-header__left {
  display: flex;
  align-items: center;
  overflow: hidden;
  max-width: min(100%, 400px);
}
.conversation-header__second {
  display: flex;
  column-gap: 8px;
  align-items: center;
  overflow: hidden;
  min-width: fit-content;
}
.conversation-header__third {
  display: flex;
  align-items: center;
  overflow: hidden;
  min-width: fit-content;
}
.conversation-header__right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 8px;
  padding-left: 14px;
  min-width: fit-content;
}
.conversation-header__favorite {
  --size: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--size);
  width: var(--size);
  border-radius: 50%;
  color: var(--b4b4b4-or-ffffff-50);
  background-color: var(--f8f8f8-or-ffffff-04);
  cursor: pointer;
}
.conversation-header__favorite:hover,
.conversation-header__favorite_active {
  cursor: pointer;
}
.conversation-header__favorite:hover {
  color: var(--conversation-header-favorite-hover-color);
  background-color: var(--conversation-header-favorite-hover-background-color);
}
.conversation-header__favorite_active {
  --is-icon-star-fill: var(--conversation-header-favorite-is-icon-star-fill);
  color: var(--ffaa33-or-ff9d14);
}
.conversation-header__favorite-icon {
  --size: 20px;
}
.conversation-header__favorite_disabled {
  pointer-events: none;
}
.conversation-header__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
.conversation-header__name_hiring {
  margin-right: 4px;
  cursor: pointer;
}
.conversation-header__name_bot {
  cursor: pointer;
  margin-right: 4px;
}
.conversation-header__divider {
  height: 18px;
  width: 1px;
  margin: 0 16px;
  background-color: var(--separator-color-line);
  flex: none;
}
.conversation-header__members-icon {
  margin-right: 4px;
  font-size: 16px;
}
.conversation-header__description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--b4b4b4-or-b4b4b4);
  font-size: 12px;
  line-height: 14px;
  margin-right: 16px;
  flex: 1 0;
}
.conversation-header__button {
  color: var(--b4b4b4-or-ffffff-50);
  background-color: var(--f8f8f8-or-ffffff-03);
  cursor: pointer;
  border-radius: 50%;
  height: 34px;
  width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.conversation-header__button:hover {
  background: var(--f0f0f0-or-ffffff-03);
  color: var(--b4b4b4-or-009fe6);
}
.conversation-header__button_disabled {
  background-color: var(--f5f5f5-or-ffffff-02);
  color: var(--b4b4b4-20-or-b4b4b4-20);
  cursor: default;
  pointer-events: none;
}
.conversation-header__button_disabled:hover {
  background-color: var(--f5f5f5-or-ffffff-02);
  color: var(--b4b4b4-20-or-b4b4b4-20);
}
.conversation-header__button_load:hover {
  color: var(--05c46b-or-04a45a);
}
.conversation-header__button_load:hover .conversation-header__button-text_error {
  background-color: var(--ff9c11-or-ff9c11-70);
}
.conversation-header__button_active {
  color: var(--05c46b-or-04a45a);
}
.conversation-header__button_video-conference {
  --size: 20px;
  color: var(--009fe6-or-006b30);
  background-color: var(--009fe6-05-or-006be0-10);
}
.conversation-header__button_video-conference:hover {
  color: var(--009fe6-or-009fe6);
  background-color: var(--d9f1fb-or-006be0-20);
}
.conversation-header__button_single-call {
  background-color: var(--009fe6-or-006b30);
  color: var(--ffffff-or-ffffff);
  cursor: default;
  pointer-events: none;
}
.conversation-header__button-members {
  display: flex;
  align-items: center;
  border-radius: 30px;
  padding: 7px 12px 7px 7px;
  height: 34px;
  font-size: 12px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-50);
  background-color: var(--f8f8f8-or-ffffff-04);
  overflow: hidden;
  cursor: pointer;
}
.conversation-header__button-members .svg-icon {
  margin-right: 4px;
}
.conversation-header__button-members:hover {
  background-color: var(--f0f0f0-or-ffffff-03);
  color: var(--b4b4b4-or-009fe6);
}
.conversation-header__members-count {
  margin-bottom: 2px;
}
.conversation-header__button-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 12px;
  line-height: 14px;
  padding-bottom: 2px;
}
.conversation-header__button-text_svg {
  position: absolute;
}
.conversation-header__button-text_completed {
  color: var(--05c46b-or-04a45a);
}
.conversation-header__button-text_error {
  color: var(--ffffff-or-282828);
  background-color: var(--ffaa33-or-ff9d14);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.conversation-header__button-text_active {
  color: var(--b4b4b4-or-ffffff-50);
}
.conversation-header__placeholder {
  display: flex;
  justify-content: space-between;
  flex: 1 1 100%;
}
.conversation-header .svg-icon {
  --size: 20px;
  --dot-color: var(--ff6a64-or-ff4f47);
}
.conversation-header__button_load .svg-icon {
  --size: 22px;
}
@media screen and (max-width: 1280px) {
  .messages__form-hello:not(.hidden) + .conversation-info > .conversation-info__name,
  .messages__form-hello:not(.hidden) + .conversation-info > .conversation-info__description {
    width: 28%;
  }
}
.conversation-header-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 50px;
  display: flex;
  background-color: transparent;
  border-bottom: 1px solid var(--f0f0f0-or-1c1c1c);
  padding: 0 8px 0 24px;
  align-items: center;
  animation: fadeIn 0.1s ease-out;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}
.conversation-header-loader_hidden {
  opacity: 0;
}
.conversation-header-loader__progress-bar {
  position: absolute;
  bottom: -1px;
  left: 0;
  flex: 1 0 100%;
  width: 100%;
  height: 1px;
  background: var(--677380-or-ffffff-15);
  border: 0;
  transform-origin: left;
  animation: animated-progress-bar forwards 2s ease-in-out;
}
.conversation-info {
  padding: 24px;
  overflow: hidden;
  background: var(--conversation-background);
}
.conversation-info:empty + .conversation-tutorial::after,
.conversation-info:not(.hidden)::before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  left: 0;
  background: var(--conversation-paper-background);
}
.conversation-info:empty + .conversation-tutorial::after {
  top: 0;
  border-top: 4px dotted var(--ffffff-or-1c1c1c);
}
.conversation-info:not(.hidden)::before {
  bottom: 0;
  border-bottom: 4px dotted var(--ffffff-or-1c1c1c);
}
.conversation-info__avatar {
  margin-bottom: 12px;
}
.conversation-info__avatar_clickable {
  cursor: pointer;
}
.conversation-info__action-item {
  margin-top: 10px;
}
.conversation-info__action-item .button__icon {
  --size: 16px;
}
.conversation-info__action-item:not(:last-child) {
  margin-right: 12px;
}
.conversation-info__action-description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  white-space: pre-wrap;
  word-break: break-word;
  user-select: text;
}
.conversation-info__action-description .emoji_outer {
  width: 18px;
  height: 18px;
}
.conversation-info__action-description .emoji_sizer > .emoji_inner {
  margin-bottom: -3px;
}
.conversation-info__action-icon {
  width: 14px;
  height: 14px;
  color: var(--2574a9-or-009fe6);
  margin-left: 1px;
}
.conversation-info__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  user-select: text;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-ffffff-75);
}
.conversation-info__description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  user-select: text;
  font-size: 15px;
  line-height: 22px;
  color: var(--b4b4b4-or-ffffff-75);
  margin-bottom: 5px;
}
.conversation-info__description_placeholder {
  background-color: var(--f5f5f5-or-ffffff-02);
  color: transparent;
  border-radius: 5px;
  height: 20px;
  width: 423px;
  margin-top: 2px;
}
.conversation-info__action {
  margin-top: 6px;
  display: flex;
  align-items: flex-start;
}
.conversation-info__placeholder {
  display: inline-block;
  background-color: var(--f0f0f0-or-f0f0f0);
  border-radius: 5px;
  height: 18px;
  margin-right: 4px;
  margin-left: 2px;
  margin-bottom: -4px;
}
.conversation-info__placeholder::before {
  content: attr(data-fake);
  color: transparent;
}
.conversation-info_no-border {
  border: none;
}
.conversation-unavailable {
  background: var(--conversation-background);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.conversation-unavailable__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--ffffff-or-ffffff-01);
  border: 1px solid var(--f0f0f0-or-transparent);
  box-sizing: border-box;
  border-radius: 8px;
  padding: 20px;
  max-width: 306px;
}
.conversation-unavailable__content > .button {
  margin-top: 16px;
}
.conversation-unavailable__icon {
  width: 50px;
  height: 50px;
  margin: 13px 0 4px;
  color: var(--dcdcdc-or-ffffff-10);
}
.conversation-unavailable__text {
  color: var(--333e49-or-ffffff-50);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
}
.conversation-options_save-block {
  padding-left: 6px;
  position: absolute;
}
.conversation-options__clear-message {
  background-color: var(--popover-background-color);
  border: 1px solid var(--popover-border-color);
  border-radius: 5px;
  box-shadow: 0 2px 4px var(--000000-05-or-000000-05);
}
.conversation-options__scroll {
  overflow: hidden scroll;
  transform: translateZ(0);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.conversation-actions {
  display: grid;
  gap: 11px;
  padding: 20px 24px 0;
}
.conversation-actions .conversation-info__action {
  margin-top: 0;
}
.conversation-actions .conversation-info__action-description ~ .path_conversation_action {
  margin-top: 22px;
}
.conversation-actions ~ .messages__list:empty {
  margin-bottom: 25px;
}
.conversation-actions ~ .conversation-tutorial {
  padding-top: 28px;
}
.conversation-tutorial {
  padding: 24px 24px 0;
}
.conversation-tutorial:not(.hidden) ~ .messages__list .messages-separator:first-child {
  margin-top: 4px;
}
.conversation-tutorial .message__avatar {
  cursor: default;
}
.conversation-tutorial:not(.hidden) ~ .messages__list:empty {
  margin-bottom: 12px;
}
.message-placeholder {
  display: flex;
  align-items: flex-start;
}
.message-placeholder:not(:last-child) {
  margin-bottom: 14px;
}
.message-placeholder__avatar {
  margin-top: 1px;
  margin-right: 8px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.message-placeholder__line {
  height: 16px;
  border-radius: 5px;
}
.message-placeholder__line:not(:last-child) {
  margin-bottom: 6px;
}
.message-tutorial-divider {
  margin-top: 24px;
}
.message_found {
  background: var(--007aff-05-or-006be0-08);
  animation: message_found 1s 2s ease-out forwards;
}
.message:not(.message_found, .message_tutorial, .message_shared, .message_skeleton):hover,
.message:not(.message_found, .message_shared, .message_skeleton).message_active {
  background-color: var(--f8f8f8-or-1c1c1c);
}
.message:hover .message-menu,
.message.message_active .message-menu {
  visibility: visible;
  pointer-events: auto;
}
.message:hover .message-reactions__add,
.message.message_active .message-reactions__add {
  visibility: visible;
  pointer-events: auto;
}
.message:hover .video-version__fade_left,
.message.message_active .video-version__fade_left {
  background: linear-gradient(to left, transparent, var(--f8f8f8-or-1c1c1c));
}
.message:hover .video-version__fade_right,
.message.message_active .video-version__fade_right {
  background: linear-gradient(to right, transparent, var(--f8f8f8-or-1c1c1c));
}
.message_animated {
  animation: fadeIn 0.3s ease-out forwards;
}
.message_dialog {
  width: calc(100% + 18px);
  padding: 4px 16px 4px 42px;
  margin-left: -18px;
}
.message_system-bot .message__thread {
  padding-top: 4px;
}
.message_tutorial:hover {
  background: none;
}
.message__tutorial-video {
  height: 264px;
}
.message__tutorial-video_general {
  margin-top: 12px;
}
.message__tutorial-block {
  margin-top: 18px;
}
.message__tutorial-block_text-onboarding {
  margin-top: 6px;
}
.message_thread {
  width: calc(100% + 22px);
  padding: 4px 20px 4px 42px;
  margin-left: -22px;
}
.message_thread .message_shared .message-file {
  width: 443px;
}
.message_thread .message_shared .message-file__info {
  max-width: 323px;
}
.message_thread .message_shared .message-file__audio-info {
  width: 261px;
}
.message_thread .message__name {
  max-width: 280px;
}
.message_profile .message__content .message__left,
.message_profile .message__content .message__name,
.message_profile .message__content .message__date,
.message_profile .message__content .message__platform,
.message_profile .message__content .message__guest {
  display: none;
}
.message_profile .message-repost__content {
  margin-top: 4px;
}
.message_small:hover {
  background-color: var(--ffffff-or-ffffff);
}
.message_small .message-preview__image {
  width: 300px;
  height: 200px;
  max-height: 200px;
  max-width: 300px;
}
.message_small .message-preview__site-name {
  width: auto;
}
.message_small .message-preview__title {
  width: auto;
}
.message_small .message-preview__description {
  width: auto;
}
.message_small .message-file__info {
  max-width: 265px !important;
}
.message_small .message__name {
  max-width: 190px;
}
.message_small .message__file,
.message_small .message__voice {
  width: 100%;
}
.message_small .message-file__buttons,
.message_small .message-image__buttons,
.message_small .message-video__buttons {
  display: none;
}
.message_small .message-file__content {
  width: 100%;
}
.message_selected {
  background-color: var(--f8f8f8-or-252525);
}
.message_selected:hover {
  /*
				REMARK: У hover сообщения селектор очень много весит, пришлось его перебить
				(иначе много очень по цветам рефакторить, а там жесть)
			*/
  background-color: var(--f8f8f8-or-252525) !important;
}
.message_selected .message__checkbox {
  border: none;
  width: 22px;
  height: 22px;
  margin-left: 0;
}
.message_selected .message__checkbox-icon {
  --select-message-checkbox-circle-opacity: 1;
  display: block;
  color: var(--009fe6-or-009fe6);
}
.message_selected .video-version__fade_left {
  background: linear-gradient(to left, transparent, var(--f8f8f8-or-1c1c1c));
}
.message_selected .video-version__fade_right {
  background: linear-gradient(to right, transparent, var(--f8f8f8-or-1c1c1c));
}
.message_highlight {
  background-color: var(--f8f8f8-or-252525);
}
.message_highlight:hover {
  background-color: var(--f8f8f8-or-252525) !important;
}
.message_highlight .video-version__fade_left {
  background: linear-gradient(to left, transparent, var(--f8f8f8-or-1c1c1c));
}
.message_highlight .video-version__fade_right {
  background: linear-gradient(to right, transparent, var(--f8f8f8-or-1c1c1c));
}
.message_grouped {
  padding-top: 4px;
}
.message_grouped:hover .message__date_grouped {
  visibility: visible;
  pointer-events: auto;
}
.message_grouped .message-menu {
  top: -26px;
}
.message_grouped .message__avatar {
  display: none;
}
.message_grouped .message__unsent-text {
  display: none !important;
}
.message_grouped .message__name,
.message_grouped .message__guest,
.message_grouped .message__platform,
.message_grouped .message__info > .message__date {
  display: none;
}
.message_grouped .message__date_grouped {
  display: block;
}
.message_grouped .message__image,
.message_grouped .message__video,
.message_grouped .message__file,
.message_grouped .message__voice,
.message_grouped .message__media-conference,
.message_grouped .message-file.message-file_fake {
  margin-top: 0;
}
.message_fake .message__platform {
  display: none;
}
.message_fake .message__date {
  display: none;
}
.message_fake .message__menu {
  display: none;
}
.message_fake > .message__container > .message__right > .message__info > .message__fake-icon {
  display: flex;
  flex: 0 1 auto;
  animation: delayShow 1s ease 1s;
  animation-fill-mode: forwards;
}
.message_fake.message_grouped > .message__container > .message__left > .message__fake-icon {
  display: flex;
  flex: 0 1 auto;
  margin-left: auto;
  margin-top: 4px;
  align-self: flex-start;
  animation: delayShow 1s ease 1s;
  animation-fill-mode: forwards;
}
.message_fake.message_grouped > .message__container > .message__right > .message__info > .message__fake-icon {
  display: none;
}
.message_fake .message-image__content {
  cursor: default;
}
.message_unsent .message__platform {
  display: none;
}
.message_unsent .message__date {
  display: none;
}
.message_unsent .message__menu {
  display: none;
}
.message_unsent .message__unsent-text {
  display: flex;
}
.message_unsent.message_audio .message-voice__button {
  display: none;
}
.message_unsent.message_audio .message-voice__button_unsent {
  display: block;
}
.message_unsent .message__unsent-buttons {
  display: flex;
}
.message_unsent .message-load__content {
  display: none;
}
.message_unsent .message-file__buttons > .message-file__button {
  opacity: 1;
}
.message_unsent .button-download__progress {
  stroke-width: 0;
}
.message_unsent .message-file__resend {
  display: flex;
}
.message_unsent .message-file__resend_press-error {
  pointer-events: none;
  cursor: default;
}
.message_unsent .message-file__resend_press-error .message-file__button-error-preloader {
  display: block;
}
.message_unsent .message-file__resend_press-error .message-file__button-error {
  display: none;
}
.message_unsent .message-file__resend_press-error::after {
  pointer-events: none;
  user-select: none;
  animation: linear 500ms infinite rotate;
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 10px;
  position: absolute;
}
.message_unsent .video-version {
  display: none;
}
.message_unsent .message-image__content {
  cursor: default;
}
.message_no-select .message__checkbox {
  --select-message-checkbox-padlock-opacity: 1;
  border: none;
  color: var(--b4b4b4-or-ffffff-20);
}
.message_no-select .message__checkbox-icon {
  display: block;
}
.message_no-select .message__selection-area {
  cursor: default;
}
.message_edit-mode {
  background-color: var(--f8f8f8-or-1c1c1c);
}
.message_edit-mode .message__menu,
.message_edit-mode .message__reactions,
.message_edit-mode .message__thread,
.message_edit-mode .popup_thread_top_button,
.message_edit-mode .message__text,
.message_edit-mode .message__changed,
.message_edit-mode .message__date_grouped {
  display: none;
}
.message_edit-mode .message_shared .message__text {
  display: inline-block;
}
.message_edit-mode .message_shared .message__changed {
  display: inline-flex;
}
.message_edit-mode:not(.thread-parent) {
  padding-bottom: 3px !important;
  margin-bottom: 4px;
}
.message_edit-mode.thread-parent {
  padding-bottom: 12px !important;
}
.message_edit-mode .message__preview {
  display: none;
}
.message_image + .message:not(.message_grouped),
.message_video + .message:not(.message_grouped) {
  margin-top: 4px;
}
.message_image.message_grouped,
.message_video.message_grouped {
  margin-top: 0;
  padding-top: 4px;
}
.message_audio .message__content {
  user-select: none;
}
.message_audio + .message:not(.message_grouped) {
  margin-top: 2px;
}
.message_audio.message_small .message-file .message-file__info {
  width: 320px;
}
.message_audio.message_small .message-file__audio .message-file__audio-info {
  width: 258px;
  flex: inherit;
}
.message_audio.message_small .message-file__audio::before {
  width: 100% !important;
}
.message_audio.message_grouped {
  padding-top: 0;
}
.message_audio.message_grouped .message__left {
  height: 50px;
}
.message_audio.message_grouped .message-file__audio::before {
  content: '';
  background-color: var(--separator-color-line);
  width: calc(100% - 84px);
  position: absolute;
  height: 1px;
  top: 0;
}
.message_audio .message__unsent-buttons {
  display: none;
}
.message_preview {
  margin-bottom: 4px;
}
.message_text.message_grouped {
  padding-top: 2px;
  margin-bottom: -2px;
}
.message_voice .message__thread {
  padding: 4px 0;
}
.message_voice.message_grouped {
  padding-top: 0;
}
.message_voice.message_grouped .message__left {
  height: 50px;
}
.message_voice.message_grouped .message-voice {
  border-top: 1px solid var(--f0f0f0-or-ffffff-10);
}
.message_call + .message_shared .message__date_grouped {
  margin-top: 10px;
}
.message_call .message__date_grouped {
  margin-top: 6px;
}
.message_shared {
  padding: 0 0 4px;
  margin: 0;
}
.message_shared:last-child {
  padding-bottom: 0;
}
.message_shared:hover {
  background: none;
}
.message_shared:hover .video-version__fade_left,
.message_shared:hover .video-version__fade_right {
  background: none;
}
.message_shared .mention-text.mention-text_custom {
  pointer-events: none;
}
.message_file .message__reactions {
  padding: 0 0 4px;
}
.message_file .message__thread {
  padding: 4px 0;
}
.message_file .message__unsent-buttons {
  display: none;
}
.message_invite.message_grouped .message__checkbox {
  display: none;
}
.message__container {
  display: flex;
  width: 100%;
}
.message__buttons {
  display: flex;
}
.message__buttons > .button-author {
  margin: 18px 8px 8px 0;
}
.message__content {
  user-select: text;
  word-break: break-word;
}
.message__content:hover > .message__file > .message-file__buttons > .message-file__button {
  opacity: 0.99;
}
.message__content:hover > .message__file > .message-file__content > .message-file__buttons > .message-file__button {
  opacity: 0.99;
}
.message__left {
  display: flex;
  align-self: flex-start;
  align-items: center;
  margin-right: 8px;
  width: 36px;
  min-height: 22px;
  min-width: 36px;
}
.message__left_center {
  align-self: center;
}
.message__right {
  width: calc(100% - 44px);
}
.message__right:has(.last-message-read) .message__thread {
  padding-top: 8px;
}
.message__unsent-text {
  display: none;
  color: var(--ff6a64-or-ff4f47);
  font-size: 12px;
  line-height: 19px;
  align-items: flex-end;
}
.message__unsent-icon {
  --icon-width: 22px;
  --icon-height: 16px;
  color: var(--ff6a64-or-ff4f47);
  padding: 0 4px 0 2px;
  margin-bottom: 2px;
}
.message__unsent-buttons {
  display: none;
  margin-top: 8px;
}
.message__unsent-cancel {
  margin-right: 11px;
  padding: 4px 16px;
}
.message__unsent-resend {
  padding: 4px 16px;
  transition: none;
}
.message__unsent-resend.button_preloader {
  background-color: var(--009fe6-or-transparent) !important;
  border-color: var(--ffffff-or-0058b8) !important;
}
.message__fake-icon {
  color: var(--b4b4b4-or-b4b4b4);
  font-size: 16px;
  display: none;
  opacity: 0;
  align-self: flex-end;
  margin-bottom: 2px;
  margin-left: 4px;
}
.message__checkbox {
  visibility: hidden;
  display: flex;
  align-items: center;
  width: 18px;
  height: 18px;
  position: absolute;
  left: -32px;
  margin: 3px 2px 2px;
  border-radius: 50%;
  border: 1px solid var(--dcdcdc-or-ffffff-20);
  pointer-events: none;
}
.message__checkbox-icon {
  display: none;
}
.message__avatar {
  margin-top: 4px;
  cursor: pointer;
}
.message__info {
  display: flex;
}
.message__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 22px;
  margin-right: 6px;
  max-width: 328px;
  user-select: text;
  color: var(--333e49-or-ffffff-75);
}
.message__name_popup {
  max-width: 230px;
}
.message__date {
  font-size: 12px;
  line-height: 19px;
  color: var(--b4b4b4-or-ffffff-20);
  cursor: default;
  user-select: none;
  align-self: flex-end;
  flex: none;
  margin-right: 4px;
}
.message__date_grouped {
  margin-top: 3px;
  align-self: center;
  display: none;
  font-size: 12px;
  line-height: 19px;
  text-align: right;
  visibility: hidden;
  pointer-events: none;
  width: 36px;
}
.message__platform {
  --icon-width: 11px;
  --icon-height: 11px;
  margin-right: 4px;
  color: var(--e6e6e6-or-ffffff-10);
}
.message__platform_ipad {
  --icon-width: 23px;
}
.message__text {
  display: inline;
  font-size: 15px;
  line-height: 21px;
  overflow-wrap: break-word;
  white-space: break-spaces;
  word-break: break-word;
  user-select: text;
}
.message__text_link {
  max-width: 100%;
  display: inline-flex;
}
.message__text_link .link,
.message__text_link .format_green,
.message__text_link .format_black,
.message__text_link .format_red,
.message__text_link .format_bold,
.message__text_link .format_italic,
.message__text_link .format_strike {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.message__text_deleted {
  color: var(--b4b4b4-or-ffffff-30);
}
.message__text .emoji_sizer > .emoji_inner {
  margin-bottom: -3px;
}
.message__changed {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0;
  display: inline-flex;
  color: var(--b4b4b4-or-ffffff-30);
  user-select: none;
}
.message__read {
  display: inline-flex;
  color: var(--b4b4b4-or-ffffff-30);
  user-select: none;
}
.message__read .last-message-read {
  margin-top: 0;
}
.message__read:empty {
  display: none;
}
.message__selection-area {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.message__reactions {
  padding: 4px 0 0;
}
.message__thread {
  padding-top: 8px;
}
.message__image {
  margin-top: 8px;
}
.message__video {
  margin-top: 8px;
}
.message__guest {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  width: auto;
  min-width: 37px;
  height: 15px;
  font-size: 12px;
  line-height: 15px;
  padding: 0 4px;
  margin: 5px 6px 2px 2px;
  border-radius: 3px;
  color: var(--d05dbd-80-or-d05dbd-55);
  background-color: var(--d05dbd-08-or-d05dbd-06);
}
.message__guest:hover {
  color: var(--d05dbd-or-d05dbd-80);
  background-color: var(--d05dbd-15-or-d05dbd-15);
  cursor: pointer;
}
.message__preview {
  margin-top: 12px;
}
.message__additional {
  margin-top: 4px;
  margin-bottom: 4px;
}
.message__additional.profile-message-additional {
  display: flex;
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 15px;
  line-height: 22px;
}
.message__additional.profile-message-additional + .message-repost .message-repost__content .message__left,
.message__additional.profile-message-additional + .message-repost .message-repost__content .message__name,
.message__additional.profile-message-additional + .message-repost .message-repost__content .message__date,
.message__additional.profile-message-additional + .message-repost .message-repost__content .message__guest,
.message__additional.profile-message-additional + .message-repost .message-repost__content .message__platform {
  display: none;
}
.message__additional.profile-message-additional + .message-repost .message-repost__content .message__right {
  width: 100%;
}
.message__additional.profile-message-additional__angle {
  width: 6px;
  height: 15px;
  margin-right: 6px;
  margin-top: -2px;
}
.message__additional.profile-message-additional__angle::before,
.message__additional.profile-message-additional__angle::after {
  position: absolute;
  background-color: var(--separator-color-line-secondary);
  content: '';
}
.message__additional.profile-message-additional__angle::before {
  top: 0;
  left: 0;
  width: 2px;
  height: 15px;
}
.message__additional.profile-message-additional__angle::after {
  bottom: 0;
  left: 2px;
  width: 4px;
  height: 2px;
}
.message__additional.profile-message-additional__avatar {
  margin-right: 8px;
  cursor: pointer;
}
.message__additional.profile-message-additional__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 8px;
}
.message__additional.profile-message-additional__name:hover {
  color: var(--8c8c8c-or-ffffff-20);
  cursor: pointer;
}
.message__profile,
.message__rating {
  margin-top: 8px;
  margin-bottom: 4px;
}
.profile-message-additional {
  display: flex;
  color: var(--b4b4b4-or-ffffff-75);
  font-size: 15px;
  line-height: 22px;
}
.profile-message-additional + .message-repost .message-repost__content .message__left,
.profile-message-additional + .message-repost .message-repost__content .message__name,
.profile-message-additional + .message-repost .message-repost__content .message__date,
.profile-message-additional + .message-repost .message-repost__content .message__guest,
.profile-message-additional + .message-repost .message-repost__content .message__platform {
  display: none;
}
.profile-message-additional + .message-repost .message-repost__content .message__right {
  width: 100%;
}
.profile-message-additional__angle {
  width: 6px;
  height: 15px;
  margin-right: 6px;
  margin-top: -2px;
}
.profile-message-additional__angle::before,
.profile-message-additional__angle::after {
  position: absolute;
  background-color: var(--separator-color-line-secondary);
  content: '';
}
.profile-message-additional__angle::before {
  top: 0;
  left: 0;
  width: 2px;
  height: 15px;
}
.profile-message-additional__angle::after {
  bottom: 0;
  left: 2px;
  width: 4px;
  height: 2px;
}
.profile-message-additional__avatar {
  margin-right: 8px;
  cursor: pointer;
}
.profile-message-additional__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 8px;
}
.profile-message-additional__name:hover {
  color: var(--8c8c8c-or-ffffff-50);
  cursor: pointer;
}
.message-support {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: start;
  margin: 13px 0 22px;
  padding: 16px 41px 20px 68px;
  font-size: 15px;
  line-height: 22px;
  background-color: var(--009fe6-03-or-33648f-05);
}
.message-support__description {
  color: var(--333e49-or-ffffff-75);
  margin-bottom: 12px;
}
.message-support__button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 35px;
  padding: 6px 16px;
  line-height: 150%;
  color: var(--009fe6-or-009fe6);
  background: var(--009fe6-10-or-006be0-10);
  transition: background-color 0.1s ease-in-out;
  cursor: pointer;
}
.message-support__button:hover {
  background: var(--009fe6-20-or-006be0-20);
}
.message-support__button .emoji_outer {
  margin-left: 3px;
}
.message-menu {
  visibility: hidden;
  display: flex;
  position: absolute;
  top: -15px;
  right: 16px;
  pointer-events: none;
  border: 1px solid var(--f0f0f0-or-ffffff-08);
  border-radius: 8px;
  overflow: hidden;
}
.message-menu__icon {
  --size: 20px;
}
.message-menu__item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--b4b4b4-or-ffffff-30);
  height: 28px;
  width: 34px;
  font-size: 20px;
  background-color: var(--ffffff-or-1c1c1c);
  border-left: 0;
}
.message-menu__item:hover,
.message-menu__item_active {
  cursor: pointer;
  color: var(--009fe6-or-009fe6) !important;
}
.message-menu__item_inactive {
  pointer-events: none;
  opacity: 0.5;
}
.message-menu__item:not(.hidden):first-child ~ .message-menu__item,
.message-menu__item.hidden + .message-menu__item:not(.hidden) ~ .message-menu__item {
  border-left: 1px solid var(--f0f0f0-or-ffffff-08);
  width: 35px;
}
.message-menu__item.button_preloader {
  padding-bottom: 3px;
}
.message-menu__item .svg-icon {
  --size: 20px;
}
.message-menu__item .message-menu-big-icon {
  --size: 24px;
}
.message-reactions {
  display: flex;
  flex-wrap: wrap;
}
.message-reactions__item {
  margin: 4px 4px 0 0;
}
.message-reactions__add {
  --size: 21px;
  display: flex;
  justify-content: center;
  padding-top: 1px;
  width: 36px;
  height: 25px;
  font-size: 20px;
  border-radius: 5px;
  border: 1px solid var(--f0f0f0-or-ffffff-08);
  cursor: pointer;
  visibility: hidden;
  pointer-events: none;
  color: var(--b4b4b4-or-ffffff-30);
  margin-top: 4px;
}
.message-reactions__add:first-child {
  display: none;
}
.message-reactions__add:nth-child(n + 21) {
  display: none !important;
}
.message-reactions__add:nth-child(n + 5) {
  visibility: visible;
  pointer-events: auto;
}
.message-reactions__add:hover {
  border: 1px solid var(--009fe6-or-ffffff-08);
  color: var(--009fe6-or-006be0);
  background-color: var(--ffffff-or-transparent);
}
.message-reactions__add_active {
  visibility: visible;
  display: flex;
  border: 1px solid var(--009fe6-or-ffffff-05);
  color: var(--009fe6-or-006be0);
  background-color: var(--ffffff-or-transparent);
}
.message-repost__content {
  margin-top: 8px;
}
.message-repost__line {
  padding-left: 10px;
}
.message-repost__line:not(:last-child) {
  margin-bottom: 8px;
}
.message-repost__line::after {
  content: '';
  display: block;
  position: absolute;
  width: 2px;
  background-color: var(--separator-color-line);
  border-radius: 10px;
  top: 4px;
  bottom: 0;
  left: 0;
}
.message__quote .message-repost__text {
  margin-top: 8px;
}
.message-image {
  display: flex;
}
.message-image:hover .message-image__buttons > .message-image__button {
  pointer-events: auto;
  opacity: 1;
}
.message-image_deleted {
  align-items: center;
  justify-content: center;
}
.message-image__content {
  height: 100%;
  max-height: 260px;
  width: 100%;
  max-width: 400px;
  border-radius: 3px;
  cursor: zoom-in;
  background-color: var(--f5f5f5-or-ffffff-01);
  border: 1px solid var(--f0f0f0-or-transparent);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}
.message-image__content_deleted {
  cursor: default;
  padding: 0 20px;
}
.message-image__buttons {
  display: flex;
  margin-left: 12px;
}
.message-image__buttons .message-image__button:not(:last-child) {
  margin-right: 4px;
}
.message-image__button {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.message-image__preloader {
  width: 24px;
  height: 24px;
  animation: delayShow 2s ease-in 1s;
}
.message-image__light-image {
  background-size: cover;
  background-position: center;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.message-image__abort {
  margin-bottom: 8px;
  cursor: pointer;
}
.message-image__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.message-image__icon {
  --size: 44px;
  color: var(--b4b4b4-or-ffffff-20);
  margin-bottom: 6px;
}
.message-image__text {
  color: var(--b4b4b4-or-ffffff-20);
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.message-video {
  display: flex;
  user-select: none;
}
.message-video:hover .message-video__buttons > .message-video__button {
  pointer-events: auto;
  opacity: 1;
}
.message-video__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: var(--f5f5f5-or-ffffff-01);
  border: 1px solid var(--f0f0f0-or-transparent);
  overflow: hidden;
  max-height: 553px;
  max-width: 400px;
}
.message-video__content_deleted {
  width: 400px;
  height: 225px;
  padding: 0 24px 1px;
}
.message-video__version {
  margin-top: 8px;
}
.message-video__buttons {
  display: flex;
  margin-left: 12px;
}
.message-video__buttons .message-video__button:not(:last-child) {
  margin-right: 4px;
}
.message-video__button {
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
}
.message-video__preloader {
  width: 24px;
  height: 24px;
  animation: delayShow 1s ease-in;
}
.message-video__icon {
  --size: 44px;
  color: var(--b4b4b4-or-ffffff-20);
  margin-bottom: 6px;
}
.message-video__text {
  color: var(--b4b4b4-or-ffffff-20);
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.message-file {
  padding: 4px 0;
  margin-top: 8px;
  display: flex;
  align-items: center;
  user-select: none;
}
.message-file_fake .message-file__buttons > .message-file__button {
  opacity: 1;
}
.message-file_fake.message-file__audio {
  width: 446px;
}
.message-file_fake.message-file__audio:has(.message-file__button_show) {
  width: 484px;
}
.message-file_fake.message-file__audio::before {
  width: 100% !important;
}
.message-file__audio {
  display: flex;
  padding-bottom: 0;
  align-items: center;
  height: 50px;
  margin-top: 0;
  width: 484px;
  user-select: none;
}
.message-file__timeline {
  cursor: pointer;
  flex: none;
  background-color: var(--dcdcdc-50-or-303030);
  border-radius: 2px;
  height: 3px;
  width: 100%;
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.message-file__timeline_header {
  width: 302px;
}
.message-file__timeline_click {
  height: 12px;
  width: 100%;
  position: absolute;
  top: -4.5px;
}
.message-file__timeline_buffering {
  cursor: pointer;
  flex: none;
  background-color: var(--dcdcdc-or-008bc7-50);
  border-radius: 2px;
  height: 3px;
  width: 0;
  position: absolute;
  max-width: 100%;
}
.message-file__timeline_progress {
  background-color: var(--009fe6-or-006b30);
  height: 3px;
  min-width: 12px;
  width: 0;
  border-radius: 2px;
  position: absolute;
  max-width: 100%;
}
.message-file__timeline_progress::after {
  content: '';
  width: 12px;
  background-color: var(--009fe6-or-006b30);
  height: 12px;
  position: absolute;
  border-radius: 50%;
  top: -5px;
  right: 0;
}
.message-file__timeline_progress-circle {
  width: 12px;
  background-color: var(--009fe6-or-009fe6);
  height: 12px;
  position: absolute;
  border-radius: 50%;
  top: -5px;
  right: 0;
}
.message-file_press-error {
  pointer-events: none;
  cursor: default;
}
.message-file_press-error .message-file__button-error-preloader {
  display: block;
}
.message-file_press-error .message-file__button-error {
  display: none;
}
.message-file_press-error::after {
  pointer-events: none;
  user-select: none;
  animation: linear 500ms infinite rotate;
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: 10px;
  position: absolute;
}
.message-file__content {
  display: flex;
  align-items: center;
  width: calc(100% - 84px);
}
.message-file__content .message-voice__button {
  user-select: none;
}
.message-file__icon {
  margin-right: 12px;
}
.message-file__info {
  height: 100%;
  width: 364px;
}
.message-file__info_fake {
  width: 100%;
}
.message-file__audio-info {
  height: 40px;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  width: 302px;
  flex: none;
}
.message-file__audio-info_fake {
  width: 302px;
}
.message-file__audio-text {
  display: flex;
  width: 100%;
}
.message-file__audio-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
  margin-right: 8px;
  color: var(--333e49-or-ffffff-75);
}
.message-file__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
  margin-right: 8px;
}
.message-file__size {
  font-size: 12px;
  line-height: 20px;
  color: var(--b4b4b4-or-ffffff-30);
  flex: none;
}
.message-file__buttons {
  transition: 0.2s;
  display: flex;
  gap: 4px;
  align-items: center;
  height: 100%;
}
.message-file__buttons_hide {
  opacity: 0;
  pointer-events: none;
  margin-left: 12px;
}
.message-file__buttons_audio {
  margin-left: 12px;
}
.message-file__buttons .message-file__button:hover .button-download__circle,
.message-file__buttons .message-file__button:hover .button-download__cross {
  fill: var(--8c8c8c-or-ffffff-20);
}
.message-file__button {
  transition: opacity 0.2s;
  opacity: 0;
}
.message-file__button_dlp-info {
  display: none;
}
.message-file__button_show {
  display: flex !important;
}
.message-file__button_load {
  opacity: 1;
}
.message-file__button_load:hover .message-file__button_complete {
  fill: var(--049a54-or-037c44);
}
.message-file__button_load:hover .button-download__circle,
.message-file__button_load:hover .button-download__cross {
  fill: var(--8c8c8c-or-ffffff-20);
}
.message-file__button_load:hover .button-download__wait-queue {
  display: none;
}
.message-file__button_load:hover .button-download__hover-wait {
  display: block;
}
.message-file__button_load:hover .message-file__button-error {
  fill: var(--ff9c11-or-ff9c11-70);
}
.message-file__button-error-preloader {
  display: none;
}
.message-file__button-error {
  display: block;
}
.message-file__resend {
  display: none;
}
.message-file__resend:hover .message-file__button-error {
  fill: var(--ff9c11-or-ff9c11-70);
}
.message-file .message__thread {
  margin-top: 0;
}
.message-file__click-area {
  display: flex;
  cursor: pointer;
  user-select: none;
}
.message-file__click-area .file-icon__lable {
  cursor: pointer;
}
.message-audio-file-placeholder {
  display: flex;
  align-items: center;
}
.message-audio-file-placeholder__content {
  display: flex;
  align-items: center;
}
.message-audio-file-placeholder__icon {
  margin-right: 12px;
}
.message-audio-file-placeholder__info {
  width: 319px;
  display: flex;
  align-items: center;
}
.message-audio-file-placeholder__line {
  background-color: var(--f8f8f8-or-ffffff-02);
  border-radius: 5px;
  height: 18px;
}
.message-audio-file-placeholder__line:first-child {
  margin-right: 4px;
}
.message-audio-file-placeholder__player {
  margin: 8px 0 10px;
  height: 24px;
  max-width: 400px;
  width: 100%;
}
.message-file-placeholder {
  display: flex;
}
.message-file-placeholder_audio {
  display: block;
}
.message-file-placeholder__content {
  display: flex;
  align-items: center;
}
.message-file-placeholder__icon {
  --file-skeleton-icon-color: var(--f5f5f5-or-292b2d);
  --file-skeleton-triangle-color: var(--f5f5f5-or-transparent);
  --file-skeleton-background-color: var(--f0f0f0-or-ffffff-02);
  --icon-width: 35px;
  --icon-height: 40px;
  margin-right: 12px;
}
.message-file-placeholder__line {
  background-color: var(--f5f5f5-or-ffffff-02);
  border-radius: 5px;
  height: 18px;
}
.message-file-placeholder__line:first-child {
  margin-bottom: 4px;
}
.message-file-placeholder__player {
  margin: 8px 0 10px;
  height: 24px;
  max-width: 400px;
  width: 100%;
}
.message-file-deleted {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  padding-left: 5px;
}
.message-file-deleted__icon {
  --size: 40px;
  margin-right: 12px;
  color: var(--b4b4b4-or-ffffff-20);
}
.message-file-deleted__text {
  color: var(--b4b4b4-or-ffffff-20);
  font-size: 12px;
  line-height: 20px;
}
.message-voice {
  display: flex;
  align-items: center;
  width: 400px;
  height: 50px;
  padding-top: 4px;
  user-select: none;
}
.message-voice__button {
  height: 38px;
  width: 38px;
  margin-right: 12px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}
.message-voice__button_unsent {
  display: none;
}
.message-voice__button_unsent:hover circle {
  fill: var(--ff9c11-or-ff9c11-70);
}
.message-voice__button_convert {
  cursor: default;
}
.message-voice__button_convert > .message-voice-button {
  display: none;
}
.message-voice__button_convert > .message-voice-button__hourglass {
  display: block;
}
.message-voice__button .message-voice-button {
  width: 38px;
  height: 38px;
}
.message-voice__button:hover .message-voice-button__circle {
  fill: var(--0088c4-or-1f628e);
}
.message-voice__button[data-action='play'] .message-voice-button__pause,
.message-voice__button[data-action='play'] .message-voice-button__buffering {
  display: none;
}
.message-voice__button[data-action='pause'] .message-voice-button__play,
.message-voice__button[data-action='pause'] .message-voice-button__buffering {
  display: none;
}
.message-voice__button[data-action='buffering'] .message-voice-button__play {
  display: none;
}
.message-voice__timeline {
  cursor: pointer;
}
.message-voice__progress {
  display: flex;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 100%;
  contain: content;
  pointer-events: none;
}
.message-voice__progress .message-voice__waveform_fake {
  width: 100%;
}
.message-voice__waveform {
  height: 30px;
  pointer-events: none;
}
.message-voice__waveform_progress {
  position: absolute;
  overflow: hidden;
  top: 0;
  width: 100%;
  transition: none;
}
.message-voice__waveform_progress .message-voice__column {
  fill: var(--009fe6-or-006b30);
}
.message-voice__waveform_fake {
  position: absolute;
  overflow: hidden;
  transition: none;
  width: 0;
  top: 0;
}
.message-voice__waveform_fake .message-voice__column {
  fill: var(--80cff3-or-006b30-50);
}
.message-voice__waveform_ended {
  transition: none;
}
.message-voice__waveform_short {
  width: 194px;
}
.message-voice__column {
  fill: var(--dcdcdc-or-ffffff-10);
  pointer-events: none;
}
.message-voice__text {
  font-size: 12px;
  line-height: 20px;
  color: var(--b4b4b4-or-ffffff-20);
}
.message-voice_small {
  width: 310px;
}
.message-voice_small .message-voice__waveform:not(.message-voice__waveform_fake) {
  width: auto;
}
.message-voice_header {
  height: 40px;
  padding-top: 0;
  padding-left: 30px;
  padding-right: 18px;
  flex: 1;
  width: 100%;
}
.message-voice_header .message-voice__button {
  width: 24px;
  height: 24px;
  margin-right: 14px;
}
.message-voice_header .message-voice__button .message-voice-button {
  width: 24px;
  height: 24px;
}
.message-voice_header .message-voice__progress {
  max-width: 302px;
}
.message-voice_header .message-voice__waveform {
  height: 24px;
}
.message-voice_header .message-voice__column {
  max-height: 24px;
}
.message-voice_header .message-audio-control__speed {
  width: 34px;
  padding: 2px;
  margin-top: 0;
  margin-right: 17px;
  margin-left: 16px;
  flex: none;
}
.message-voice_header .message-audio-control__time {
  line-height: 19px;
  margin-left: 0;
  flex: none;
}
.message-voice_deleted .message-voice__button {
  pointer-events: none;
}
.message-voice_deleted .message-voice__text {
  cursor: default;
  user-select: none;
}
.message-voice_deleted .message-voice-button__circle {
  fill: var(--f5f5f5-or-ffffff-02);
}
.message-voice_deleted .message-voice-button__play {
  fill: var(--e6e6e6-or-ffffff-05);
}
.message-voice-button {
  pointer-events: none;
}
.message-voice-button__hourglass {
  animation: hourglass-audio 5s infinite linear;
  background-position: center;
  background-repeat: no-repeat;
  height: 38px;
  width: 38px;
  background-color: var(--009fe6-or-009fe6);
  border-radius: 50%;
  display: none;
}
.message-voice-button__circle {
  fill: var(--009fe6-or-006b30);
}
.message-voice-button__play,
.message-voice-button__pause {
  fill: var(--ffffff-or-ffffff);
}
.message-voice-button__buffering {
  stroke-opacity: 0;
  transform-origin: center;
  animation: 0.3s linear 0.3s forwards bufferingVoiceButton, linear 1s infinite bufferingVoiceButtonRotate;
}
@keyframes bufferingVoiceButton {
  from {
    stroke-opacity: 0.4;
    stroke-dasharray: 5, 113;
  }
  to {
    stroke-opacity: 1;
    stroke-dasharray: 80, 113;
  }
}
@keyframes bufferingVoiceButtonRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes delayBackgroundHide {
  to {
    background: none;
  }
}
.message-voice-placeholder {
  display: flex;
  align-items: center;
  width: 100%;
}
.message-voice-placeholder__button {
  height: 38px;
  width: 38px;
  background-color: var(--f5f5f5-or-ffffff-02);
  margin-right: 12px;
  flex: none;
  border-radius: 50%;
}
.message-voice-placeholder__progress {
  display: flex;
  align-items: center;
  max-width: 302px;
  width: 302px;
}
.message-voice-placeholder__column {
  max-height: 30px;
  width: 2px;
  background-color: var(--f5f5f5-or-ffffff-02);
  border-radius: 4px;
  flex: none;
}
.message-voice-placeholder__column:not(:last-child) {
  margin-right: 2px;
}
.message-voice-placeholder__time {
  background-color: var(--f5f5f5-or-ffffff-02);
  border-radius: 5px;
  height: 14px;
  width: 34px;
  margin-left: auto;
}
.message-preview {
  font-size: 15px;
  word-break: break-word;
}
.message-preview_small {
  display: flex;
  flex-direction: row;
}
.message-preview_small .message-preview__content {
  width: 296px;
}
.message-preview_small .message-preview__image {
  width: 70px;
  height: 70px;
  max-height: 70px;
  max-width: 70px;
  align-self: flex-end;
  margin-left: 12px;
  cursor: default;
}
.message-preview_placeholder .message-preview__header {
  margin-bottom: 10px;
}
.message-preview_placeholder .message-preview__favicon {
  background-color: var(--f8f8f8-or-ffffff-02);
  width: 18px;
  height: 18px;
}
.message-preview_placeholder .message-preview__site-name {
  height: 18px;
  background-color: var(--f8f8f8-or-ffffff-02);
  border-radius: 5px;
}
.message-preview_placeholder .message-preview__title {
  height: 18px;
  background-color: var(--f8f8f8-or-ffffff-02);
  display: block !important;
  margin-bottom: 5px;
  border-radius: 5px;
}
.message-preview_placeholder .message-preview__description {
  height: 14px;
  background-color: var(--f5f5f5-or-ffffff-02);
  margin-bottom: 4px;
  border-radius: 5px;
}
.message-preview_placeholder .message-preview__image {
  width: 390px;
  height: 254px;
  background: var(--f8f8f8-or-ffffff-02);
}
.message-preview_placeholder.message-preview_small .message-preview__description:last-child {
  margin-bottom: 3px;
}
.message-preview_placeholder.message-preview_small .message-preview__image {
  background: var(--f8f8f8-or-ffffff-02);
  border: none;
}
.message-preview_placeholder.message-preview_small .message-preview__image::after {
  content: '';
  height: 24px;
  width: 24px;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 24px;
  position: absolute;
  animation: linear 500ms infinite rotatePreloader;
}
.message-preview_video .message-preview__image {
  cursor: pointer;
}
.message-preview__content {
  padding-left: 10px;
  width: 400px;
}
.message-preview__content::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 2px;
  background-color: var(--separator-color-line-secondary);
  border-radius: 1px;
  top: 0;
  left: 0;
}
.message-preview__header {
  display: flex;
  margin-bottom: 8px;
}
.message-preview__favicon {
  cursor: pointer;
  flex: none;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 8px;
  background-color: var(--f8f8f8-or-ffffff-02);
}
.message-preview__site-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-30);
}
.message-preview__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  user-select: text;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  color: var(--2574a9-or-2574a9);
}
.message-preview__title:empty {
  display: none;
}
.message-preview__title .emoji_sizer > .emoji_inner {
  margin-bottom: -3px;
}
.message-preview__description {
  color: var(--333e49-or-ffffff-75);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: text;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.message-preview__description .emoji_sizer > .emoji_inner {
  margin-bottom: -3px;
}
.message-preview__description + .message-preview__image {
  margin-top: 8px;
}
.message-preview__image {
  border-radius: 5px;
  cursor: zoom-in;
  background-color: var(--f8f8f8-or-transparent);
  max-width: 390px;
  max-height: 254px;
  border: 1px solid var(--f0f0f0-or-transparent);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.message-preview__image_video::after {
  content: '';
  cursor: pointer;
  display: block;
  background: url('../images/global/youtube-button.svg') center no-repeat;
  background-size: 70px 52px;
  position: absolute;
  width: 100%;
  height: 100%;
}
.message-preview__image_preloader::after {
  content: '';
  height: 24px;
  width: 24px;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 24px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards,
					linear 500ms infinite rotatePreloader;
}
.message-preview__image_waiting {
  cursor: default;
  background: var(--ffffff-or-ffffff);
}
.message-preview__image-error {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  pointer-events: none;
}
.message-preview__image-error-icon {
  margin-bottom: 12px;
}
.message-preview__image-error-text {
  color: var(--b4b4b4-or-ffffff-30);
}
.message-preview__title + .message-preview__image {
  margin-top: 8px;
}
.message-media-conference {
  --hover-color-title: var(--333e49-or-ffffff-75);
  --hover-color-icon: var(--a1a1a1-or-ffffff-60);
  display: flex;
  width: 356px;
  height: 44px;
  align-items: center;
  border-radius: 8px;
  margin-top: 4px;
  padding-bottom: 4px;
}
.message-media-conference:hover .message-media-conference__title {
  color: var(--hover-color-title);
}
.message-media-conference:hover .message-media-conference__icon-block {
  background-color: var(--hover-color-icon);
}
.message-media-conference:hover .message-media-conference__description {
  color: var(--a1a1a1-or-ffffff-50);
}
.message-media-conference_missed {
  --hover-color-title: var(--ff453d-or-ff271f);
  --hover-color-icon: var(--ff453d-or-ff271f);
}
.message-media-conference_missed .message-media-conference__icon-block {
  background: var(--ff6a64-or-ff4f47);
}
.message-media-conference_missed .message-media-conference__title {
  color: var(--ff6a64-or-ff4f47);
}
.message-media-conference__icon-block {
  width: 36px;
  height: 36px;
  color: var(--ffffff-or-ffffff);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin-right: 8px;
  background: var(--b4b4b4-or-ffffff-40);
  cursor: pointer;
}
.message-media-conference__icon {
  --size: 20px;
}
.message-media-conference__info-block {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.message-media-conference__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: var(--333e49-or-ffffff-75);
}
.message-media-conference__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  padding-right: 16px;
  color: var(--b4b4b4-or-ffffff-30);
  cursor: text;
}
.message-system-text {
  color: var(--b4b4b4-or-ffffff-30);
}
.message-system-text__user {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  cursor: pointer;
}
.message-system-text__user:hover {
  color: var(--8c8c8c-or-ffffff-20);
}
.message-system-text__users {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  cursor: default;
}
.message-system-text__users:hover {
  color: var(--8c8c8c-or-ffffff-20);
}
.message-system-text__users_active {
  color: var(--8c8c8c-or-ffffff-20);
}
.message-load {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--ffffff-50-or-ffffff-50);
}
.message-load__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.message-load__abort {
  margin-bottom: 8px;
  cursor: pointer;
}
.message-load__count {
  display: flex;
  align-items: center;
  background-color: var(--000000-30-or-000000-30);
  border-radius: 10px;
  height: 18px;
  padding: 1px 8px 2px;
  color: var(--ffffff-or-ffffff);
  font-size: 13px;
  line-height: 19px;
  user-select: none;
}
.message-load__button {
  opacity: 1;
}
.video-version {
  display: flex;
  align-items: center;
  width: 100%;
  flex: none;
}
.video-version_grabbing {
  cursor: grabbing !important;
}
.video-version_grabbing .video-version__item {
  cursor: grabbing !important;
}
.video-version_loading .video-version__item {
  width: 31px;
}
.video-version__list {
  width: fit-content;
  display: flex;
  align-items: center;
  overflow: auto hidden;
}
.video-version__item {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  background-color: var(--ffffff-or-ffffff-05);
  border: 1px solid var(--dcdcdc-or-transparent);
  border-radius: 5px;
  padding: 3px 4px;
  height: 25px;
  cursor: pointer;
}
.video-version__item:hover {
  border-color: var(--b4b4b4-or-ffffff-20);
  background-color: var(--f8f8f8-or-ffffff-10);
}
.video-version__item:not(:last-child) {
  margin-right: 8px;
}
.video-version__item_active {
  cursor: default;
  border-color: var(--b4b4b4-or-ffffff-20);
  background-color: var(--f8f8f8-or-ffffff-10);
}
.video-version__item_active .video-version__item-text {
  color: var(--333e49-or-ffffff-75);
}
.video-version__item_loading {
  cursor: default;
  border: 1px solid var(--dcdcdc-or-transparent);
  padding-right: 2px;
}
.video-version__item_loading:hover {
  border: 1px solid var(--dcdcdc-or-ffffff-20);
  background-color: var(--ffffff-or-ffffff-10);
}
.video-version__item_loading .video-version__item-text {
  color: var(--dcdcdc-or-ffffff-70);
}
.video-version__item_hd::after {
  content: '';
  display: block;
  flex: none;
  align-self: flex-start;
  background: url('../images/global/hd.svg') no-repeat center;
  background-size: 9px 5px;
  width: 9px;
  height: 5px;
  margin-top: 4px;
  margin-left: 2px;
  user-select: none;
}
.video-version__item_placeholder {
  width: 31px;
  border: none;
  background-color: var(--f5f5f5-or-1f1f1f);
  pointer-events: none;
}
.video-version__item_placeholder:last-child {
  margin-left: auto;
  align-self: flex-start;
}
.video-version__item-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 17px;
  color: var(--b4b4b4-or-ffffff-70);
  user-select: none;
}
.video-version__size {
  padding-left: 8px;
  font-size: 12px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-30);
  user-select: none;
  text-align: right;
  white-space: nowrap;
  margin-left: auto;
}
.video-version__hourglass {
  animation: hourglass 5s infinite linear;
  background-position: center;
  background-repeat: no-repeat;
  height: 13px;
  width: 12px;
  margin: 1px 0 0 1px;
}
.video-version__container {
  overflow: hidden;
  width: 100%;
}
.video-version__fade {
  content: '';
  position: absolute;
  height: 100%;
  width: 16px;
}
.video-version__fade_left {
  display: none;
  left: 0;
  top: 0;
  background: linear-gradient(to left, transparent, var(--ffffff-or-1c1c1c));
}
.video-version__fade_right {
  right: 0;
  top: 0;
  background: linear-gradient(to right, transparent, var(--ffffff-or-1c1c1c));
}
.video-version__failed-empty {
  display: flex;
  align-items: center;
  color: var(--b4b4b4-or-ffffff-30);
}
.video-version__failed-empty:hover {
  color: var(--8c8c8c-or-ffffff-75);
}
.video-version__failed-icon {
  --size: 18px;
  margin-right: 4px;
}
.video-version__failed-text {
  font-size: 12px;
  line-height: 18px;
  user-select: none;
  cursor: default;
}
.hourglass-rotate-audio {
  animation: hourglass-audio 5s infinite linear;
  background-position: center;
  background-repeat: no-repeat;
}
@keyframes hourglass-audio {
  0%,
  20% {
    background-image: url('../images/animation/audio-hourglass/1.svg');
  }
  20%,
  40% {
    background-image: url('../images/animation/audio-hourglass/2.svg');
  }
  40%,
  60% {
    background-image: url('../images/animation/audio-hourglass/3.svg');
  }
  60%,
  80% {
    background-image: url('../images/animation/audio-hourglass/4.svg');
  }
  83%,
  84% {
    background-image: url('../images/animation/audio-hourglass/5.svg');
  }
  84%,
  85% {
    background-image: url('../images/animation/audio-hourglass/6.svg');
  }
  85%,
  86% {
    background-image: url('../images/animation/audio-hourglass/7.svg');
  }
  86%,
  87% {
    background-image: url('../images/animation/audio-hourglass/8.svg');
  }
  87%,
  88% {
    background-image: url('../images/animation/audio-hourglass/9.svg');
  }
  88%,
  89% {
    background-image: url('../images/animation/audio-hourglass/10.svg');
  }
  89%,
  90% {
    background-image: url('../images/animation/audio-hourglass/11.svg');
  }
  90%,
  100% {
    background-image: url('../images/animation/audio-hourglass/12.svg');
  }
}
.hourglass_rotate {
  animation: hourglass 5s infinite linear;
  background-position: center;
  background-repeat: no-repeat;
}
@keyframes hourglass {
  0%,
  20% {
    background-image: url('../images/animation/hourglass/1.svg');
  }
  20%,
  40% {
    background-image: url('../images/animation/hourglass/2.svg');
  }
  40%,
  60% {
    background-image: url('../images/animation/hourglass/3.svg');
  }
  60%,
  80% {
    background-image: url('../images/animation/hourglass/4.svg');
  }
  83%,
  84% {
    background-image: url('../images/animation/hourglass/5.svg');
  }
  84%,
  85% {
    background-image: url('../images/animation/hourglass/6.svg');
  }
  85%,
  86% {
    background-image: url('../images/animation/hourglass/7.svg');
  }
  86%,
  87% {
    background-image: url('../images/animation/hourglass/8.svg');
  }
  87%,
  88% {
    background-image: url('../images/animation/hourglass/9.svg');
  }
  88%,
  89% {
    background-image: url('../images/animation/hourglass/10.svg');
  }
  89%,
  90% {
    background-image: url('../images/animation/hourglass/11.svg');
  }
  90%,
  100% {
    background-image: url('../images/animation/hourglass/13.svg');
  }
}
@keyframes delayShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.message-bot-cloud {
  width: 400px;
  border-radius: 8px;
  border: 1px solid var(--f0f0f0-or-transparent);
  background-color: var(--f8f8f8-or-1f1f1f);
  overflow: hidden;
}
.message-bot-cloud__clouds {
  opacity: var(--message-bot-cloud-clouds-opacity);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url('../images/profile/message/many-cloud.png') top center;
}
.message-bot-cloud__clouds_gradient {
  background: var(--message-bot-cloud-gradient-background);
}
.message-bot-cloud_dark {
  --message-bot-cloud-clouds-opacity: var(--message-bot-cloud-dark-clouds-opacity);
  border: 1px solid var(--383838-or-transparent);
  background-color: var(--383838-or-1f1f1f);
}
.message-rating {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  user-select: none;
}
.message-rating__company {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  color: var(--dcdcdc-or-ffffff-70);
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.3px;
  margin-bottom: 24px;
  text-align: center;
}
.message-rating__total {
  margin-bottom: 32px;
}
.message-rating__total_one {
  margin-bottom: 24px;
}
.message-rating.message-bot-cloud_dark .message-rating__company {
  color: var(--dcdcdc-20-or-ffffff-20);
}
.message-rating.message-bot-cloud_dark .message-rating-total__description {
  color: var(--f0f0f0-or-ffffff-70);
}
.message-rating.message-bot-cloud_dark .rating-number {
  color: var(--ffffff-or-ffffff-70);
  background-color: var(--4a4a4a-or-ffffff-05);
}
.message-rating-total__value {
  margin-bottom: 16px;
}
.message-rating-total__description {
  text-align: center;
  font-size: 15px;
  line-height: 20px;
}
.message-profile__anniversary .message-profile-user {
  width: auto;
}
.message-profile__anniversary .message-profile-user__wrapper {
  width: auto;
  flex: initial;
}
.message-profile__top {
  min-height: 62px;
  padding: 15px 16px 16px;
}
.message-profile__bottom {
  height: 73px;
  border-top: 1px dashed var(--e6e6e6-or-ffffff-05);
  padding: 11px 0 10px;
}
.message-profile__bottom .message-profile-user {
  padding: 6px 12px 6px 16px;
}
.message-profile__bottom .message-profile-user__icon {
  --size: 30px;
}
.message-profile__header {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  padding: 18px 16px 7px;
  user-select: none;
}
.message-profile__description {
  color: var(--b4b4b4-or-ffffff-20);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 0 16px;
  user-select: none;
}
.message-profile.message-bot-cloud_dark .message-profile__bottom {
  border-top: 1px dashed var(--e6e6e6-10-or-ffffff-05);
}
.message-profile.message-bot-cloud_dark .message-profile-event__text,
.message-profile.message-bot-cloud_dark .message-profile-event__icon {
  color: var(--dcdcdc-20-or-ffffff-70);
}
.message-profile.message-bot-cloud_dark .message-profile-user__name {
  color: var(--f0f0f0-or-ffffff-70);
}
.message-profile.message-bot-cloud_dark .message-profile-user__description {
  color: var(--f0f0f0-or-ffffff-30);
}
.message-profile.message-bot-cloud_dark .message-profile-user__icon {
  color: var(--b4b4b4-50-or-ffffff-30);
}
.message-profile_clickable {
  cursor: pointer;
}
.message-profile-event {
  display: flex;
  align-items: center;
}
.message-profile-event__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.3px;
  color: var(--dcdcdc-or-ffffff-70);
  user-select: none;
}
.message-profile-event__icon {
  --size: 26px;
  color: var(--dcdcdc-or-ffffff-70);
}
.message-profile-event__text + .message-profile-event__icon {
  margin-left: 4px;
}
.message-profile-list {
  user-select: none;
}
.message-profile-list__header {
  color: var(--8c8c8c-or-ffffff-50);
  text-transform: uppercase;
  padding: 24px 16px 8px;
  font-size: 12px;
  line-height: 14px;
}
.message-profile-list__item:not(:last-child) {
  margin-bottom: 1px;
}
.message-profile-list__item:not(:last-child)::after {
  content: '';
  display: block;
  padding-left: 64px;
  height: 1px;
  width: 100%;
  background-color: var(--separator-color-line);
  position: absolute;
  right: 0;
  bottom: -1px;
}
.message-profile-user {
  padding: 10px 12px 10px 16px;
  width: 100%;
  display: flex;
  align-items: center;
  user-select: none;
  color: var(--333e49-or-ffffff-75);
}
.message-profile-user__avatar {
  margin-right: 8px;
}
.message-profile-user__info {
  flex: 1;
  margin-right: 16px;
  overflow: hidden;
}
.message-profile-user__wrapper {
  display: flex;
  margin-right: auto;
  cursor: pointer;
  flex: 1;
  overflow: hidden;
}
.message-profile-user__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
  color: var(--333e49-or-ffffff-75);
}
.message-profile-user__description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 15px;
  line-height: 20px;
}
.message-profile-user__text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
}
.message-profile-user__value {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  padding: 3px 5px 3px 7px;
  border: 1px solid var(--f0f0f0-or-transparent);
  color: var(--333e49-or-ffffff-50);
  background-color: var(--f8f8f8-or-ffffff-02);
  display: flex;
  align-items: center;
  border-radius: 8px;
}
.message-profile-user__value .icon_circle_clock {
  --size: 18px;
  margin-left: 4px;
  color: var(--b4b4b4-or-ffffff-20);
}
.message-profile-user__icon {
  --size: 24px;
  flex: none;
  color: var(--b4b4b4-or-b4b4b4);
}
.message-profile-congratulation {
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.message-profile-congratulation__icon {
  height: 60px;
  margin-bottom: 16px;
}
.message-profile-congratulation__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.3px;
  margin-bottom: 8px;
}
.message-profile-congratulation__description {
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}
.message-profile-congratulation.message-bot-cloud_dark .message-profile-congratulation__title,
.message-profile-congratulation.message-bot-cloud_dark .message-profile-congratulation__description {
  color: var(--f0f0f0-or-f0f0f0);
}
.message-profile-question__text {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 22px;
}
.message-profile-question__user {
  width: 400px;
  cursor: pointer;
  margin-bottom: 4px;
  border-radius: 8px;
  border: 1px solid var(--f0f0f0-or-f0f0f0);
  padding: 10px 16px;
  background-color: var(--ffffff-or-ffffff);
}
.heroes-message-question {
  --size: 16px;
}
.message-audio-control {
  contain: content;
}
.message-audio-control .message-audio-control__time {
  transform: translateY(12px);
}
.message-audio-control .message-audio-control__speed {
  opacity: 0;
  pointer-events: none;
}
.message-audio-control_show-speed .message-audio-control__time {
  transform: translateY(0);
}
.message-audio-control_show-speed .message-audio-control__speed {
  opacity: 1;
  pointer-events: auto;
}
.message-audio-control_no-animated .message-audio-control__time,
.message-audio-control_no-animated .message-audio-control__speed {
  transition: none;
}
.message-audio-control__speed {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  width: 33px;
  height: 19px;
  padding: 2px 1px;
  border-radius: 3px;
  background-color: var(--f0f0f0-or-ffffff-05);
  color: var(--dcdcdc-or-ffffff-30);
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  margin-left: 15px;
  margin-top: 4px;
  transition: opacity 180ms ease-in-out;
  user-select: none;
}
.message-audio-control__speed:hover {
  cursor: pointer;
  color: var(--b4b4b4-or-ffffff-30);
  background-color: var(--f0f0f0-or-ffffff-15);
}
.message-audio-control__speed:hover.message-audio-control__speed_active {
  color: var(--ffffff-or-ffffff);
  background-color: var(--0595d6-or-2574a9);
}
.message-audio-control__speed_active {
  color: var(--ffffff-or-ffffff);
  background-color: var(--009fe6-or-006b30);
}
.message-audio-control__time {
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 12px;
  line-height: 20px;
  margin-left: auto;
  min-width: 31px;
  cursor: default;
  user-select: none;
  transition: transform 180ms ease-in-out;
  text-align: end;
}
.message-unsupported {
  max-width: 400px;
  cursor: pointer;
  margin-top: 8px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 11px 15px 9px;
  border: 1px solid var(--separator-color-line);
  background-color: var(--ffffff-or-transparent);
}
.message-unsupported__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 8px;
}
.message-unsupported__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: var(--8c8c8c-or-ffffff-50);
}
.message-unsupported__description {
  font-size: 15px;
  line-height: 22px;
  color: var(--b4b4b4-or-ffffff-30);
}
.message-unsupported__avatar {
  --size: 40px;
}
@keyframes circleWave {
  to {
    opacity: 0;
    transform: var(--circle-wave-transform, translate(0, 0)) scale(var(--circle-wave-transform-scale));
  }
}
.messages__scroll {
  background: var(--ffffff-or-1c1c1c);
  overflow-y: scroll;
  transform: translateZ(0);
  margin-top: -2px !important;
}
.messages__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.messages__unsent-list {
  margin-bottom: 12px;
}
.messages__list {
  background: var(--ffffff-or-1c1c1c);
  overflow: hidden;
}
.messages__list:empty {
  margin-bottom: 12px;
}
.messages__day {
  transition: 0.2s;
}
.messages__day_select {
  transform: translateX(18px);
}
.messages__day_select .message-menu {
  display: none;
}
.messages__day_select .message__selection-area {
  display: block;
}
.messages__day_select .message__checkbox {
  visibility: visible;
}
.messages__day_select .message__date_grouped {
  display: none !important;
}
.messages__day_select .message_no-select:hover,
.messages__day_select .message_no-select {
  background-color: var(--ffffff-or-1c1c1c);
}
.messages__day_select > .message_editing_inactive:not(.message_select_active, .message_select_off) {
  background-color: var(--ffffff-or-ffffff) !important;
}
.messages__day_select > .message_wrap {
  cursor: pointer;
}
.messages__day_select > .message_wrap:hover .message_menu {
  display: none;
}
.messages__day_select > .message_wrap .message_check {
  opacity: 1;
}
.messages__day_select > .message_wrap:hover .message_check {
  border-color: var(--319bf5-or-006be0);
}
.messages__day_select > .message_wrap > .message_block_layer {
  display: block !important;
}
.messages__day_select > .message_wrap > .message-action {
  display: none !important;
}
.messages__day_select .message_select_active:not(.message_select_off) {
  background-color: var(--f8f8f8-or-f8f8f8);
}
.messages__day_select .message_select_active:not(.message_select_off) .message_check {
  border-color: var(--319bf5-or-006be0);
  background-color: var(--319bf5-or-006be0);
  color: var(--ffffff-or-ffffff);
}
.messages__day_select .message_grouped_time {
  display: none !important;
}
.messages__separator {
  margin: 4px 0;
}
.messages__form-hello {
  position: absolute;
  z-index: var(--toastr-z-index);
  background-color: var(--fffefe-or-222222);
  top: 101px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.form-hello {
  width: 256px;
  border-radius: 8px;
  border: 1px solid var(--f0f0f0-or-transparent);
}
.form-hello__content {
  padding: 15px 16px;
  font-size: 13px;
}
.form-hello__text {
  font-family: Lato, Arial, sans-serif;
  margin-bottom: 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
}
.form-hello__button {
  --form-hello-button-background-color: var(--009fe6-or-006be0);
  border: 1px solid var(--009fe6-or-006be0);
  padding: 6px 13px 6px 15px;
  color: var(--009fe6-or-006be0);
}
.form-hello__button:hover {
  color: var(--ffffff-or-ffffff);
  background-color: var(--0088c4-or-0058b8);
  border-color: var(--0088c4-or-0058b8);
}
.form-hello__content_userbot {
  height: auto;
  padding: 16px;
}
.form-hello__button_userbot {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  padding: 3px 8px;
  border: none !important;
  background-color: var(--007aff-10-or-006be0-10);
  color: var(--2574a9-or-009fe6);
  font-size: 13px;
  line-height: 18px;
  width: auto;
  border-radius: 5px;
  height: auto;
}
.form-hello__button_userbot:hover {
  background: var(--007aff-20-or-006be0-20);
}
.form-hello__button-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: flex;
  font-size: 15px;
  text-align: center;
}
.form-hello__button-text > .emoji_inner {
  margin-bottom: -12px !important;
  height: 15px !important;
}
.form-hello__button-icon {
  font-size: 12px;
}
.form-hello .emoji_outer {
  margin: 1px 0 0 2px;
}
.form-hello__action {
  display: flex;
  justify-content: center;
  text-align: center;
  flex: none;
  border-radius: 0 0 8px 8px;
}
.messages-separator {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 22px;
  user-select: none;
}
.messages-separator:first-child {
  margin-top: 24px;
}
.messages-separator__line {
  height: 1px;
  width: 100%;
  background: var(--separator-color-line);
  position: absolute;
  top: 12px;
}
.messages-separator__text {
  font-size: 15px;
  line-height: 22px;
  padding: 0 8px;
  background-color: var(--ffffff-or-1c1c1c);
  margin-bottom: 1px;
}
.messages-separator_new .messages-separator__line {
  background: var(--ff6a64-20-or-ff4f47-30);
}
.messages-separator_new .messages-separator__text {
  color: var(--ff6a64-or-ff4f47);
}
.messages-separator_new + .message_voice.message_grouped .message-voice,
.messages-separator_new + .message_voice.message_grouped .message-file__audio {
  border-top: none;
}
.messages-preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  user-select: none;
  padding: 16px 0 6px;
  top: 50px;
  left: 0;
  background-color: var(--ffffff-or-1c1c1c);
}
.messages-preloader__text {
  font-size: 15px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-50);
  margin-right: 8px;
}
.messages-preloader__icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messages-preloader_bottom {
  bottom: 75px;
  top: unset;
  padding: 6px 0 16px;
}
.messages-placeholder {
  animation: 100ms delayShow 300ms linear forwards;
  opacity: 0;
}
.messages-small-list .message_small {
  margin: 4px 0;
}
.messages-small-list .message_small:first-child {
  margin-top: 0;
}
.messages-small-list .message_small:last-child {
  margin-bottom: 0;
}
.messages-without-hover .message:hover {
  background: initial;
}
.message-placeholder {
  display: flex;
  align-items: flex-start;
}
.message-placeholder:not(:last-child) {
  margin-bottom: 14px;
}
.message-placeholder__avatar {
  margin-top: 1px;
  margin-right: 8px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.message-placeholder__line {
  height: 16px;
  border-radius: 5px;
}
.message-placeholder__line:not(:last-child) {
  margin-bottom: 6px;
}
.message-popup-cant-load {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.message-popup-cant-load__header {
  padding: 20px 20px 0;
  margin-bottom: 16px;
}
.message-popup-cant-load__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 4px;
  color: var(--333e49-or-ffffff-75);
}
.message-popup-cant-load__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--333e49-or-ffffff-75);
}
.message-popup-cant-load__footer {
  padding-top: 0;
}
.message_content:hover > .message_file > .message_actions,
.message_content:hover > .message_image_wrap > .message_actions,
.message_content:hover > .message_video_wrap > .message_actions,
.message_content:hover > .message_audio > .message_audio_info > .message_actions {
  opacity: 1 !important;
}
.message_container_left {
  display: flex;
  align-items: center;
  max-height: 36px;
  margin: 4px 8px 0 0;
  align-self: flex-start;
}
.message_container_right {
  user-select: text;
}
.message_info {
  display: flex;
  align-items: baseline;
}
.message_content {
  line-height: 22px;
}
.message_sender_name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  padding-right: 4px;
  line-height: 22px;
  height: 22px;
  max-width: 330px;
}
.message_unsent_text {
  color: var(--ff6a64-or-ff4f47);
  margin-left: 10px;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
}
.message_check {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-position: 50% 50%;
  border: 1px solid var(--separator-color-dashed);
  left: -30px;
  width: 18px;
  height: 18px;
  color: transparent;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  opacity: 0;
  font-size: 8px;
}
.message_avatar_wrap {
  width: 36px;
  min-height: 22px;
  transition: 0.2s;
}
.message_avatar_wrap > .message_grouped_time {
  display: none;
}
.message_actions {
  padding-left: 12px;
  opacity: 0;
  transition: 0.2s;
}
.message_changed {
  display: inline;
  user-select: none !important;
  color: var(--b4b4b4-or-b4b4b4);
  margin-left: 1px;
  font-size: 12px;
  line-height: 12px;
  cursor: default;
}
.message_changed::before {
  content: ' ';
}
.message_deleted {
  color: var(--b4b4b4-or-b4b4b4);
  width: 100%;
  font-size: 15px;
  line-height: 22px;
  user-select: none;
}
.message_quote {
  padding-left: 8px !important;
  width: 100%;
}
.message_quote_stripe {
  position: absolute;
  width: 2px;
  background-color: var(--f0f0f0-or-f0f0f0);
  border-radius: 10px;
  top: 4px;
  bottom: 0;
  left: 0;
}
.message_quote .message_shared .message__file {
  width: 318px;
}
.message_image_wrap,
.message_video_wrap,
.message_quote {
  margin: 8px 0 0;
}
.message__remind {
  font-size: 12px;
  line-height: 15px;
  color: var(--2574a9-or-009fe6);
  margin-left: 4px;
  display: flex;
  height: 100%;
  align-items: center;
}
.message__remind-hint {
  -webkit-line-clamp: 7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.message_reactions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.message_reactions_user {
  flex: none;
  padding: 4px 8px;
  width: 100%;
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.message_reactions_user_fake_avatar {
  flex: none;
  margin-right: 8px;
  background-color: var(--ffffff-30-or-ffffff-30) !important;
}
.message_reactions_user_fake_name {
  height: 18px;
  margin: 2px 0;
  background-color: var(--ffffff-15-or-ffffff-15);
  border-radius: 5px;
}
.message_reactions_user:hover {
  background-color: var(--ffffff-10-or-ffffff-03);
}
.message_reactions_user_avatar {
  flex: none;
  margin-right: 8px;
}
.message_reactions_user_name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  color: var(--ffffff-or-ffffff);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
}
.message-reactions-list {
  transform: translateZ(0);
  padding: 8px;
  width: 202px;
  max-height: 254px;
  min-height: 46px;
  overflow-y: scroll;
  opacity: 1;
}
.message-reactions-restricted-stub {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 12px 16px;
  color: var(--ffffff-or-ffffff);
}
.message-reactions-restricted-stub__icon {
  --size: 48px;
  margin-bottom: 8px;
  color: var(--ffffff-80-or-ffffff-30);
}
.message-reactions-restricted-stub__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  max-width: 178px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: var(--ffffff-or-ffffff-50);
}
.message_menu {
  display: none;
  position: absolute;
  top: -15px;
  right: 16px;
  border: 1px solid var(--f0f0f0-or-f0f0f0);
  height: 30px;
  border-radius: 8px;
  background-color: var(--ffffff-or-ffffff);
  z-index: 2;
}
.message_menu_item:not(:last-child) {
  border-right: 1px solid var(--f0f0f0-or-f0f0f0);
}
.message_wrap {
  width: calc(100% + 25px);
  padding: 4px 16px 4px 50px;
  margin-left: -25px;
}
.message_wrap:not(.message_pinned):hover {
  background-color: var(--f8f8f8-or-f8f8f8);
}
.message_wrap:hover .message_menu {
  display: block;
}
.message_wrap:hover .invite__info {
  border-color: var(--f5f5f5-or-f5f5f5);
}
.message_wrap:hover .message_video_version_fade_left {
  background: linear-gradient(to left, transparent, var(--f8f8f8-or-1c1c1c));
}
.message_wrap:hover .message_video_version_fade_right {
  background: linear-gradient(to right, transparent, var(--f8f8f8-or-1c1c1c));
}
.message_wrap_active:not(.message_pinned) {
  background-color: var(--f8f8f8-or-f8f8f8);
}
.message_wrap_active > .message_menu {
  display: block;
}
.message_wrap_active .message_video_version_fade_left {
  background: linear-gradient(to left, transparent, var(--f8f8f8-or-1c1c1c));
}
.message_wrap_active .message_video_version_fade_right {
  background: linear-gradient(to right, transparent, var(--f8f8f8-or-1c1c1c));
}
.message_editing_active:not(.message_select_active, .message_select_off) {
  background-color: var(--f8f8f8-or-1c1c1c) !important;
}
.message_editing_inactive:not(.message_select_active, .message_select_off) {
  background-color: var(--f8f8f8-or-1c1c1c) !important;
}
.message_grouped .message_container_right {
  margin: 0;
}
.message_grouped .message_container_right > .message_info > .fake_name {
  display: none !important;
}
.message_grouped .message_content {
  margin-bottom: 0;
}
.message_grouped .message_container_left {
  max-height: 36px;
  margin: 0 8px 0 0;
}
.message_grouped .message_container_left .avatar {
  display: none !important;
}
.message_grouped .message_avatar_wrap > .avatar_fake {
  display: none !important;
}
.message_grouped .message_sender_name,
.message_grouped .message_time,
.message_grouped .message_invite_text {
  display: none !important;
}
.message_grouped .message_info {
  margin-top: 0;
}
.message_grouped .message_reactions .emoji-reaction-add {
  margin-top: 10px;
}
.message_grouped .message_deleted {
  line-height: 22px;
}
.message_grouped .message_menu {
  top: -24px;
}
.message_grouped .message_file {
  margin: 4px 0;
}
.message_grouped .message_file,
.message_grouped .message_invite,
.message_grouped .message_image_wrap,
.message_grouped .message_audio,
.message_grouped .message_voice,
.message_grouped .message_video_wrap,
.message_grouped .message_quote,
.message_grouped .message_text pre,
.message_grouped .message_text code,
.message_grouped .message_media-conference {
  margin: 2px 0 0;
}
.message_grouped .message_thread_wrap {
  margin: 8px 0 4px;
}
.message_grouped .message_unsent_buttons {
  margin-bottom: 4px;
}
.message_grouped .message_unsent_text {
  margin-left: 0;
  line-height: 22px;
}
.message_grouped_time {
  color: var(--b4b4b4-or-b4b4b4);
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
  text-align: center;
  margin-top: 3px;
  cursor: default;
}
.message_grouped:hover .message_avatar_wrap > .message_grouped_time {
  display: block;
}
.message_fake .message_text {
  opacity: 0.5;
}
.message_fake .message-repost .message_text {
  opacity: 1;
}
.message_fake .message_video video {
  object-fit: cover;
}
.message_fake .message_file > .message_actions {
  opacity: 1;
}
.message_unsent .message_unsent_text {
  display: inline-block !important;
}
.message_unsent .message_unsent_buttons {
  display: block !important;
}
.message_unsent .message_file_resend {
  display: flex;
}
.message_unsent .message-file__buttons_hide {
  opacity: 1;
  pointer-events: inherit;
}
.message_unsent .message_image_resend {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.message_unsent .message_image_abort {
  display: none !important;
}
.message_unsent .message_file_progressbar_inner {
  width: 0 !important;
  transition: none;
}
.message_unsent .message__fake-icon {
  display: none !important;
}
.message_blocked .message-file__button_dlp-info {
  display: flex;
}
.message_blocked .message-file__resend {
  display: none;
}
.message_blocked .message-file__audio {
  width: 484px;
}
.message_share {
  padding: 0 0 4px;
}
.message_share:first-child {
  padding-top: 0;
}
.message_share:last-child {
  padding-bottom: 0;
}
.message_share .message_file,
.message_share .message_image_wrap,
.message_share .message_audio,
.message_share .message_voice,
.message_share .message_video_wrap,
.message_share .message_quote,
.message_share .message_text pre,
.message_share .message_text code {
  margin: 8px 0 0;
}
.message_share .message_content {
  margin-bottom: 0;
}
.message_share.message_grouped {
  padding: 4px 0;
}
.message_share.message_grouped .message_file,
.message_share.message_grouped .message_invite,
.message_share.message_grouped .message_image_wrap,
.message_share.message_grouped .message_audio,
.message_share.message_grouped .message_voice,
.message_share.message_grouped .message_video_wrap,
.message_share.message_grouped .message_quote,
.message_share.message_grouped .message_text pre,
.message_share.message_grouped .message_text code {
  margin: 0;
}
.fake_name {
  background-color: var(--f5f5f5-or-ffffff-02);
  border-radius: 5px;
  height: 16px;
  margin-top: 3px;
  margin-bottom: 3px;
  cursor: default;
  user-select: none;
  color: transparent;
}
.popup-clear-messages .popup__description-userbot,
.popup-remove-single .popup__description-userbot {
  font-size: 14px;
}
.popup-clear-messages .popup__footer,
.popup-remove-single .popup__footer {
  padding-top: 24px;
}
.popup-clear-messages__bot-avatar,
.popup-remove-single__bot-avatar {
  background-size: 64px;
  background-position-y: -1px;
}
.popup-clear-messages__description,
.popup-remove-single__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.popup-clear-messages.popup__container_avatar .popup__header {
  padding: 21px 20px 0;
}
.popup-clear-messages.popup__container_avatar .popup__description {
  font-size: 15px;
  letter-spacing: 0;
}
.message-sticky-date {
  --height-double-toastr: calc(var(--toster-announcement-height) + var(--toaster-main-height));
  --height-toastr-announcement-media: calc(var(--toster-announcement-height) + var(--toster-media-height));
  /* stylelint-disable-next-line length-zero-no-unit */
  --height-message-sticky: 0px;
  --margin-top: 4px;
  --current-position-top: calc(var(--conversation-header-height) + var(--margin-top));
  --message-sticky-date-top: calc(var(--current-position-top) + var(--height-message-sticky));
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  position: absolute;
  top: 0;
  left: 50%;
  height: 28px;
  z-index: var(--toastr-z-index);
  border-radius: 16px;
  border: 1px solid var(--f0f0f0-or-transparent);
  background: var(--ffffff-or-272727);
  color: var(--333e49-or-ffffff-50);
  display: flex;
  padding: 5px 12px;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, var(--message-sticky-date-top));
  transition: all 200ms ease-in-out, transform 0.2s ease-out;
}
.toastr-announcement:not(.hidden) + .toastr:not(.hidden) + .media-header.hidden + .message-sticky-date {
  --margin-top: 8px;
  --height-message-sticky: var(--height-double-toastr);
}
.toastr-announcement:not(.hidden) + .toastr.hidden + .media-header:not(.hidden) + .message-sticky-date {
  --margin-top: 8px;
  --height-message-sticky: var(--height-toastr-announcement-media);
}
.toastr-announcement:not(.hidden) + .toastr.hidden + .media-header.hidden + .message-sticky-date {
  --margin-top: 8px;
  --height-message-sticky: var(--toster-announcement-height);
}
.media-header:not(.hidden) + .message-sticky-date {
  --margin-top: 8px;
  --height-message-sticky: var(--toster-media-height);
}
.toastr:not(.hidden) + .media-header.hidden + .message-sticky-date {
  --margin-top: 8px;
  --height-message-sticky: var(--toaster-main-height);
}
.users-search {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: calc(var(--content-height) - 84px);
}
.users-search .popup__title {
  padding-right: 0;
}
.users-search__scroll {
  transform: translateZ(0);
}
.users-search__preloader {
  margin-top: 12px;
  margin-bottom: 12px;
}
.users-search.popup__container.popup__container_search .popup__input {
  padding: 20px 16px 17px;
}
.users-search .popup__description-black {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.15px;
  margin-top: 8px;
}
.users-search .popup__input {
  padding: 20px 16px 17px;
}
.users-search .form-search__icon {
  left: 12px;
  top: 6px;
}
.users-search .form-search__input {
  padding: 0 42px 0 37px;
}
.users-search .popup-list__header {
  padding: 7px 18px 12px;
}
.users-search-animation {
  opacity: 0;
  animation: 100ms delayShow 300ms linear forwards;
}
.fake-user {
  pointer-events: none;
}
.fake-user__avatar {
  background: var(--f5f5f5-or-f5f5f5) !important;
}
.fake-user__avatar .avatar_extra {
  background: var(--f5f5f5-or-f5f5f5) !important;
}
.fake-user__name,
.fake-user__description {
  background-color: var(--f5f5f5-or-f5f5f5) !important;
  border-radius: 5px;
  height: 16px;
  cursor: default;
  user-select: none;
  color: transparent;
}
.fake-user__name {
  margin-bottom: 4px;
  width: 50%;
}
.fake-user__description {
  width: 70%;
}
.groups-rename-popup .popup__header {
  padding-bottom: 24px;
}
.groups-members-invite-popup {
  border-radius: 5px;
  height: var(--content-height);
  min-height: 400px;
  width: 360px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
}
.groups-members-invite-popup__list {
  padding-bottom: 16px;
}
.groups-members-invite-popup .popup__title {
  margin-bottom: 12px;
}
.groups-shared-popup {
  display: flex;
  flex-direction: column;
  height: var(--content-height);
  overflow: hidden;
}
.groups-shared-popup__scroll {
  transform: translateZ(0);
}
.groups-shared-popup__item {
  padding: 6px 16px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}
.groups-shared-popup__item:not(:last-child) {
  margin-bottom: 1px;
}
.groups-shared-popup__item:hover {
  background-color: var(--f8f8f8-or-f8f8f8);
}
.groups-shared-popup__avatar {
  margin-right: 8px;
}
.groups-shared-popup__info {
  flex: 1;
}
.groups-shared-popup__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  line-height: 20px;
  font-size: 15px;
  max-width: 215px;
}
.groups-shared-popup__badge {
  color: var(--ffffff-or-ffffff);
}
.groups-shared-popup__preloader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.groups-shared-popup__preloader_small {
  padding-bottom: 8px;
  margin-top: 18px;
}
.groups-allowed-popup {
  display: flex;
  flex-direction: column;
  height: var(--content-height);
  overflow: hidden;
}
.groups-allowed-popup.popup__input {
  padding: 9px 43px 9px 35px;
}
.groups-allowed-popup__button {
  padding-left: 5px;
}
.groups-allowed-popup__favorites {
  padding-bottom: 16px;
}
.groups-allowed-popup .groups-allowed-popup__header {
  padding: 20px 20px 0;
}
.groups-allowed-popup .groups-allowed-popup__title {
  padding: 0;
}
.groups-allowed-popup__button-count {
  white-space: pre-wrap;
}
.groups-allowed-popup .popup__input {
  padding-bottom: 12px;
}
.groups-allowed-popup .popup-empty__text {
  width: 328px;
}
.groups-allowed-popup .popup__loader {
  padding: 0;
}
.groups-allowed-popup .popup-list__header {
  padding-top: 12px;
}
.groups-allowed-popup .popup-empty__image {
  --size: 60px;
  margin-bottom: 8px;
  color: var(--popup-empty-icon-background-color);
}
.groups-allowed-popup .popup-empty__image_no-employees {
  margin-top: 24px;
  margin-bottom: 12px;
}
.groups-allowed-popup-animation {
  opacity: 0;
  animation: 100ms delayShow 300ms linear forwards;
}
.groups-create-popup {
  display: flex;
  height: var(--content-height);
  flex-direction: column;
  overflow: hidden;
}
.groups-create-popup__avatar {
  background: linear-gradient(to top, var(--3c81db-or-3c81db), var(--74b2ff-or-74b2ff));
  background-size: cover;
  margin-right: 8px;
}
.groups-create-popup__avatar > .groups-create-popup__camera {
  font-size: 24px;
  opacity: 0.4;
}
.groups-create-popup__avatar:hover .groups-create-popup__camera_has-photo {
  display: flex;
}
.groups-create-popup__avatar:hover .groups-create-popup__remove-avatar {
  visibility: visible;
}
.groups-create-popup__avatar:hover .groups-create-popup__camera {
  display: flex;
  cursor: pointer;
  background-color: var(--04040a-50-or-000000-80);
}
.groups-create-popup__avatar.avatar_preloader::after {
  background-size: 20px;
}
.groups-create-popup__avatar.groups-create-popup__remove-avatar {
  width: 24px;
  height: 24px;
}
.groups-create-popup__camera {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.groups-create-popup__camera_has-photo {
  display: none;
}
.groups-create-popup__remove-avatar {
  position: absolute;
  top: -8px;
  right: -7px;
  visibility: hidden;
  cursor: pointer;
  height: 24px;
}
.groups-create-popup__remove-avatar > .close-filled_red {
  width: 24px;
  height: 24px;
}
.groups-create-popup__remove-avatar :hover > .close-filled__circle {
  fill: var(--ff6a64-or-ff4f47);
}
.groups-create-popup__remove-avatar :hover > .close-filled__cross {
  fill: var(--ffffff-or-ffffff);
}
.groups-create-popup__player {
  cursor: default !important;
}
.groups-create-popup > .popup-item__description {
  max-width: 195px;
}
.groups-create-popup .popup__input {
  padding: 14px 16px 18px;
  display: flex;
  align-items: center;
}
.groups-create-popup .popup-list__header {
  padding: 0 18px 10px;
}
.groups-error-invite .popup__header {
  display: flex;
  padding-bottom: 0;
}
.groups-error-invite .popup__avatar {
  margin-right: 12px;
  margin-top: 1px;
}
.groups-error-invite .popup__title {
  margin-bottom: 4px;
}
.groups-error-invite__description-one {
  max-width: 310px;
}
.groups-error-invite__description-many {
  max-width: 382px;
}
.groups-error-invite .popup__footer {
  padding-top: 24px;
}
.groups-options {
  max-height: calc(var(--content-height) - 82px);
  overflow: hidden;
}
.groups-options .popup__content {
  padding: 14px 20px 16px;
}
.groups-options .popup__header {
  padding: 20px 20px 9px;
}
.groups-options__switch-block {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  padding: 16px 0 8px;
  border-top: 1px dashed var(--separator-color-dashed);
  display: flex;
  justify-content: space-between;
}
.groups-options__text {
  margin-top: 1px;
}
.groups-options__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--333e49-or-ffffff-30);
  padding-bottom: 15px;
}
.groups-options__description:last-child {
  padding-bottom: 4px;
}
.groups-settings__avatar {
  cursor: pointer;
  margin-right: 8px;
}
.groups-settings__avatar:hover .groups-create-popup__remove-avatar {
  visibility: visible;
}
.default-content {
  padding: 0 20px 2px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.default-content__scroll {
  flex: 1;
  border-top: 2px solid var(--ffffff-or-ffffff);
  padding: 19px 0 16px;
  overflow: scroll;
}
.default-content__description {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.default-content__content {
  margin-top: 23px;
}
.settings-company-extra {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.settings-company-extra .default-content__content {
  margin-top: 8px;
}
.settings-company-extra .default-content__scroll {
  border: none;
  display: flex;
  flex-direction: column;
  padding: 0 0 20px;
}
.settings-company-extra__title {
  padding: 20px 0 14px;
}
.settings-company-extra__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.settings-company-extra .about-item__title {
  font-weight: 700;
}
.settings-company-extra_cut {
  padding-bottom: 16px;
}
.settings-company-switch:first-child .settings-company-switch__main {
  margin-top: 0;
}
.settings-company-switch__main {
  padding-top: 15px;
  margin-top: 16px;
  margin-bottom: 8px;
  border-top: thin dashed var(--dcdcdc-or-ffffff-10);
  display: flex;
  align-items: center;
}
.settings-company-switch__icon {
  width: 40px;
  height: 40px;
  background-color: var(--f0f0f0-or-1c1c1c);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--b4b4b4-or-ffffff-30);
  margin-right: 8px;
  flex: none;
  font-size: 24px;
}
.settings-company-switch__info {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.settings-company-switch__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
}
.settings-company-switch__subtitle {
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 15px;
  line-height: 20px;
}
.settings-company-switch__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.settings-company-switch .settings-company-switch__description + .settings-company-switch__description {
  padding-top: 12px;
}
.settings-company-switch__button {
  height: 22px;
}
.notifications-sound {
  margin-bottom: 32px;
}
.notifications-sound__button-icon {
  cursor: pointer;
  border-radius: 5px;
  height: 28px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.notifications-sound__buttons {
  display: flex;
}
.notifications-sound__buttons .button {
  width: 32px;
  height: 28px;
}
.notifications-sound__buttons .button:not(:last-child) {
  margin-right: 4px;
}
.notifications-sound__buttons .button_outline.button_gray {
  background-color: var(--f5f5f5-or-ffffff-05);
  border-color: var(--f5f5f5-or-ffffff-05);
}
.notifications-sound__buttons .button_outline.button_gray:hover {
  background-color: var(--e4e4e4-or-ffffff-10);
  border-color: var(--e4e4e4-or-ffffff-10);
}
.notice-timer {
  padding-top: 53px;
}
.notice-timer__header {
  position: static;
}
.notice-timer__content {
  padding: 0 12px;
}
.notice-timer__switch-group {
  margin: 12px;
  gap: 4px;
  display: grid;
}
.notice-timer__switch {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  padding: 0 16px;
  height: 39px;
  background-color: var(--f8f8f8-or-232323);
}
.notice-timer .popover-button__text {
  margin-right: auto;
}
.notice-timer__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
}
.notice-timer__sound {
  position: absolute;
  top: 16px;
  right: 17px;
  background-color: var(--f8f8f8-or-232323);
  color: var(--b4b4b4-or-ffffff-30);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notice-timer__sound-icon {
  --size: 12px;
}
.notice-timer__sound_active,
.notice-timer__sound:hover {
  cursor: pointer;
  color: var(--8c8c8c-or-009fe6);
}
.notice-timer__flip-timer {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 22px;
}
.notice-timer-list-popover {
  width: 298px;
  padding: 11px 12px;
}
.calendar {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.calendar__content {
  overflow: scroll;
  transform: translateZ(0);
  padding-bottom: 8px;
}
.calendar__content_no-internet {
  height: var(--content-height);
}
.calendar__content .popup-empty__reload {
  padding-right: 12px !important;
}
.calendar__content_animate {
  opacity: 0;
  animation: 100ms delayShow 300ms linear forwards;
}
.calendar__error {
  height: var(--content-height);
  overflow: scroll;
  padding-bottom: 8px;
}
.calendar__error .popup-empty__image {
  --size: 48px;
  color: var(--b4b4b4-or-b4b4b4);
}
.calendar > .popup__header {
  padding-bottom: 12px;
  height: 56px;
}
.calendar__opacity {
  top: 56px;
  position: absolute;
  width: 100%;
  background: linear-gradient(to bottom, var(--ffffff-or-ffffff), transparent 86%) no-repeat top;
  background-size: 100% 28px;
  height: var(--statistic-calendar-shadow-height);
}
.calendar .popup-empty {
  white-space: pre-wrap;
}
.calendar-week {
  padding: 11px 20px 11px 14px;
  display: flex;
  justify-content: center;
  background: var(--ffffff-or-1c1c1c) linear-gradient(to left, var(--f0f0f0-or-ffffff-08) 428px, transparent 0%) no-repeat top;
  background-size: 100% 1px;
  flex-wrap: wrap;
}
.calendar-week_first ~ .calendar-week_placeholder > .calendar-week__total {
  background-color: var(--393a4d-or-ffffff-06);
  color: var(--f8f8f8-or-ffffff-75);
}
.calendar-week_first.calendar-week_placeholder {
  cursor: pointer;
}
.calendar-week_last.calendar-week_placeholder {
  cursor: pointer;
}
.calendar-week_first ~ .calendar-week_placeholder {
  cursor: pointer;
}
.calendar-week_first > .calendar-day:not(.calendar-day_first) > .calendar-day__hours {
  display: none;
}
.calendar-week_empty > .calendar-week__total {
  background-color: var(--f8f8f8-90-or-ffffff-02) !important;
  color: transparent !important;
}
.calendar-week_empty {
  cursor: default !important;
}
.calendar-week_last.calendar-week_placeholder > .calendar-week__total {
  background-color: var(--393a4d-or-ffffff-06);
  color: var(--f8f8f8-or-ffffff-75);
}
.calendar-week_first.calendar-week_placeholder > .calendar-week__total {
  background-color: var(--393a4d-or-ffffff-06);
  color: var(--f8f8f8-or-ffffff-75);
}
.calendar-week_last ~ .calendar-week_placeholder > .calendar-week__total {
  background-color: var(--f8f8f8-90-or-ffffff-02);
  color: transparent;
}
.calendar-week_last ~ .calendar-week {
  cursor: default !important;
}
.calendar-week:not(.calendar-week_placeholder) {
  cursor: pointer;
}
.calendar-week_placeholder > .calendar-week__total {
  background-color: var(--f8f8f8-90-or-ffffff-02);
  color: transparent;
}
.calendar-week_active {
  background: none;
  background-color: var(--f8f8f8-or-f8f8f8) !important;
}
.calendar-week_active + .calendar-week {
  background: none;
}
.calendar-week_active > .calendar-day {
  height: 71px;
}
.calendar-week__total {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  width: 57px;
  height: 30px;
  background-color: var(--393a4d-or-ffffff-06);
  color: var(--f8f8f8-or-ffffff-75);
  font-size: 18px;
  line-height: 22px;
  border-radius: 8px;
  margin-left: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendar-day {
  margin: 1px 16px 0 0;
  font-size: 15px;
  line-height: 30px;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.calendar-day_light {
  color: var(--b4b4b4-or-ffffff-30);
}
.calendar-day_active ~ .calendar-day > .calendar-day__hours {
  display: none !important;
}
.calendar-day_active > .calendar-day__hours {
  height: 39px;
}
.calendar-day_active > .calendar-day__hours:not(.calendar-day__hours_close) {
  display: flex !important;
}
.calendar-day_active > .calendar-day__hours_close {
  display: none !important;
}
.calendar-day_active > .calendar-day__hours::before {
  height: 15px;
}
.calendar-day_active ~ .calendar-day {
  height: 30px;
}
.calendar-day_active > .calendar-day__date {
  color: var(--ffffff-or-ffffff);
  background-color: var(--ff6a64-or-ff4f47);
}
.calendar-day_first > .calendar-day__hours {
  display: flex;
}
.calendar-day_first ~ .calendar-day:not(.calendar-day_active) > .calendar-day__hours {
  display: flex;
}
.calendar-day__date {
  width: 28px;
  height: 28px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 1px;
}
.calendar-day__hours {
  height: 44px;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: var(--333e49-or-333e49);
  width: 18px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
}
.calendar-day__hours::before {
  content: '';
  width: 1px;
  height: 20px;
  flex: none;
  background-color: var(--e6e6e6-or-ffffff-05);
  position: absolute;
  top: 1px;
  left: 50%;
}
.calendar-day__hours_close {
  font-size: 20px;
  color: var(--dcdcdc-or-ffffff-70);
  line-height: 22px;
}
.calendar-month {
  padding: 32px 20px 9px;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.3px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
}
.calendar-month:first-child {
  padding-top: 16px;
}
.calendar-month + .calendar-week {
  background: none;
}
.about-app {
  padding: 20px 20px 14px;
  width: 100%;
  height: 100%;
  overflow: hidden scroll;
}
.about-app__header::after {
  content: '';
  display: flex;
  border-bottom: thin dashed var(--dcdcdc-or-ffffff-10);
  width: 100%;
}
.about-app__description {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 12px -4px 15px 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--333e49-or-ffffff-75);
}
.about-app__description_underline {
  position: relative;
  display: inline-block;
  height: 20px;
  border-bottom: 1px var(--333e49-or-ffffff-70) dashed;
}
.about-app__description_underline_not-clickable {
  border-bottom: 0;
  cursor: default;
  pointer-events: none;
}
.about-app__description_underline:hover {
  cursor: pointer;
  color: var(--141414-or-009fe6);
  border-bottom: 1px var(--141414-or-009fe6) dashed;
}
.about-app__description_underline:hover::after {
  border-bottom-color: var(--141414-or-009fe6);
}
.about-app__update-button {
  margin: 16px 0 -8px;
}
.about-app__list {
  margin-top: 10px;
}
.about-app__version-block {
  display: flex;
  justify-content: space-between;
}
.about-app__version-icon {
  --size: 16px;
}
.about-app__version-block-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  display: flex;
  align-items: center;
  color: var(--8c8c8c-or-ffffff-75);
}
.about-app__version-block-value {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  padding: 3px 4px 3px 8px;
  background-color: var(--f8f8f8-or-ffffff-05);
  color: var(--677380-or-ffffff-75);
  border-radius: 5px;
  display: flex;
  gap: 4px;
  align-items: center;
  transition: color, background-color 0.2s ease-out;
  cursor: pointer;
}
.about-app__version-block-value:hover {
  color: var(--677380-or-009fe6);
  background-color: var(--f0f0f0-or-ffffff-05);
}
.about-app-item {
  display: flex;
  align-items: center;
  margin: 0 -20px;
  padding: 0 18px 0 20px;
  height: 52px;
  cursor: pointer;
  border-radius: 3px;
}
.about-app-item:hover {
  background-color: var(--f0f0f0-or-transparent);
}
.about-app-item__picture {
  background-color: var(--f8f8f8-or-ffffff-03);
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 24px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 12px;
}
.about-app-item__picture .language-change-icon {
  --size: 20px;
}
.about-app-item__info {
  margin-right: auto;
}
.about-app-item__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.about-app-button-wrapper {
  display: flex;
  justify-content: center;
  margin: 0 -4px;
}
.invite {
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  height: 64px;
  width: 400px;
  justify-content: space-between;
  align-items: center;
}
.invite_unsupported .avatar[style*='background-image'] {
  background-color: transparent;
}
.invite_dark {
  background-color: var(--222222-95-or-ffffff-06);
  color: var(--f0f0f0-or-ffffff-75);
  padding: 12px 16px;
}
.invite_blue {
  background-color: var(--009fe6-or-009fe6);
  padding: 12px 16px;
}
.invite_system {
  margin-top: 16px;
}
.invite_light {
  border: 1px solid var(--f0f0f0-or-transparent);
  background-color: var(--ffffff-or-ffffff-02);
  color: var(--333e49-or-ffffff-75);
  padding: 11px 15px;
}
.invite__button {
  --size: 24px;
  width: 32px;
  height: 32px;
}
.invite__button_first {
  margin-right: 12px;
}
.invite__avatar {
  margin-right: 8px;
  user-select: none;
}
.invite__info {
  font-size: 15px;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
  margin-right: 24px;
}
.invite__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.invite__description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.invite__description_metal {
  color: var(--b4b4b4-or-ffffff-30);
}
.invite__description_pointer {
  cursor: pointer;
}
.invite__description_red {
  color: var(--ff6a64-or-ff4f47);
}
.invite__description_light {
  color: var(--ffffff-50-or-ffffff-50) !important;
}
.invite_placeholder .invite__avatar {
  background-color: var(--f5f5f5-or-ffffff-02);
}
.invite_placeholder .invite__name {
  border-radius: 5px;
  width: 45px;
  height: 16px;
  margin-bottom: 7px;
  background-color: var(--f5f5f5-or-ffffff-02);
}
.invite_placeholder .invite__description {
  border-radius: 5px;
  width: 103px;
  height: 16px;
  background-color: var(--f5f5f5-or-ffffff-02);
}
.invite_left-company .invite__button {
  display: none;
}
.invite-body__header {
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 15px;
  margin-bottom: 8px;
  word-break: break-word;
}
.invite-body_single-dialog .invite-body__header {
  color: var(--333e49-or-333e49);
}
.leftmenu {
  --leftmenu-companies-min-height: 70px;
  --leftmenu-header-border-height: 2px;
  --leftmenu-header-border: var(--leftmenu-header-border-height) solid var(--333445-or-1c1c1c);
}
.leftmenu_search-sticky .leftmenu__separator {
  position: sticky;
  top: 0;
  z-index: 1;
}
.leftmenu_search-sticky .leftmenu__companies {
  position: sticky;
  top: 0;
}
.leftmenu_search-sticky .leftmenu-content__search-wrapper {
  position: sticky;
  top: var(--leftmenu-companies-min-height);
  z-index: 1;
}
.leftmenu_search-sticky .leftmenu-content__search {
  margin-bottom: 16px;
}
.leftmenu__overlay {
  position: fixed;
  inset: 0;
  background-color: var(--04040a-80-or-000000-80);
  display: none;
  opacity: 0;
}
.leftmenu__overlay_show {
  animation: fadeIn 0.25s ease-in;
  display: block;
  opacity: 1;
}
.leftmenu__overlay_hide {
  animation: fadeOut 0.25s ease-in;
  opacity: 0;
}
.leftmenu__header {
  background-color: var(--333445-or-212121);
  height: 50px;
  padding: 8px 8px 8px 22px;
}
.leftmenu__separator {
  border-bottom: var(--leftmenu-header-border);
}
.leftmenu__companies {
  right: 0;
  left: 0;
  max-height: var(--leftmenu-companies-min-height);
  min-height: var(--leftmenu-companies-min-height);
  z-index: 1;
  background-color: var(--393a4d-or-212121);
}
.leftmenu__companies.hidden + .leftmenu__content > .leftmenu-content__search-wrapper {
  --leftmenu-companies-min-height: 0;
}
.leftmenu__content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.leftmenu__conversation-list {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.leftmenu__conversation-search-result {
  height: 100%;
}
.leftmenu__dropdown {
  position: absolute;
  inset: 50px 0 0;
  z-index: 1;
}
.leftmenu-footer {
  display: block;
  padding-top: 0;
  background-color: var(--333445-or-ffffff-03);
  animation: menuShow 0.25s ease-in;
}
.leftmenu-footer_hide {
  animation: menuHide 0.25s forwards ease-in;
}
.leftmenu-footer-install {
  --leftmenu-footer-info-panel-height: 147px;
  text-align: center;
  min-height: 100%;
}
.leftmenu-footer-install__container {
  padding: 24px 16px;
}
.leftmenu-footer-install__content {
  display: flex;
  gap: 12px;
  padding: 0 30px 0 4px;
}
.leftmenu-footer-install__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--f8f8f8-80-or-ffffff-75);
  text-align: left;
  align-content: center;
}
.leftmenu-footer-install__action {
  flex-direction: column;
  margin-top: 20px;
}
.leftmenu-footer-install__icon {
  --size: 48px;
  color: var(--5a5fe0-or-5a5fe0);
}
.leftmenu-footer-install__close-button {
  --size: 16px;
  width: 24px;
  height: 24px;
  color: var(--ffffff-30-or-ffffff-30);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--000000-10-or-000000-05);
  border-radius: 50%;
  top: 12px;
  right: 13px;
  position: absolute;
  cursor: pointer;
}
.leftmenu-footer-install__close-button:hover {
  color: var(--ffffff-80-or-ffffff-80);
}
.leftmenu-main {
  display: flex;
  flex-direction: column;
  width: var(--main-left-width);
  height: 100%;
  overflow: hidden scroll;
  color: var(--ffffff-or-ffffff);
}
.leftmenu-main_disabled {
  pointer-events: none;
}
.leftmenu-main_transition {
  transition: 0.2s;
}
.leftmenu-main_center {
  transform: translateZ(0);
}
.leftmenu-main__allthreads {
  margin-top: 8px;
}
.leftmenu-main__not-found {
  padding: 6px 16px;
  color: var(--f8f8f8-30-or-ffffff-20);
  font-size: 13px;
  line-height: 18px;
  word-break: break-word;
}
.leftmenu-main__preloader {
  display: flex;
  justify-content: center;
  padding: 18px 0 24px;
  opacity: 0;
  animation: 0s delayShowPreloader 400ms linear forwards;
}
.leftmenu-main__company-list {
  display: flex;
  flex-direction: column;
  margin-bottom: auto;
}
.leftmenu-main_scroll-blocked {
  padding-top: 70px;
  overflow: hidden;
  transform: none;
}
.leftmenu-main_scroll-blocked.virtual-scroll {
  transform: none;
}
.leftmenu-content__search-wrapper {
  display: flex;
  flex-direction: column;
  background-color: var(--393a4d-or-212121);
}
.leftmenu-content__search {
  padding: 16px 16px 8px;
}
.leftmenu-content__search:has(.leftmenu-search__button-close:not(.hidden)) {
  padding-right: 12px;
}
.leftmenu-stub {
  position: absolute;
  inset: 0;
}
.leftmenu-stub__image {
  opacity: 0.3;
}
.leftmenu-stub__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 100px;
}
.leftmenu-stub__icon {
  width: 60px;
  height: 60px;
  color: var(--f8f8f8-30-or-ffffff-15);
}
.leftmenu-stub__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  max-width: 259px;
  font-size: 13px;
  line-height: 18px;
  color: var(--f8f8f8-30-or-ffffff-15);
  margin-top: 8px;
}
.leftmenu-stub__button {
  margin-top: 24px;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  width: 101px;
  height: 35px;
  font-size: 15px;
  background-color: var(--f8f8f8-30-or-transparent);
  color: var(--393a4d-or-ffffff-30);
  border: 1px solid var(--transparent-or-ffffff-15);
  cursor: pointer;
  border-radius: 5px;
}
.leftmenu-stub__button:hover {
  background-color: var(--f8f8f8-20-or-transparent);
  color: var(--393a4d-or-ffffff-75);
}
.leftmenu-unread-empty-stub {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  --vh-percent: 8.3;
  --block-height: calc(var(--content-height) * var(--vh-percent) / 100);
  padding: var(--block-height) 0 45px 0;
  color: var(--ffffff-30-or-ffffff-30);
  justify-content: center;
  width: 100%;
}
.leftmenu-unread-empty-stub__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}
.leftmenu-unread-empty-stub__icon {
  --size: 100px;
}
@media screen and (max-height: 650px) {
  .leftmenu-unread-empty-stub {
    --vh-percent: 2;
  }
}
.leftmenu-unread-no-connection {
  padding: 6px 8px 0 20px;
  color: var(--f8f8f8-30-or-ffffff-15);
  font-size: 13px;
  line-height: 18px;
  word-break: break-word;
}
.leftmenu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.leftmenu-header__name-company {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: var(--ffffff-30-or-ffffff-30);
  cursor: pointer;
}
.leftmenu-header__name-company:hover {
  color: var(--ffffff-80-or-ffffff-50);
}
.leftmenu-header__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  max-width: 161px;
}
.leftmenu-header__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.leftmenu-header__icon {
  transition: transform 0.2s ease-out;
}
.leftmenu-header__status-icon {
  --size: 14px;
  color: currentcolor;
  margin-right: 4px;
  margin-top: 1px;
}
.leftmenu-header__arrow {
  --icon-height: 3px;
  --icon-width: 5px;
  display: flex;
  align-items: center;
  padding-top: 2px;
  height: 17px;
  color: currentcolor;
}
.leftmenu-header__item_conversations {
  margin-right: 47px;
}
.leftmenu-header__avatar {
  border: 2px transparent;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leftmenu-header__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: var(--f8f8f8-30-or-ffffff-30);
  border-radius: 5px;
  font-size: 24px;
  flex: none;
}
.leftmenu-header__button:hover {
  cursor: pointer;
  color: var(--f8f8f8-30-or-ffffff-30);
}
.leftmenu-header__button_side-bar {
  width: 34px;
  height: 34px;
  background-color: var(--393a4d-or-ffffff-03);
  color: var(--ffffff-30-or-ffffff-30);
}
.leftmenu-header__button_side-bar:hover {
  cursor: pointer;
  color: var(--f8f8f8-80-or-009fe6);
}
.leftmenu-header__button_empty {
  cursor: default !important;
}
.leftmenu-header__button_notice::before {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  background-color: var(--ff6a64-or-ff4f47);
  border: 1px solid var(--333445-or-212121);
  top: 13px;
  right: 40px;
}
.leftmenu-header__button__notification::after {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  min-width: 15px;
  content: attr(data-unread);
  background: var(--ff6a64-or-ff4f47);
  color: var(--333445-or-212121);
  justify-content: center;
  position: absolute;
  right: -4px;
  top: -4px;
  border-radius: 20px;
  display: inline-flex;
  padding: 3px 6px;
  flex-direction: column;
  align-items: flex-start;
}
.leftmenu-header__button__notification[data-unread='0']::after {
  display: none;
}
.leftmenu-header__button-create-icon {
  color: var(--009fe6-or-009fe6);
}
.leftmenu-header__button-create-icon:hover {
  color: var(--006d9e-or-006d9e);
}
.leftmenu-header__sortable-hint {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  background: var(--04040a-90-or-000000-80);
  height: 50px;
  width: var(--main-left-width);
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  color: var(--ffffff-50-or-ffffff-50);
  padding: 18px 12px 12px;
  letter-spacing: -0.15px;
}
.leftmenu-header__company-unread {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: var(--ff6a64-or-ff4f47);
}
.leftmenu-header__notifications-disabled-block {
  position: absolute;
  top: -5px;
  right: -8px;
  display: none;
}
.leftmenu-header__notifications-disabled-block .leftmenu-header__notifications-disabled-icon {
  --size: 10px;
}
.leftmenu-header__notifications {
  place-content: center center;
  flex-direction: column;
  background: var(--ff6a64-or-ff4f47);
  border-radius: 50%;
  position: absolute;
  top: -3px;
  right: -6px;
  width: 16px;
  height: 16px;
  display: none;
  align-items: center;
  background-color: var(--333445-or-212121);
}
.leftmenu-header__notifications .leftmenu-header__notifications-icon {
  --size: 12px;
  color: var(--009fe6-or-009fe6);
}
.leftmenu-header_notifications-disabled .leftmenu-header__notifications {
  display: flex;
}
.leftmenu-header_notifications-turned-off .leftmenu-header__notifications-disabled-block {
  display: flex;
}
.leftmenu-header_notifications-turned-off .leftmenu-header__notifications {
  display: none;
}
.leftmenu-search__stub {
  --block-height: calc(var(--content-height) - var(--top-height));
  --top-padding: calc(var(--block-height) / 2.5);
  padding: var(--top-padding) 0 16px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  color: var(--ffffff-30-or-ffffff-30);
}
.leftmenu-search__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  padding: 0 20px;
}
.leftmenu-search__icon {
  --size: 60px;
}
.leftmenu-search__group {
  display: flex;
  align-items: center;
  width: 100%;
}
.leftmenu-search__container {
  position: relative;
  flex: 1;
}
.leftmenu-search__button-close {
  --size: 16px;
  background-color: var(--333445-or-1c1c1c);
  width: 28px;
  height: 28px;
  margin-left: 12px;
  border-radius: 50%;
  color: var(--ffffff-50-or-ffffff-50);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.1s ease-out;
  cursor: pointer;
}
.leftmenu-search__button-close:hover {
  color: var(--f5f5f5-or-ffffff-70);
}
.leftmenu-search__input {
  background-color: var(--333445-or-1c1c1c);
  color: var(--f8f8f8-80-or-ffffff-75);
  caret-color: var(--ffffff-or-ffffff);
}
.leftmenu-search__input::placeholder {
  color: var(--f8f8f8-30-or-ffffff-30);
}
.leftmenu-search__input::selection {
  background-color: var(--6ba6ff-35-or-006be0-30);
}
.leftmenu-search__input-icon {
  color: var(--ffffff-30-or-ffffff-30);
}
.leftmenu-search__action-button {
  --size: 16px;
  color: var(--f8f8f8-30-or-ffffff-20);
}
.leftmenu-search__action-button:hover {
  color: var(--f8f8f8-80-or-f8f8f8-80);
}
.leftmenu-item {
  scroll-margin-top: 50px;
  background-color: var(--393a4d-or-212121);
  transition: height 0.6s, opacity 0.4s;
  height: 52px;
  opacity: 1;
}
.leftmenu-item[data-section='search'] {
  scroll-margin-top: 188px;
}
.leftmenu-item:not(.leftmenu-item_allthreads) {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 6px 8px 6px 18px;
}
.leftmenu-item:hover {
  background-color: var(--333445-or-212121);
}
.leftmenu-item:hover .leftmenu-item__avatar_allthreads {
  background-color: var(--000000-10-or-1e1e1e);
}
.leftmenu-item__content {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 6px 8px 6px 18px;
}
.leftmenu-item__point {
  display: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  opacity: 1;
}
.leftmenu-item__point_animation {
  transform: scale(1);
  transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
}
.leftmenu-item__avatar {
  margin-right: 8px;
}
.leftmenu-item__avatar:hover ~ .leftmenu-item__remove {
  transition: none;
  visibility: visible !important;
}
.leftmenu-item__avatar_allthreads {
  --size: 24px;
  background-color: var(--000000-10-or-1e1e1e);
  color: var(--ffffff-30-or-ffffff-30);
  border-radius: 50%;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.leftmenu-item__avatar_unknown.avatar {
  background-color: transparent !important;
}
.leftmenu-item__avatar[style*='background-image'] {
  background-color: var(--ffffff-or-ffffff);
}
.leftmenu-item__remove {
  position: absolute;
  top: 2px;
  left: 40px;
  visibility: hidden;
}
.leftmenu-item__remove .close-filled {
  width: 22px;
  height: 22px;
}
.leftmenu-item__remove .close-filled__circle {
  fill: var(--dcdcdc-or-616161);
}
.leftmenu-item__remove .close-filled__cross {
  fill: var(--333445-or-ffffff);
}
.leftmenu-item__remove:hover {
  transition: visibility 0.1s 2s ease;
  visibility: visible;
  cursor: pointer;
}
.leftmenu-item__remove:hover .close-filled__circle {
  fill: var(--ff6a64-or-ff4f47);
}
.leftmenu-item__remove:hover .close-filled__cross {
  fill: var(--ffffff-or-ffffff);
}
.leftmenu-item__actions {
  display: none;
  flex: 1;
  align-items: center;
}
.leftmenu-item__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  color: var(--f0f0f0-80-or-ffffff-80);
  font-size: 15px;
  line-height: 20px;
  margin-right: 12px;
  margin-left: 19px;
}
.leftmenu-item__icon {
  --size: 14px;
  color: var(--ff6a64-or-ff4f47);
  margin: 1px 2px 0 0;
}
.leftmenu-item__button {
  padding: 4px 16px;
  pointer-events: auto;
}
.leftmenu-item__button:last-child {
  margin-left: 12px;
}
.leftmenu-item__button.button_black_light {
  color: var(--dcdcdc-or-ffffff);
  background: var(--292a37-or-ffffff-10);
}
.leftmenu-item__button.button_black_light:hover {
  background: var(--1f1f29-or-ffffff-30);
}
.leftmenu-item__info {
  width: 196px;
  overflow: hidden;
  margin-right: 8px;
}
.leftmenu-item__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  color: var(--f0f0f0-80-or-ffffff-75);
  font-size: 15px;
  line-height: 20px;
}
.leftmenu-item__description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--ffffff-30-or-ffffff-30);
  font-size: 15px;
  line-height: 20px;
}
.leftmenu-item__description_unsent {
  display: flex;
  align-items: center;
}
.leftmenu-item__badge .badge_group {
  background-color: var(--3d4256-or-ffffff-02);
}
.leftmenu-item__badge .badge_group .badge__icon {
  color: var(--ffffff-50-or-ffffff-10);
}
.leftmenu-item__badge .badge_group .badge__count {
  color: var(--ffffff-50-or-ffffff-40);
}
.leftmenu-item__badge .badge_channel {
  background-color: var(--574a3d-or-574a3d);
}
.leftmenu-item__badge .badge_channel .badge__icon {
  color: var(--ffffff-50-or-ffffff-50);
}
.leftmenu-item__badge .badge_channel .badge__count {
  color: var(--ffffff-50-or-ffffff-50);
}
.leftmenu-item__do-read-icon {
  width: 24px;
  height: 24px;
  color: var(--ffffff-30-or-ffffff-30);
}
.leftmenu-item__do-read {
  --dot-color: var(--ff6a64-or-ff4f47);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  padding-right: 8px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.leftmenu-item__do-unread {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  padding-right: 8px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.leftmenu-item__badge-button {
  width: 60px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px 8px 6px 0;
}
.leftmenu-item__badge-button .leftmenu-item__do-read {
  visibility: hidden;
}
.leftmenu-item__badge-button .leftmenu-item__do-unread {
  visibility: hidden;
}
.leftmenu-item__badge-button .leftmenu-item__badge {
  margin-left: auto;
}
.leftmenu-item__badge-button:not(.leftmenu-item__badge-button_only-badge):hover .leftmenu-item__badge {
  visibility: hidden;
}
.leftmenu-item__badge-button:not(.leftmenu-item__badge-button_only-badge):hover .leftmenu-item__do-read {
  opacity: 1;
  visibility: visible;
}
.leftmenu-item_unread .leftmenu-item__badge-button:hover .leftmenu-item__badge {
  visibility: hidden;
}
.leftmenu-item_unread .leftmenu-item__badge-button:hover .leftmenu-item__do-read {
  visibility: hidden;
}
.leftmenu-item_unread .leftmenu-item__badge-button:hover .leftmenu-item__do-unread {
  visibility: visible;
}
.leftmenu-item__mention {
  display: none;
  position: absolute;
  top: 29px;
  left: 44px;
}
.leftmenu-item-mention {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--ff6a64-or-ff4f47);
}
.leftmenu-item-mention__icon {
  color: var(--393a4d-or-212121);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leftmenu-item_active {
  background-color: var(--2d6464-or-1fa3a3-20) !important;
  cursor: default !important;
}
.leftmenu-item_active .badge_group {
  background-color: var(--3d4256-60-or-ffffff-02);
}
.leftmenu-item_active .badge_channel {
  background-color: var(--574a3d-or-574a3d);
}
.leftmenu-item_active .leftmenu-additional-button__icon-block,
.leftmenu-item_active .leftmenu-item__avatar_allthreads {
  background-color: var(--000000-10-or-000000-20) !important;
}
@keyframes hideLeftmenuItemAnimate {
  50% {
    opacity: 0;
  }
  100% {
    height: 0;
    transform: translateY(-50%);
    opacity: 0;
    padding: 0;
  }
}
.leftmenu-item_hide-animated {
  overflow: hidden;
  animation: hideLeftmenuItemAnimate 0.3s forwards;
}
@keyframes showLeftmenuItemAnimate {
  0% {
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    height: 52px;
    opacity: 1;
  }
}
.leftmenu-item_show-animated {
  animation: showLeftmenuItemAnimate 0.3s forwards normal;
}
.leftmenu-item_mute:not(.leftmenu-item_undone, .leftmenu-item_read-animation) .leftmenu-item__point {
  display: none !important;
}
.leftmenu-item_mute.leftmenu-item_notice .leftmenu-item__point {
  display: block !important;
}
.leftmenu-item_mute .leftmenu-item__name {
  color: var(--f0f0f0-30-or-ffffff-30);
}
.leftmenu-item_mute .leftmenu-item__avatar,
.leftmenu-item_mute .leftmenu-item__badge {
  opacity: 0.3;
}
.leftmenu-item_left .leftmenu-item__name {
  color: var(--f0f0f0-30-or-ffffff-30);
}
.leftmenu-item_left .leftmenu-item__avatar,
.leftmenu-item_left .leftmenu-item__badge {
  opacity: 0.3;
}
.leftmenu-item_undone .leftmenu-item__point {
  display: block;
  background-color: var(--ffdd59-or-ffd638);
}
.leftmenu-item_unread .leftmenu-item__point {
  display: block;
  background-color: var(--ff6a64-or-ff4f47);
}
.leftmenu-item_unread-animation .leftmenu-item__point {
  display: block;
  animation: scaleAndFadeIn 0.4s ease-in-out forwards;
}
.leftmenu-item_read-animation .leftmenu-item__point {
  display: block;
  animation: scaleAndFadeOut 0.3s ease-in-out forwards;
}
.leftmenu-item_mentioned .leftmenu-item__point {
  display: block;
  background-color: var(--ff6a64-or-ff4f47);
}
.leftmenu-item_mentioned .leftmenu-item__mention {
  display: block;
}
.leftmenu-item_notice .leftmenu-item__point {
  display: block;
  background-color: var(--ff6a64-or-ff4f47);
}
.leftmenu-item_delete {
  background-color: var(--333445-or-212121) !important;
  pointer-events: none;
}
.leftmenu-item_delete .leftmenu-item__actions {
  display: flex;
}
.leftmenu-item_delete .leftmenu-item__remove,
.leftmenu-item_delete .leftmenu-item__info,
.leftmenu-item_delete .leftmenu-item__badge {
  display: none;
}
.leftmenu-placeholder-header {
  display: flex;
  align-items: center;
  padding: 9px 8px 9px 22px;
  background-size: 284px 1px;
}
.leftmenu-placeholder-header__avatar {
  width: 32px;
  height: 32px;
  background: linear-gradient(180deg, var(--left-menu-placeholder-header-avatar-from) 0%, var(--left-menu-placeholder-header-avatar-to) 94.62%);
  border-radius: 50%;
}
.leftmenu-placeholder-header__name {
  width: 126px;
  height: 18px;
  background-color: var(--f8f8f8-03-or-ffffff-03);
  border-radius: 5px;
}
.leftmenu-placeholder-header__icon {
  width: 34px;
  height: 34px;
  background-color: var(--f8f8f8-03-or-ffffff-03);
  border-radius: 5px;
}
.leftmenu-placeholder {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.leftmenu-placeholder .leftmenu-search__input {
  background-color: var(--f8f8f8-02-or-ffffff-02);
}
.leftmenu-placeholder .leftmenu-tabs-carousel__divider {
  border-top: 1px solid var(--ffffff-02-or-ffffff-02);
}
.leftmenu-placeholder-additional-buttons {
  margin-bottom: 8px;
}
.leftmenu-placeholder-additional-buttons__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 8px 0 20px;
  margin-bottom: 10px;
  background-size: 284px 1px;
}
.leftmenu-placeholder-additional-buttons__name-block {
  display: flex;
}
.leftmenu-placeholder-additional-buttons__name {
  width: 103px;
  height: 16px;
  margin-right: 4px;
  background-color: var(--f8f8f8-03-or-ffffff-03);
  border-radius: 5px;
}
.leftmenu-placeholder-additional-buttons__name-right-button {
  width: 20px;
  height: 16px;
  background-color: var(--f8f8f8-03-or-ffffff-03);
  border-radius: 5px;
}
.leftmenu-placeholder-additional-buttons__icon {
  height: 16px;
  width: 20px;
  border-radius: 5px;
  background-color: var(--f8f8f8-03-or-ffffff-03);
  margin-right: 93px;
}
.leftmenu-placeholder-additional-buttons__switch {
  height: 16px;
  width: 52px;
  border-radius: 5px;
  background-color: var(--f8f8f8-03-or-ffffff-03);
}
.leftmenu-placeholder-favorites {
  margin-bottom: 21px;
}
.leftmenu-placeholder-favorites__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px 0 20px;
  margin-bottom: 10px;
}
.leftmenu-placeholder-favorites__name {
  height: 15px;
  width: 80px;
  border-radius: 5px;
}
.leftmenu-placeholder-dialogs__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px 0 20px;
  margin-bottom: 6px;
}
.leftmenu-placeholder-dialogs__name {
  height: 15px;
  width: 80px;
  border-radius: 5px;
}
.leftmenu-placeholder-dialogs__buttons {
  display: flex;
}
.leftmenu-placeholder-dialogs__button {
  height: 24px;
  width: 24px;
  border-radius: 50%;
}
.leftmenu-placeholder-dialogs__button:first-child {
  margin-right: 8px;
}
.leftmenu-placeholder-animation {
  opacity: 0;
  animation: 100ms delayShowPreloader 300ms linear forwards;
}
.leftmenu-placeholder-item {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 6px 8px 6px 18px;
}
.leftmenu-placeholder-item__avatar {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  background-color: var(--ffffff-04-or-ffffff-02);
}
.leftmenu-placeholder-item__text {
  flex: 1;
  height: 100%;
}
.leftmenu-placeholder-item__name {
  height: 16px;
  background-color: var(--ffffff-04-or-ffffff-02);
  margin-bottom: 4px;
  border-radius: 5px;
}
.leftmenu-placeholder-item__description {
  height: 16px;
  background-color: var(--ffffff-02-or-ffffff-01);
  border-radius: 5px;
}
.leftmenu-placeholder-item__badge {
  width: 52px;
  height: 17px;
  background-color: var(--ffffff-02-or-ffffff-02);
  border-radius: 5px;
}
.leftmenu-placeholder-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-radius: 5px;
  width: 274px;
  height: 32px;
  margin: 16px auto 0;
  background-color: var(--f8f8f8-03-or-ffffff-02);
}
.company-options-button_active .leftmenu-header__icon {
  transform: rotate(180deg);
}
.leftmenu-companies {
  --left-menu-companies-fade-width: 16px;
  padding: 17px 0 4px;
  overflow: hidden;
}
.leftmenu-companies .leftmenu-companies__toggler_close,
.leftmenu-companies .leftmenu-companies__sortable_close {
  display: none;
}
.leftmenu-companies_grabbing {
  cursor: grabbing !important;
}
.leftmenu-companies_grabbing .leftmenu-companies__company {
  cursor: grabbing !important;
}
.leftmenu-companies__overlay {
  position: fixed;
  inset: 50px 0 0;
  background-color: var(--04040a-80-or-000000-80);
}
.leftmenu-companies_opened {
  max-height: 452px;
  height: auto;
  overflow: auto;
  position: fixed;
  top: 50px;
  border-top: var(--leftmenu-header-border-height) solid var(--transparent-or-1c1c1c);
  padding-bottom: 13px;
}
.leftmenu-companies_opened .leftmenu-companies__toggler_open {
  display: none;
}
.leftmenu-companies_opened .leftmenu-companies__toggler_close {
  display: flex;
}
.leftmenu-companies_opened .leftmenu-companies__fade_left,
.leftmenu-companies_opened .leftmenu-companies__fade_right {
  display: none;
}
.leftmenu-companies_sortable-enabled .leftmenu-companies__sortable_open,
.leftmenu-companies_sortable-enabled .leftmenu-companies__toggler_close {
  display: none;
}
.leftmenu-companies_sortable-enabled .leftmenu-companies__sortable_close {
  display: flex;
}
.leftmenu-companies_sortable-enabled .leftmenu-companies__company {
  cursor: grab;
}
.leftmenu-companies_sortable-enabled .leftmenu-companies__company::before,
.leftmenu-companies_sortable-enabled .leftmenu-companies__company[data-mentioned='true']::after,
.leftmenu-companies_sortable-enabled .leftmenu-companies__company .leftmenu-companies__company-badge {
  display: none;
}
.leftmenu-companies_sortable-enabled .leftmenu-companies__company_active {
  color: var(--f5f5f5-30-or-ffffff-30);
  box-shadow: inset 0 0 1px var(--333445-or-1c1c1c-80);
}
.leftmenu-companies_sortable-enabled .leftmenu-companies__company_active:hover {
  color: var(--f5f5f5-80-or-ffffff-70);
}
.leftmenu-companies__container {
  position: relative;
}
.leftmenu-companies__fade {
  content: '';
  position: absolute;
  height: 100%;
  width: var(--left-menu-companies-fade-width);
}
.leftmenu-companies__fade_left {
  left: 0;
  top: 0;
  background: linear-gradient(90deg, var(--393a4d-or-212121) 14.05%, transparent 92.26%);
}
.leftmenu-companies__fade_right {
  right: 42px;
  top: 0;
  background: linear-gradient(90deg, var(--393a4d-or-212121) 14.05%, transparent 92.26%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.leftmenu-companies__companies-holder {
  width: calc(var(--main-left-width) - 42px);
  display: flex;
  align-items: center;
  overflow: auto hidden;
  padding: 5px var(--left-menu-companies-fade-width) 3px;
  flex-wrap: nowrap;
  gap: 12px 8px;
}
.leftmenu-companies__companies-holder_extension {
  display: grid;
  grid-template-columns: repeat(auto-fill, 40px);
  overflow: hidden;
}
.leftmenu-companies__companies-holder .sortable-ghost {
  visibility: hidden;
}
.leftmenu-companies__company {
  --block-size: 40px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
  background: var(--333445-or-1c1c1c-80);
  color: var(--f5f5f5-30-or-ffffff-30);
  display: flex;
  border-radius: 50%;
  height: var(--block-size);
  width: var(--block-size);
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  background-size: var(--block-size);
}
.leftmenu-companies__company[style*='background-image'] {
  background-color: var(--ffffff-or-ffffff-02);
}
.leftmenu-companies__company::before {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  content: attr(data-unread);
  background: var(--ff6a64-or-ff4f47);
  color: var(--333445-or-212121);
  min-width: 18px;
  padding: 3px 6px;
  height: 18px;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 36px;
  top: 5px;
  font-size: 10px;
  transform: translate(-50%, -50%);
}
.leftmenu-companies__company[data-mentioned='true']::before {
  background: var(--858691-or-858691);
  color: var(--333445-or-212121);
}
.leftmenu-companies__company[data-mentioned='true']::after {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  content: '@';
  background: var(--ff6a64-or-ff4f47);
  color: var(--333445-or-212121);
  min-width: 18px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  padding: 0 0 2px;
  bottom: -2px;
  right: -4px;
}
.leftmenu-companies__company[data-unread='0']::before {
  display: none;
}
.leftmenu-companies__company_active[data-status='active'] {
  box-shadow: 0 0 0 2px var(--009fe6-80-or-009fe6), inset 0 0 0 1px var(--393a4d-or-393a4d);
  color: var(--009fe6-80-or-009fe6);
}
.leftmenu-companies__company_active[data-status='active'] .leftmenu-companies__company-badge {
  display: none;
}
.leftmenu-companies__company_active[data-status='restricted'] {
  box-shadow: 0 0 0 2px var(--009fe6-or-009fe6), inset 0 0 0 1px var(--393a4d-or-393a4d);
  color: var(--009fe6-or-009fe6);
}
.leftmenu-companies__company:not(.leftmenu-companies__company_active):hover {
  color: var(--f5f5f5-80-or-ffffff-70);
}
.leftmenu-companies__company_not-logged::before,
.leftmenu-companies__company_not-logged[data-mentioned='true']::after {
  display: none;
}
.leftmenu-companies__company .leftmenu-companies__company-badge {
  padding: 3px;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 26px;
  top: -4px;
  color: var(--333445-or-212121);
}
.leftmenu-companies__company .leftmenu-companies__company-badge_state-error {
  background: var(--ffaa33-or-ff9d14);
}
.leftmenu-companies__company .leftmenu-companies__company-badge_state-error .svg-icon {
  --size: 9px;
}
.leftmenu-companies__company .leftmenu-companies__company-badge_state-permissions {
  background: var(--ff6a64-or-ff4f47);
}
.leftmenu-companies__company .leftmenu-companies__company-badge_state-permissions .svg-icon {
  --size: 9px;
}
.leftmenu-companies__company .leftmenu-companies__company-badge_state-waiting,
.leftmenu-companies__company .leftmenu-companies__company-badge_state-tech {
  background: var(--ffaa33-or-ff9d14);
}
.leftmenu-companies__company .leftmenu-companies__company-badge_state-waiting .svg-icon,
.leftmenu-companies__company .leftmenu-companies__company-badge_state-tech .svg-icon {
  --size: 12px;
}
.leftmenu-companies__company .leftmenu-companies__company-badge_state-sleep {
  background: var(--009fe6-or-006b30);
}
.leftmenu-companies__company .leftmenu-companies__company-badge_state-sleep .svg-icon {
  --size: 12px;
}
.leftmenu-companies__company .leftmenu-companies__company-badge_state-unsupported {
  background: var(--e9e5e3-or-858691);
  color: var(--333445-or-1c1c1c);
}
.leftmenu-companies__company .leftmenu-companies__company-badge_state-unsupported .svg-icon {
  --size: 12px;
}
.leftmenu-companies__company_loading .leftmenu-companies__company-avatar-text {
  display: none;
}
.leftmenu-companies__toggler {
  background: var(--333445-or-1c1c1c-80);
  color: var(--f5f5f5-30-or-ffffff-30);
  display: flex;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  justify-content: center;
  align-items: center;
  top: 9px;
  right: 8px;
  position: absolute;
  cursor: pointer;
  padding: 5px 4px 3px;
}
.leftmenu-companies__toggler.leftmenu-companies__toggler_close {
  padding: 3px 4px 5px;
}
.leftmenu-companies__toggler.leftmenu-companies__toggler_close .icon_android_arrow {
  transform: rotate(180deg);
}
.leftmenu-companies__toggler .icon_android_arrow {
  --size: 24px;
}
.leftmenu-companies__toggler_open::before {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  content: attr(data-unread);
  background: var(--ff6a64-or-ff4f47);
  color: var(--333445-or-212121);
  min-width: 18px;
  padding: 3px 6px;
  height: 18px;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -4px;
  top: -8px;
  font-size: 10px;
}
.leftmenu-companies__toggler_open[data-unread='0']::before {
  display: none;
}
.leftmenu-companies__toggler:hover {
  color: var(--f5f5f5-or-ffffff-70);
}
.leftmenu-companies__toggler[data-unread='0']::before {
  display: none;
}
.leftmenu-companies__sortable {
  background: var(--333445-or-1c1c1c-80);
  color: var(--f5f5f5-30-or-ffffff-30);
  display: flex;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  justify-content: center;
  align-items: center;
  bottom: 7px;
  right: 8px;
  position: absolute;
  cursor: pointer;
}
.leftmenu-companies__sortable_close {
  color: var(--05c46b-or-05c46b);
  transition: color 100ms ease-out;
}
.leftmenu-companies__sortable_close .svg-icon {
  --size: 20px;
}
.leftmenu-companies__sortable_close:hover {
  color: var(--049a54-or-05c46b-45);
}
.leftmenu-companies__sortable_open .svg-icon {
  --size: 16px;
}
.leftmenu-companies__sortable_open:hover {
  color: var(--ffffff-or-ffffff-70);
}
.leftmenu-companies__drag-active {
  cursor: move !important;
  cursor: grabbing !important;
}
.leftmenu-companies__drag-active * {
  cursor: move !important;
  cursor: grabbing !important;
}
.leftmenu-companies__drag-active .leftmenu-companies__company_dragging {
  color: var(--f5f5f5-80-or-ffffff-70);
  opacity: 1 !important;
}
.leftmenu-companies__drag-active .leftmenu-companies__company:hover {
  color: var(--f5f5f5-30-or-ffffff-30);
}
.leftmenu-companies__drag-active .leftmenu-companies__company_ghost {
  visibility: hidden;
}
.leftmenu-drop-menu__overlay {
  position: absolute;
  inset: 0;
  background-color: var(--04040a-80-or-000000-80);
}
.leftmenu-drop-menu-options__divider {
  margin: 7px 12px 8px;
  height: 1px;
  background-color: var(--f5f5f5-05-or-ffffff-05);
}
.leftmenu-drop-menu-options__menu {
  padding: 12px 0 12px 12px;
  width: var(--main-left-width);
  border-top: var(--leftmenu-header-border-height) solid var(--transparent-or-1c1c1c);
  background-color: var(--333445-or-212121);
}
.leftmenu-drop-menu-options__menu .popover-button__counter {
  margin-right: 5px;
}
.leftmenu-drop-menu-options__item-wrapper {
  padding-right: 12px;
}
.leftmenu-drop-menu-options__item-install {
  padding: 14px 12px 6px 8px;
}
.leftmenu-drop-menu-options__item-install:hover {
  cursor: pointer;
}
.leftmenu-drop-menu-options__item-install:hover .leftmenu-drop-menu-options__item-install-icon-arrow {
  background: var(--3a3fda-or-3a3fda);
}
.leftmenu-drop-menu-options__item-install-button {
  display: flex;
  align-items: center;
  height: 48px;
}
.leftmenu-drop-menu-options__item-install-icon {
  width: 41px;
  height: 48px;
  color: var(--5a5fe0-or-5a5fe0);
}
.leftmenu-drop-menu-options__item-install-icon-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-color: var(--5a5fe0-or-5a5fe0);
  border-radius: 50%;
  color: var(--333445-or-212121);
}
.leftmenu-drop-menu-options__item-install-icon-arrow_icon {
  --size: 16px;
}
.leftmenu-drop-menu-options__item-install-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  width: 159px;
  color: var(--f0f0f0-80-or-ffffff-70);
  margin-left: 12px;
}
.leftmenu-drop-menu-options .popover-button {
  padding: 0 7px 0 12px;
}
.leftmenu-drop-menu-options .popover-button__preloader::after {
  pointer-events: none;
  content: '';
  display: block;
  position: absolute;
  background: url('../images/global/preloader-gray.svg') no-repeat center;
  opacity: 0;
  animation: 0s delayShowPreloaderLowOpacity 300ms linear forwards, linear 500ms infinite rotatePreloader;
  background-size: 18px;
  border-radius: 50%;
  width: 34px;
  height: 100%;
  top: 0;
  right: 0;
}
.leftmenu-drop-menu-options .popover-button__notification::before {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  min-width: 18px;
  content: attr(data-unread);
  background: var(--ff6a64-or-ff4f47);
  color: var(--333445-or-212121);
  padding: 2px 6px;
  height: 18px;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  margin-right: -2px;
}
.leftmenu-drop-menu-options .popover-button__notification[data-unread='0']::before {
  display: none;
}
.leftmenu-drop-menu-options .popover-button__text {
  margin-right: auto;
}
.leftmenu-secondary-options {
  border-radius: 5px;
  background-color: var(--popover-dark-background-color);
}
.leftmenu-secondary-options .popover__menu_options {
  width: auto !important;
  min-width: 250px;
  padding-top: 11px;
}
.leftmenu-secondary-options__divider {
  margin: 7.75px 12px;
  height: 1px;
  background-color: var(--f5f5f5-05-or-ffffff-05);
}
.leftmenu-companies-payment-request-count {
  --size: 18px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  min-width: var(--size);
  height: var(--size);
  background: var(--ff6a64-or-ff4f47);
  color: var(--333445-or-212121);
  padding: 2px 6.3px;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  margin-right: 3px;
}
.leftmenu-companies-payment-request-count[data-count='0'] {
  display: none;
}
.leftmenu-join-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 100%;
  padding: 8px 0;
}
.leftmenu-join-link_slide-bottom {
  --leftmenu-footer-info-panel-height: 199px;
  display: block;
  animation: menuShow 0.25s forwards ease-in;
  height: var(--leftmenu-footer-info-panel-height);
  padding-top: 0;
  overflow: hidden;
}
.leftmenu-join-link_slide-bottom .leftmenu-join-link__action {
  padding: 0 16px 24px;
}
.leftmenu-join-link_slide-bottom_hide {
  animation: menuHide 0.25s forwards ease-in;
}
.leftmenu-join-link__content {
  margin: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--333445-or-ffffff-03);
  border-radius: 8px;
  padding: 32px 16px 16px;
}
.leftmenu-join-link__img {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}
.leftmenu-join-link__text {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  color: var(--f8f8f8-80-or-ffffff-70);
}
.leftmenu-join-link__action {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.leftmenu-join-link__action-item {
  display: flex;
}
.leftmenu-join-link__input {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 36px;
  width: 100%;
  border-radius: 8px;
  padding: 9px 12px;
  background: var(--292a37-or-1c1c1c);
  color: var(--f8f8f8-60-or-ffffff-50);
}
.leftmenu-join-link__skip-button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  height: 32px;
  color: var(--f8f8f8-30-or-ffffff-30);
  padding: 6px 16px;
  margin: 16px 0 24px;
}
.leftmenu-join-link__skip-button:hover {
  color: var(--f8f8f8-or-009fe6);
}
.leftmenu-join-link__input-stub {
  background: var(--ffffff-04-or-ffffff-04);
  border-radius: 5px;
  width: 100%;
  height: 18px;
}
.leftmenu-join-link__content-slide {
  display: flex;
  padding: 17px 0 16px;
  gap: 16px;
}
.leftmenu-join-link__img-slide {
  width: 44px;
  height: 59px;
  margin-left: 13px;
}
.leftmenu-join-link__text-slide {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  display: flex;
  align-items: center;
  color: var(--f8f8f8-80-or-ffffff-70);
  margin-right: 16px;
  text-align: left;
}
@keyframes scaleAndFadeIn {
  0% {
    transform: scale(2.3);
    opacity: 0;
    background-color: var(--ffffff-or-ffffff);
  }
  100% {
    transform: scale(1);
    opacity: 1;
    background-color: var(--ff6a64-or-ff4f47);
  }
}
@keyframes scaleAndFadeOut {
  0% {
    transform: scale(1);
    opacity: 1;
    background-color: var(--ff6a64-or-ff4f47);
  }
  100% {
    transform: scale(2.3);
    opacity: 0;
    background-color: var(--ff6a64-or-ff4f47);
  }
}
.leftmenu-additional-button {
  --icon-block-size: 40px;
  --icon-size: 24px;
  --indicator-size: 6px;
  --padding-vertical: 6px;
  --padding-horizontal: 18px;
  display: flex;
  align-items: center;
  padding: var(--padding-vertical) var(--padding-horizontal);
  cursor: pointer;
}
.leftmenu-additional-button_dark {
  color: var(--ffffff-30-or-ffffff-30);
}
.leftmenu-additional-button_dark:hover {
  background-color: var(--333445-or-212121);
}
.leftmenu-additional-button_dark .leftmenu-additional-button__title {
  color: var(--f0f0f0-80-or-ffffff-75);
}
.leftmenu-additional-button_dark .leftmenu-additional-button__icon-block {
  background-color: var(--000000-10-or-1e1e1e);
}
.leftmenu-additional-button_dark_active,
.leftmenu-additional-button_dark_active:hover {
  background-color: var(--333445-or-1c1c1c) !important;
}
.leftmenu-additional-button_dark_active .leftmenu-additional-button__icon-block,
.leftmenu-additional-button_dark_active:hover .leftmenu-additional-button__icon-block {
  background-color: var(--000000-10-or-000000-15);
}
.leftmenu-additional-button_dark_active .leftmenu-additional-button__description_prompted-warning,
.leftmenu-additional-button_dark_active:hover .leftmenu-additional-button__description_prompted-warning {
  color: var(--ffaa33-80-or-ff9d14-80);
}
.leftmenu-additional-button_indicator {
  position: relative;
}
.leftmenu-additional-button_indicator::before {
  content: '';
  position: absolute;
  display: block;
  left: calc((var(--padding-horizontal) - var(--indicator-size)) / 2);
  border-radius: 50%;
  width: var(--indicator-size);
  height: var(--indicator-size);
  background-color: var(--ff6a64-or-ff4f47);
}
.leftmenu-additional-button__icon-block {
  --size: var(--icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  border-radius: 50%;
  width: var(--icon-block-size);
  height: var(--icon-block-size);
}
.leftmenu-additional-button__content {
  font-size: 15px;
  line-height: 20px;
}
.leftmenu-additional-button__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  margin: 0;
}
.leftmenu-additional-button__description_error {
  color: var(--ff6a64-80-or-ff4f47-80);
}
.leftmenu-additional-button__description_warning {
  color: var(--ffaa33-80-or-ff9d14-80);
}
.edit {
  margin-top: 4px;
}
.edit__input {
  background-color: var(--ffffff-or-1c1c1c);
  border-radius: 5px;
  border: 1px solid var(--05c46b-or-04a45a-50);
  padding: 1px 0;
}
.edit__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  outline: none;
  cursor: text;
  min-height: 24px;
  max-height: 230px;
  white-space: break-spaces;
  word-break: break-word;
  overflow: hidden scroll;
  padding: 6px 36px 6px 8px;
}
.edit__text:empty::before {
  content: attr(placeholder);
  color: var(--popup-input-placeholder-color);
  display: block;
}
.edit__smile {
  --size: 20px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  color: var(--b4b4b4-or-ffffff-50);
  padding: 8px;
}
.edit__smile.active,
.edit__smile:hover {
  color: var(--009fe6-or-009fe6);
}
.edit__bottom {
  margin: 12px 0 5px;
  display: flex;
  align-items: center;
  user-select: none;
}
.edit__standard {
  display: flex;
  height: 38px;
}
.edit__notice {
  display: flex;
}
.edit__cancel {
  margin-right: 12px;
  color: var(--b4b4b4-or-ffffff-75);
  background: var(--f0f0f0-or-ffffff-10);
}
.edit__cancel:hover {
  background: var(--e4e4e4-or-ffffff-05);
}
.edit__info {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: var(--b4b4b4-or-ffffff-50);
  font-size: 12px;
  line-height: 18px;
  margin-left: auto;
}
.edit__info_error {
  color: var(--ff6a64-or-ff4f47);
}
.edit-notice {
  display: flex;
  align-items: center;
}
.edit-notice__info {
  margin-right: 24px;
}
.edit-notice__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  color: var(--333e49-or-ffffff-75);
}
.edit-notice__description {
  font-size: 13px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-40);
}
.edit-notice__button {
  margin-right: 12px;
}
.edit-notice__button_red {
  opacity: 0.9;
}
.edit-notice__button_gray {
  color: var(--b4b4b4-or-ffffff-75);
  background: var(--f5f5f5-or-ffffff-10);
}
.edit-notice__button_gray:hover {
  background: var(--e4e4e4-or-ffffff-05);
}
.calls-mini-body {
  overflow: hidden;
  position: absolute;
  z-index: 99;
  top: calc(var(--title-bar-height) + 59px);
  right: 8px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  text-align: left;
  white-space: normal;
  border-radius: 5px;
  padding: 8px 0 0;
  margin-top: -9px;
}
.calls-mini-body:empty {
  display: none;
}
.calls-incoming-content {
  width: 100%;
  height: var(--content-height);
}
.calls-incoming {
  --calls-incoming-avatar-background-size: 128px;
  background-color: var(--393a4d-or-272727);
  box-shadow: 0 0 0 1px var(--393a4d-or-272727) inset, 0 0 0 2px var(--464864-or-272727) inset;
  width: 240px;
  height: 338px;
  padding: 32px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 5px;
  overflow: hidden;
  -webkit-app-region: drag;
}
.calls-incoming__avatar {
  width: 128px;
  height: 128px;
  background-size: 128px 128px !important;
  border-radius: 100%;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calls-incoming__avatar_icon {
  width: 68px;
  height: 68px;
  background: no-repeat center;
  background-size: contain;
  border-radius: 100%;
}
.calls-incoming__avatar-background {
  position: absolute;
  width: var(--calls-incoming-avatar-background-size);
  height: var(--calls-incoming-avatar-background-size);
}
.calls-incoming__wrap {
  position: absolute;
  top: 32px;
  left: 32px;
}
.calls-incoming__name {
  color: var(--ffffff-or-ffffff-75);
  letter-spacing: -0.2px;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 4px;
  padding: 0 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-align: center;
}
.calls-incoming__info {
  color: var(--ffffff-or-ffffff-75);
  font-size: 12px;
  line-height: 15px;
}
.calls-incoming__button {
  width: 50px;
  height: 50px;
  cursor: pointer;
  color: var(--ffffff-or-ffffff);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  -webkit-app-region: no-drag;
}
.calls-incoming__button_active {
  background-color: var(--ffffff-or-ffffff);
  color: var(--333e49-or-333e49);
}
.calls-incoming__button_active:hover {
  background-color: var(--f2f2f2-or-f2f2f2);
}
.calls-incoming__button_accept {
  --size: 28px;
  background-color: var(--05c46b-60-or-04a45a-60);
}
.calls-incoming__button_accept:hover {
  background-color: var(--04ab5d-60-or-04a45a-40);
}
.calls-incoming__button_decline {
  --size: 28px;
  background-color: var(--eb3931-50-or-eb3931-60);
}
.calls-incoming__button_decline:hover {
  background-color: var(--d41d15-50-or-eb3931-40);
}
.calls-incoming__buttons-group {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  bottom: 32px;
  padding: 0 48px;
}
.repost__info {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 14px;
  color: var(--b4b4b4-or-ffffff-30);
  margin-bottom: 9px;
  flex: none;
}
.repost__count {
  max-width: 188px;
}
.repost__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 188px;
  text-align: right;
}
.repost-popup .popup__input {
  padding: 0 16px 16px;
}
.repost-popup .input-repost__text {
  max-height: 72px;
}
.repost-popup .input-repost__text_select-text {
  user-select: text;
}
.repost-popup .popup__content {
  padding: 8px 20px 0;
}
.repost-popup .message-file__info {
  max-width: 307px !important;
}
.all-thread-send .input-repost__mention {
  right: 26px;
}
.all-thread-send .popup__input {
  padding-bottom: 14px;
}
.repost-list-popup {
  height: var(--content-height);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.repost-list-popup .avatar {
  cursor: pointer;
  margin-right: 8px;
}
.repost-list-popup .popup__header {
  padding-right: 20px;
}
.repost-list-popup .popup-list__header {
  padding-top: 24px;
}
.repost-list-popup .popup-list__header:first-child {
  padding-top: 6px;
}
.repost-list-popup .popup__content_scroll {
  transform: translateZ(0);
  padding: 0 0 12px;
}
.repost-list-popup .popup__description {
  font-size: 13px;
}
.popup__input.repost-list-popup__input {
  padding: 16px;
}
.repost-list-popup__search {
  padding: 0 42px 0 38px;
}
@keyframes response-time-appear {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(calc(100% - var(--conversation-input-block-height) - 40px));
  }
}
@keyframes response-time-hide {
  from {
    opacity: 1;
    transform: translateY(calc(100% - var(--conversation-input-block-height) - 40px));
  }
  to {
    opacity: 0;
    transform: translateY(calc((100% - var(--conversation-input-block-height) - 40px) - 40px));
  }
}
.response-time {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  overflow-wrap: break-word;
  white-space: break-spaces;
  word-break: break-word;
  border-radius: 30px;
  background: var(--f5f5f5-or-272727);
  display: inline-block;
  position: absolute;
  margin: 0 auto;
  padding: 11px 12px 10px;
  animation: response-time-appear 0.3s forwards;
  bottom: 8px;
  cursor: pointer;
}
.response-time_hide {
  animation: response-time-hide 0.3s forwards;
}
.conversation__answer-time,
.thread__answer-time {
  display: flex;
  justify-content: center;
}
.quote-popup.popup__container {
  max-height: unset;
}
.quote-popup .popup__header {
  padding-bottom: 8px;
}
.quote-popup .repost__info {
  line-height: 14.4px;
}
.quote-popup .popup__input {
  padding-top: 8px;
  padding-bottom: 8px;
}
.thread {
  width: 624px;
  background-color: var(--ffffff-or-1c1c1c);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.thread_active .thread__header {
  border-top: 1px solid var(--separator-color-line);
  display: flex;
}
.thread__button-favorite {
  top: 48px;
  right: -48px;
}
.thread__button-favorite_active .svg-icon {
  color: var(--ffaa33-or-ffaa33-70);
}
.thread__button-favorite_active:hover .svg-icon {
  color: var(--ff9c11-or-ff9c11-70);
}
.thread__preloader {
  text-align: center;
  border-top: 1px solid var(--f0f0f0-or-f0f0f0);
  padding: 22px 0;
}
.thread__loader {
  height: 35px;
  width: 100%;
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thread__scroll {
  overflow: hidden scroll;
  transform: translateZ(0);
  height: 100%;
  border-radius: 5px;
  padding-bottom: 12px;
}
.thread__wrap {
  width: 100%;
  overflow: hidden;
}
.thread__messages {
  transition: transform 0.2s;
}
.thread__header {
  display: none;
  justify-content: space-between;
  font-size: 12px;
  line-height: 15px;
  cursor: default;
}
.thread__header_active {
  padding: 16px 12px 12px 16px;
}
.thread__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.thread__buttons:not(.thread__buttons_favorite) {
  margin: -11px -4px 0 0;
}
.thread__buttons_disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.thread__count {
  display: flex;
  color: var(--b4b4b4-or-ffffff-50);
}
.thread__conversation-link {
  display: flex;
  align-items: flex-end;
  color: var(--2574a9-or-009fe6);
  cursor: pointer;
}
.thread__conversation-link:hover {
  color: var(--1c577f-or-0082bd);
}
.thread__conversation-placeholder {
  width: 75px;
  height: 15px;
  background-color: var(--f5f5f5-or-ffffff-02);
  border-radius: 5px;
}
.thread__link-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 250px;
}
.thread__link-icon {
  --size: 13px;
}
.thread__icon {
  font-size: 24px;
  color: var(--b4b4b4-or-b4b4b4);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  cursor: pointer;
}
.thread__icon:not(:last-child) {
  margin-right: 4px;
}
.thread__icon:hover {
  color: var(--009fe6-or-009fe6);
}
.thread__icon_active {
  color: var(--009fe6-or-009fe6);
}
.thread__icon_preloader {
  pointer-events: none;
}
.thread__icon_preloader::after {
  content: '';
  display: block;
  position: absolute;
  background: url('../images/global/preloader-blue.svg') no-repeat center;
  background-size: 18px;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.thread__icon_preloader::before {
  display: none;
}
.thread__input {
  flex: none;
  padding: 0 60px 20px 12px;
  border-radius: 0 0 8px 8px;
}
.thread__input .input__button {
  right: 12px;
}
.thread__input .input__typing-text {
  max-width: 450px;
}
.thread__input_blocked .input-blocked {
  padding: 0 16px 0 12px;
}
.thread__input_blocked .input-blocked__text {
  font-size: 15px;
  line-height: 22px;
}
.thread__input_parent-deleted {
  padding: 0 12px 20px;
}
.thread__load-block {
  display: flex;
  text-align: center;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  height: 43px;
}
.thread__load-button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  width: 100%;
}
.thread__load-button:hover {
  background: var(--f0f0f0-or-f0f0f0) !important;
}
.thread__icon-global {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 22px;
  cursor: pointer;
}
.thread__icon-unread {
  top: 96px;
  right: -48px;
}
.thread__icon-unread_additional-margin {
  top: 144px;
}
.thread__icon-unread:hover .svg-icon {
  --dot-opacity: 1;
}
.thread__icon-unread .svg-icon {
  --size: 22px;
}
.thread__icon-subscribe {
  position: absolute;
  top: 96px;
  right: -48px;
}
.thread__icon-subscribe_active {
  --plus-opacity: 0;
  --minus-opacity: 1;
}
.thread__icon-subscribe .svg-icon {
  --size: 22px;
}
.thread-parent {
  user-select: text;
  width: calc(100% + 22px);
  margin-left: -22px;
  padding-bottom: 12px;
  transition: transform 0.2s;
}
.thread-parent .message-reactions__add {
  visibility: visible;
  pointer-events: auto;
}
.thread-parent .message-reactions__add:first-child {
  display: flex;
  opacity: 1;
}
.thread-parent.messages__day_select {
  transform: translateX(22px);
}
.thread-parent .message__checkbox {
  left: -28px;
}
.thread-parent.message_system-bot {
  padding-bottom: 12px;
}
.thread-parent.message_system-bot .message__content,
.thread-parent.message_system-bot .message__reactions {
  padding-left: 42px;
}
.thread-parent.message_system-bot .reaction {
  margin-top: 4px;
}
.thread-parent.message_system-bot .message__profile,
.thread-parent.message_system-bot .message__rating {
  margin-top: 0;
  margin-bottom: 0;
}
.thread-parent.message_system-bot .thread-parent__content_interactable:hover {
  background: initial;
}
.thread-parent.message_system-bot .message-reactions__add {
  margin-top: 4px;
}
.thread-parent .message__repost .message:hover .message__video .video-version__fade_left {
  background: linear-gradient(to left, transparent, var(--ffffff-or-ffffff));
}
.thread-parent .message__repost .message:hover .message__video .video-version__fade_right {
  background: linear-gradient(to right, transparent, var(--ffffff-or-ffffff));
}
.thread-parent__content {
  padding: 4px 16px 4px 38px;
}
.thread-parent__content_interactable:hover:not(.message_found) {
  background-color: var(--f8f8f8-or-1c1c1c);
}
.thread-parent__content_interactable:hover .message-menu {
  visibility: visible;
  pointer-events: auto;
}
.thread-parent__content_interactable:hover .video-version__fade_left {
  background: linear-gradient(to left, transparent, var(--f8f8f8-or-191919));
}
.thread-parent__content_interactable:hover .video-version__fade_right {
  background: linear-gradient(to right, transparent, var(--f8f8f8-or-191919));
}
.thread-parent__content_active {
  background-color: var(--f8f8f8-or-1c1c1c);
}
.thread-parent__content_active .video-version__fade_left {
  background: linear-gradient(to left, transparent, var(--f8f8f8-or-191919));
}
.thread-parent__content_active .video-version__fade_right {
  background: linear-gradient(to right, transparent, var(--f8f8f8-or-191919));
}
.thread-parent__content > .message-unsupported {
  margin-top: 0;
  margin-bottom: 0;
}
.thread-parent .message-reactions {
  padding: 0;
}
.thread-parent .message-reactions:has(.message-reactions__item),
.thread-parent .message-reactions:has(.message-reactions__add:not(.hidden)) {
  padding: 0 16px 4px 38px;
}
.thread-parent__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 14px 16px 0 38px;
}
.thread-parent__header .message_info {
  flex-direction: column;
  margin: 0;
  justify-content: center;
}
.thread-parent__header .thread-parent__sender {
  height: auto;
}
.thread-parent__header .fake_name {
  height: 15px;
}
.thread-parent__header .thread-parent__time {
  height: auto;
}
.thread-parent__info {
  display: flex;
}
.thread-parent__avatar {
  margin-right: 8px;
  cursor: pointer;
}
.thread-parent__data {
  display: flex;
  flex-direction: column;
}
.thread-parent__sender {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 22px;
  height: 22px;
  max-width: 406px;
}
.thread-parent__date {
  display: flex;
  line-height: 15px;
}
.thread-parent__date > .message__platform {
  margin-left: 4px;
  height: 15px;
  background-position: 0 1px;
}
.thread-parent__date > .message__platform_ipad {
  background-position: center;
}
.thread-parent__date > .message__platform_electron {
  background-position: center;
}
.thread-parent .message_shared .message-file {
  width: 400px;
}
.thread-parent .message_shared .message-file__audio {
  width: 484px;
}
.thread-parent .avatar {
  margin-right: 8px;
}
.thread-parent.message_active .message-menu {
  visibility: visible;
  pointer-events: auto;
}
.thread-info {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  user-select: none;
}
.thread-info__circle {
  opacity: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: -14px;
  margin-top: 2px;
  position: absolute;
}
.thread-info__circle_undone {
  opacity: 1;
  background-color: var(--ffdd59-or-ffd638);
}
.thread-info__circle_unread {
  opacity: 1;
  background-color: var(--ff6a64-or-ff4f47);
}
.thread-info__unsent {
  --size: 16px;
  left: -23px;
  position: absolute;
  color: var(--ff6a64-or-ff4f47);
  display: none;
}
.thread-info__unsent_active {
  display: block;
}
.thread-info__unsent_active + .thread-info__circle {
  display: none;
}
.thread-info__avatar-list {
  display: flex;
  margin-right: 8px;
}
.thread-info__avatar {
  cursor: pointer;
  border: var(--avatar-border);
}
.thread-info__avatar:not(:last-child) {
  margin-right: 8px;
}
.thread-info__avatar-placeholder {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-color: var(--f5f5f5-or-ffffff-02);
  border-radius: 100%;
}
.thread-info__count {
  font-size: 15px;
  line-height: 22px;
  color: var(--2574a9-or-009fe6);
  cursor: pointer;
  white-space: nowrap;
}
.thread-info__count:hover {
  color: var(--1c577f-or-2574a9);
}
.thread-info__count-placeholder {
  width: 60px;
  height: 15px;
  background-color: var(--f5f5f5-or-ffffff-02);
  border-radius: 5px;
}
.thread-info__conversation {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 3px;
  overflow: hidden;
}
.thread-info__placeholder {
  background-color: var(--f5f5f5-or-ffffff-02);
  width: 100px;
  height: 16px;
  margin-left: 4px;
  border-radius: 5px;
}
.thread-info__separator {
  width: 1px;
  height: 9px;
  background-color: var(--separator-color-line);
  margin-left: 8px;
  margin-right: 8px;
  border-radius: 0.5px;
}
.thread-info__link {
  font-size: 12px;
  line-height: 19px;
  cursor: pointer;
  color: var(--b4b4b4-or-ffffff-30);
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.thread-info__link:hover {
  color: var(--2574a9-or-009fe6);
}
.thread-info__link:hover .thread-info__angle {
  opacity: 1;
}
.thread-info__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.thread-info__angle {
  --size: 14px;
  color: var(--2574a9-or-009fe6);
  margin-top: 2px;
  opacity: 0;
}
.thread-messages {
  transition: transform 0.2s;
}
.thread-messages.messages__day_select {
  transform: translateX(22px);
}
.thread-preloader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  color: var(--b4b4b4-or-ffffff-30);
}
.thread-preloader__text {
  font-size: 15px;
  line-height: 18px;
  padding-right: 8px;
}
.thread-preloader__icon {
  --size: 18px;
}
.thread-parent-placeholder {
  padding: 14px 0 0 38px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: var(--ffffff-or-1c1c1c);
  user-select: none;
}
.thread-parent-placeholder__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 12px;
}
.thread-parent-placeholder__date {
  height: 15px;
}
.thread-parent-placeholder__line {
  height: 16px;
  border-radius: 5px;
}
.thread-parent-placeholder__message {
  margin-bottom: 10px;
}
.thread-parent-placeholder__message .thread-parent-placeholder__line:not(:last-child) {
  margin-bottom: 8px;
}
.thread-parent-placeholder__text {
  flex: 1 0 100%;
}
@keyframes delayGrayPreloader {
  to {
    background: url('../images/global/preloader-gray.svg') center no-repeat;
    background-size: 18px;
  }
}
.allthreads {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
}
.allthreads__header {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background-color: var(--ffffff-or-212121);
  border-bottom: var(--conversation-header-border-bottom-width) solid var(--f0f0f0-or-1c1c1c);
  height: var(--conversation-header-height-theme);
  padding: 8px 8px 8px 24px;
}
.allthreads__header::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  background: var(--transparent-or-1c1c1c);
  height: var(--conversation-header-height-theme);
}
.allthreads__header .conversation-header__search-button-icon {
  --size: 20px;
}
.allthreads__filter-button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--b4b4b4-or-ffffff-30);
  cursor: pointer;
  line-height: 20px;
  font-size: 15px;
}
.allthreads__filter-button_active {
  color: var(--333e49-or-ffffff-75);
}
.allthreads__filter-button:not(.allthreads__filter-button_active):hover {
  color: var(--a1a1a1-or-ffffff-50);
}
.allthreads__scroll {
  overflow-y: scroll;
  transform: translateY(0);
  transition: transform 0.4s;
}
.allthreads__triangle {
  margin-right: 16px;
}
.allthreads__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  background: var(--conversation-empty-background);
}
.allthreads__no-connection-button {
  margin: 12px 0;
  padding: 3px 11px;
}
.allthreads__placeholders {
  padding-top: 24px;
  opacity: 0;
  animation: 100ms delayShow 300ms linear forwards;
}
.allthreads__stub-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.stub-empty {
  border-radius: 8px;
  border: 1px solid var(--f0f0f0-or-transparent);
  width: 264px;
  background: var(--ffffff-or-272727);
  height: 128px;
}
.stub-empty_unread {
  height: auto;
}
.stub-empty__icon {
  --size: 60px;
  color: var(--05c46b-or-04a45a);
  display: flex;
  justify-content: center;
  align-items: center;
}
.stub-empty__content {
  padding: 17px 16px;
  font-size: 13px;
}
.stub-empty__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.15px;
  text-align: center;
  padding-top: 10px;
}
.stub-empty__unread-text {
  margin-top: 3px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.15px;
  text-align: center;
  padding-bottom: 16px;
}
.stub-empty__action {
  display: flex;
  justify-content: center;
  text-align: center;
  flex: none;
  border-radius: 0 0 8px 8px;
}
.stub-empty__button {
  width: 123px;
  height: 35px;
}
.stub-empty__button-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -0.15px;
  line-height: 22.5px;
  text-align: center;
}
.allthreads-placeholder {
  display: flex;
  padding: 20px 24px 16px;
}
.allthreads-placeholder:not(:last-child) {
  border-bottom: 1px solid var(--f8f8f8-or-f8f8f8);
}
.allthreads-placeholder__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 8px;
}
.allthreads-placeholder__line {
  height: 16px;
  border-radius: 5px;
}
.allthreads-placeholder__message {
  margin-bottom: 12px;
}
.allthreads-placeholder__message .allthreads-placeholder__line:not(:last-child) {
  margin-bottom: 8px;
}
.allthreads-placeholder__thread {
  display: flex;
  align-items: center;
}
.allthreads-placeholder__thread-avatar {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.allthreads-message {
  width: 100%;
  padding: 16px 24px 15px;
  border-top: 1px solid var(--separator-color-line);
  background-color: var(--ffffff-or-1c1c1c);
}
.allthreads-message:first-child {
  border-top: none;
}
.allthreads-message .message__thread {
  padding-top: 12px;
}
.allthreads-message .message__repost .message:hover .message__video .video-version__fade_left {
  background: linear-gradient(to left, transparent, var(--ffffff-or-1c1c1c));
}
.allthreads-message .message__repost .message:hover .message__video .video-version__fade_right {
  background: linear-gradient(to right, transparent, var(--ffffff-or-1c1c1c));
}
.allthreads-message .message__profile,
.allthreads-message .message__rating {
  margin-bottom: 0;
}
.allthreads-preloader {
  padding: 16px 0 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ffffff-or-1c1c1c);
  user-select: none;
}
.allthreads-preloader__description {
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 15px;
  line-height: 18px;
  margin-right: 8px;
}
.allthreads-preloader__icon {
  width: 18px;
  height: 18px;
}
.allthreads-options {
  padding-top: 17px;
  width: 250px;
}
.allthreads-options__text {
  margin-right: auto;
}
.allthreads-options .popover-button:hover .popover-button__icon {
  filter: brightness(0) invert(1);
}
.allthreads-refresh-button {
  animation: 100ms delayShow 300ms linear forwards;
  opacity: 0;
}
.allthreads-refresh-button__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 24px;
  height: 24px;
  font-size: 14px;
  color: var(--b4b4b4-or-ffffff-30);
  cursor: pointer;
}
.allthreads-refresh-button__icon:hover {
  color: var(--b4b4b4-or-ffffff-50);
}
.allthreads-header__left {
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.allthreads-header__right {
  margin-left: auto;
  flex: 1;
  display: flex;
  column-gap: 8px;
  align-items: center;
  justify-content: flex-end;
}
.allthreads-header__item {
  display: flex;
  align-items: center;
}
.allthreads-header__item:not(:first-child)::before {
  content: '';
  width: 1px;
  height: 18px;
  margin: 0 16px;
  background-color: var(--separator-color-line);
}
@keyframes hideMediaHeader {
  from {
    height: 40px;
  }
  to {
    height: 0;
  }
}
@keyframes delayShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.allthreads-video-onboarding {
  height: 278px;
  width: 368px;
  overflow: hidden;
  border-radius: 9px;
  margin: 0 0 40px;
}
.allthreads-video-onboarding__preview-placeholder {
  width: 100%;
  height: 100%;
  background-color: var(--f5f5f5-or-ffffff-02);
}
.allthreads-video-onboarding__preview {
  width: 100%;
  height: 100%;
  border-radius: 7px 7px 8px 8px;
  background-size: contain;
  cursor: pointer;
}
.allthreads-video-onboarding__duration {
  min-width: 39px;
  height: 19px;
  padding: 2px 4px;
  background: var(--000000-20-or-000000-20);
  border-radius: 4px;
  font-size: 12px;
  line-height: 14px;
  color: var(--ffffff-or-ffffff);
  display: inline-flex;
  position: absolute;
  right: 13px;
  bottom: 12px;
}
@keyframes emojiMenuAnimation {
  0% {
    transform: scale(0.75);
    opacity: 0;
  }
  75% {
    transform: scale(1.01);
    opacity: 0.9;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.emoji-menu {
  z-index: 999;
  position: fixed !important;
}
.emoji-menu_hidden {
  left: -10px !important;
}
.emoji-menu_hidden > .emoji-menu__back {
  display: none;
}
.emoji-menu__inner {
  border: 1px solid var(--popover-border-color);
  background-color: var(--popover-background-color);
  box-shadow: 0 2px 4px var(--popover-shadow-color);
  width: 362px;
  height: 370px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}
.emoji-menu__inner_position-bottom {
  transform-origin: top right;
}
.emoji-menu__inner_position-top {
  transform-origin: bottom right;
}
.emoji-menu__inner_position-right {
  transform-origin: left 50%;
}
.emoji-menu__inner_position-left {
  transform-origin: right 50%;
}
.emoji-menu__inner_show-animation {
  animation: emojiMenuAnimation 0.3s ease-in-out;
  transform: scale(1);
  opacity: 1;
}
.emoji-menu__inner_hide-animation {
  animation: emojiMenuAnimation 0.2s ease-in-out reverse;
  transform: scale(0.75);
  opacity: 0;
}
.emoji-menu_init {
  left: 0;
  bottom: 0;
}
.emoji-menu__back {
  width: 100%;
  min-height: var(--content-height);
  position: fixed;
  top: var(--title-bar-height);
  left: 0;
}
.emoji-menu__footer {
  height: 49px;
  border-top: 1px solid var(--separator-color-line);
  display: flex;
  align-items: center;
  flex: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 8px;
}
.emoji-menu__button {
  --size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 24px;
  color: var(--b4b4b4-or-4a4a4a);
}
.emoji-menu__button:not(:last-child) {
  margin-right: 7px;
}
.emoji-menu__button:hover,
.emoji-menu__button.active {
  color: var(--333e49-or-ffffff-50) !important;
  background-color: var(--f5f5f5-or-1c1c1c);
}
.emoji-menu__button-icon {
  user-select: none;
  pointer-events: none;
}
.emoji-menu__category {
  min-height: 40px;
}
.emoji-menu__positioner {
  width: 362px;
  height: 368px;
  border-radius: 5px;
}
.emoji-menu__smile {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 2px;
}
.emoji-menu__smile:hover {
  background-color: var(--f5f5f5-or-006be0-20);
  border: 1px solid var(--f5f5f5-or-006be0-30);
}
.emoji-menu__smile_active {
  background-color: var(--f6fafd-or-006ce0-20);
  border: 1px solid var(--81bde4-or-006be0-30);
}
.emoji-menu__smile_active:hover {
  background-color: var(--f6fafd-or-006ce0-20);
  border: 1px solid var(--81bde4-or-006be0-30);
}
.emoji-menu__smile span.emoji_outer {
  height: 24px;
  width: 24px;
}
.emoji-menu__scroll {
  overflow-y: scroll;
  flex: 1;
}
.emoji-menu__title {
  font-size: 12px;
  line-height: 14px;
  color: var(--b4b4b4-or-ffffff-30);
  text-transform: uppercase;
  cursor: default;
  padding: 0 16px 8px;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  z-index: 2;
  background-color: var(--popover-background-color);
}
.emoji-menu__title_frequent {
  display: flex;
  justify-content: space-between;
}
.emoji-menu__title_frequent:hover .emoji-clear {
  display: flex;
}
.emoji-menu__list {
  display: flex;
  flex-flow: row wrap;
  gap: 0 6px;
  padding: 1px 11px 12px 13px;
}
.emoji-menu__search {
  padding: 12px 12px 16px;
}
.emoji-menu__search_slide {
  margin-bottom: 134px;
}
.emoji-menu__form-search {
  background-color: var(--f8f8f8-or-1c1c1c);
}
.emoji-menu__search-result {
  display: flex;
  min-height: 100%;
}
.emoji-menu__clear-menu {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.emoji-menu__clear-menu_active {
  opacity: 1;
  pointer-events: auto;
}
.emoji-menu__clear-menu_active .emoji-clear-menu__clouds {
  opacity: var(--emoji-clear-menu-clouds-opacity);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--emoji-clear-menu-clouds-background);
  animation: start-updater-clouds-slide 30s linear infinite;
}
.emoji-menu__clear-menu_disable {
  opacity: 0;
  pointer-events: none;
}
.emoji-frequent-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px 4px 6px;
  color: var(--popup-input-placeholder-color);
}
.emoji-frequent-placeholder__icon {
  --size: 26px;
  margin-right: 8px;
  color: var(--dcdcdc-or-ffffff-30);
}
.emoji-frequent-placeholder__text {
  font-size: 12px;
  line-height: 14px;
}
.emoji-clear-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  padding: 16px;
  width: 360px;
  color: var(--333e49-or-ffffff-75);
  background-color: var(--f5f5f5-or-272727);
}
.emoji-clear-menu__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
}
.emoji-clear-menu__description {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-top: 8px;
}
.emoji-clear-menu__buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.emoji-clear {
  display: none;
  flex-direction: row;
  align-items: flex-end;
  cursor: pointer;
}
.emoji-clear:hover {
  color: var(--2574a9-or-009fe6);
}
.emoji-clear__text {
  margin-left: 2px;
  text-transform: none;
}
.emoji-clear__icon {
  --size: 14px;
}
.emoji-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
}
.emoji-empty__text {
  color: var(--b4b4b4-or-ffffff-20);
  font-size: 13px;
  line-height: 18px;
  padding: 0 16px;
  word-break: break-word;
  text-align: center;
}
.emoji-empty__icon {
  --size: 60px;
  margin-bottom: 12px;
  color: var(--dcdcdc-or-ffffff-15);
}
.emoji__only {
  --emoji-size: 32px;
  display: inline-block !important;
  justify-content: center;
  align-items: center;
}
.emoji__only.emoji_outer {
  width: var(--emoji-size);
  height: var(--emoji-size);
}
.emoji__only.emoji_sizer {
  line-height: var(--emoji-size);
}
.emoji__only > .emoji_inner {
  margin-bottom: -12px !important;
  height: var(--emoji-size) !important;
}
.emoji_custom-img {
  width: 18px;
  height: 18px;
  margin-top: -3px;
  pointer-events: none;
}
span.emoji {
  display: -moz-inline-box;
  vertical-align: baseline;
  width: 1em;
  height: 1em;
  background-size: 1em;
  background-repeat: no-repeat;
  text-indent: -9999px;
  background-position: 50%, 50%;
}
span.emoji_sizer {
  font-size: 15px;
  margin: 0;
  line-height: 20px;
}
span.emoji_outer {
  display: inline-block;
  height: 18px;
  width: 18px;
}
span.emoji_inner {
  display: inline-block;
  overflow: hidden;
  text-indent: -20px;
  width: 100%;
  height: 100%;
  color: transparent;
  letter-spacing: 200px;
  vertical-align: baseline;
}
img.emoji {
  width: 1em;
  height: 1em;
}
.reaction {
  display: flex;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  height: 25px;
  padding: 0 4px;
  overflow: hidden;
  background-color: var(--ffffff-or-ffffff-05);
  border: 1px solid var(--f0f0f0-or-transparent);
  user-select: none;
}
.reaction:hover {
  border-color: var(--319bf5-or-006be0-30);
}
.reaction:hover .reaction__count {
  color: var(--319bf5-or-006be0);
}
.reaction:hover:not(.reaction_no-animation) > .reaction__background {
  transform: translateX(0%);
  transition: 800ms linear;
}
.reaction_active {
  border-color: var(--2d91d2-or-006be0-30);
  background-color: var(--f6fafd-or-006ce0-15);
}
.reaction_active .reaction__count {
  color: var(--0076bf-or-006be0);
}
.reaction_no-animation > .reaction__background {
  transform: translateX(0%);
  transition: none;
}
.reaction_show {
  border-color: var(--319bf5-or-006be0-30);
  color: var(--319bf5-or-006be0);
}
.reaction_show > .reaction__background {
  transform: translateX(0%);
}
.reaction__count {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  color: var(--b4b4b4-or-ffffff-50);
  font-size: 12px;
  line-height: 25px;
  margin-left: 4px;
}
.reaction__background {
  position: absolute;
  transform: translateX(-100%);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--319bf5-10-or-006ce0-15);
}
.reaction__preloader-users {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
.reaction__unknown {
  --size: 16px;
  margin: 0 1px 1px;
}
.reaction .emoji_outer {
  width: 18px;
  height: 18px;
}
.reaction .emoji_sizer {
  font-size: 15px;
  line-height: 15px;
}
.video-popup {
  padding: 20px;
}
.video-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
}
.video-popup_hide-settings .message-video__version {
  display: none;
}
.video-popup .message-video__content {
  max-width: unset;
  border: none;
}
.viewer {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 72px 0 87px 0;
  background-color: var(--000000-90-or-000000-90);
}
.viewer__top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  height: 72px;
  width: 100%;
}
.viewer__top-info {
  display: flex;
  align-items: center;
}
.viewer__top-info_single .viewer__rotate-button_left {
  left: -42px;
}
.viewer__top-info_single .viewer__rotate-button_right {
  right: -42px;
}
.viewer__bottom {
  position: absolute;
  bottom: 0;
  height: 87px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
}
.viewer__bottom_center {
  justify-content: center;
}
.viewer__main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.viewer__content-block {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.viewer__overlay {
  position: absolute;
  inset: 0;
}
.viewer__count {
  font-size: 18px;
  line-height: 23px;
  text-shadow: var(--viewer-button-shadow);
  color: var(--ffffff-or-ffffff);
  opacity: 0.4;
}
.viewer__close {
  --size: 32px;
  text-shadow: var(--viewer-button-shadow);
  color: var(--ffffff-or-ffffff);
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 0.4;
}
.viewer__close:hover {
  opacity: 1;
  color: var(--ffffff-80-or-ffffff-80);
  text-shadow: var(--viewer-button-shadow-hover);
  cursor: pointer;
}
.viewer__arrow {
  --size: 48px;
  position: absolute;
  top: 0;
  height: 100%;
  width: 92px;
  display: flex;
  align-items: center;
  text-shadow: var(--viewer-button-shadow);
  color: var(--ffffff-or-ffffff);
  opacity: 0.4;
}
.viewer__arrow:hover {
  cursor: pointer;
  opacity: 1;
  color: var(--ffffff-80-or-ffffff-80);
  text-shadow: var(--viewer-button-shadow-hover);
}
.viewer__arrow_next {
  right: 0;
  padding: 0 24px 0 16px;
}
.viewer__arrow_prev {
  left: 0;
  padding: 0 16px 0 24px;
}
.viewer__arrow-icon_prev {
  transform: rotate(180deg);
}
.viewer__thumbnail {
  position: absolute;
  top: 16px;
  left: 0;
  bottom: 16px;
  width: 100%;
}
.viewer__video {
  max-height: 100%;
  max-width: 100%;
  min-height: 250px;
  padding: 0;
  background-clip: content-box;
  background-size: 21px 21px;
  animation: 150ms fadeIn ease-in-out;
}
.viewer__image {
  --primary-color-of-png-grid: var(--ffffff-or-ffffff);
  --secondary-color-of-png-grid: var(--f5f5f5-or-f5f5f5);
  padding: 0;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: auto;
  background: linear-gradient(45deg, var(--secondary-color-of-png-grid) 25%, transparent 25%, transparent 75%, var(--secondary-color-of-png-grid) 75%, var(--secondary-color-of-png-grid)) 0 0 / 21px 21px, linear-gradient(45deg, var(--secondary-color-of-png-grid) 25%, transparent 25%, transparent 75%, var(--secondary-color-of-png-grid) 75%, var(--secondary-color-of-png-grid)) 10px 10px / 21px 21px, var(--primary-color-of-png-grid);
  transform: translate3d(0, 0, 0) scale(1);
  transition: transform 200ms ease 0s;
  animation: 150ms fadeIn ease-in-out;
}
.viewer__image[src=''] {
  display: none;
}
.viewer__image_zoom-in {
  cursor: zoom-in;
}
.viewer__image_zoom-out {
  cursor: zoom-out;
}
.viewer__image_grabbing {
  cursor: grabbing !important;
}
.viewer__preloader {
  position: absolute;
}
.viewer__rotate-button {
  --size: 20px;
  cursor: pointer;
  text-shadow: var(--viewer-button-shadow);
  color: var(--ffffff-or-ffffff);
  opacity: 0.4;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.viewer__rotate-button_left {
  position: absolute;
  left: -56px;
}
.viewer__rotate-button_right {
  position: absolute;
  right: -56px;
}
.viewer__rotate-button:hover {
  opacity: 1;
  color: var(--ffffff-80-or-ffffff-80);
  text-shadow: var(--viewer-button-shadow-hover);
}
.viewer-user {
  display: flex;
  align-items: center;
}
.viewer-user__avatar {
  margin-right: 8px;
  cursor: pointer;
}
.viewer-user__info {
  max-width: 230px;
}
.viewer-user__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-shadow: var(--viewer-button-shadow-hover);
  color: var(--ffffff-or-ffffff);
  opacity: 0.4;
  font-size: 15px;
  line-height: 20px;
}
.viewer-user__description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
  text-shadow: var(--viewer-button-shadow);
  color: var(--ffffff-or-ffffff);
  opacity: 0.4;
}
.viewer-notice {
  position: absolute;
  border-radius: 30px;
  background-color: var(--000000-60-or-000000-60);
  display: none;
}
.viewer-notice__smile {
  display: flex;
  align-items: center;
  padding: 5px 9px 5px 7px;
}
.viewer-notice__smile::before {
  content: '';
  background: url('../images/global/reaction-plus.svg') no-repeat center;
  width: 18px;
  height: 18px;
  margin-right: 1px;
}
.viewer-notice__smile .emoji_sizer {
  height: 24px;
  width: 24px;
}
.viewer-notice__content {
  display: flex;
  align-items: center;
  max-width: 741px;
  padding: 3px 16px 5px;
  letter-spacing: -0.12px;
  font-size: 15px;
  line-height: 22px;
}
.viewer-notice__text {
  flex: none;
  color: var(--ffffff-or-ffffff);
}
.viewer-notice__link {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
  margin-left: 4px;
}
.viewer-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
}
.viewer-thumbnail__item {
  flex: 0 0 30px;
  height: 55px;
  border-radius: 5px;
  transform: translateZ(0);
  transition: flex 120ms linear;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.viewer-thumbnail__item::after {
  content: '';
  background-color: var(--000000-70-or-000000-70);
  transition: opacity 200ms ease-in;
  position: absolute;
  inset: -1px;
}
.viewer-thumbnail__item:not(:last-child) {
  margin-right: 8.1px;
}
.viewer-thumbnail__item_active {
  flex: 0 0 55px;
}
.viewer-thumbnail__item_active::after {
  opacity: 0;
}
.viewer-thumbnail__item:hover {
  cursor: pointer;
}
.viewer-thumbnail__item:hover::after {
  background-color: var(--000000-30-or-000000-30);
}
.viewer-thumbnail__item_deleted::after {
  background-color: var(--000000-30-or-000000-30);
}
.viewer-thumbnail__image {
  min-width: 55px;
  min-height: 55px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--viewer-thumbnail-overlay);
  display: flex;
  justify-content: center;
  align-items: center;
}
.viewer-thumbnail__icon {
  color: var(--b4b4b4-30-or-ffffff-10);
}
.viewer-actions {
  display: flex;
  align-items: center;
}
.viewer-actions__hint {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-right: 6px;
  height: 28px;
}
.viewer-actions__hint-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: var(--f8f8f8-or-f8f8f8);
  background-color: var(--000000-90-or-000000-90);
  border-radius: 5px;
  padding: 4px 11px 6px;
}
.viewer-actions__hint-arrow {
  border-width: 4px 0 4px 5px;
  border-style: solid;
  border-color: transparent;
  border-left-color: var(--000000-90-or-000000-90);
}
.viewer-actions_avatar .viewer-actions__button:not(:last-child) {
  margin-right: 80px;
}
.viewer-actions__icon {
  color: var(--ffffff-or-ffffff);
}
.viewer-actions__icon:hover {
  color: var(--ffffff-80-or-ffffff-80);
}
.viewer-actions__button {
  --size: 24px;
  font-size: 24px;
  text-shadow: var(--viewer-button-shadow);
  color: var(--ffffff-or-ffffff);
  opacity: 0.4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.viewer-actions__button:not(:last-child) {
  margin-right: 24px;
}
.viewer-actions__button:hover {
  opacity: 1;
  color: var(--ffffff-80-or-ffffff-80);
  text-shadow: var(--viewer-button-shadow-hover);
  cursor: pointer;
}
.viewer-actions__button_red:hover {
  color: var(--ff6a64-or-ff4f47) !important;
}
.viewer-actions__button_orange {
  color: var(--ffaa33-or-ff9d14);
}
.viewer-actions__button_orange:hover {
  color: var(--ff9c11-or-ff9c11-70);
}
.viewer-actions__button_wait {
  display: flex;
}
.viewer-actions__button_active {
  color: var(--ffffff-80-or-ffffff-80);
}
.viewer-actions__button_count {
  display: flex;
  align-items: center;
}
.viewer-actions__button_preloader {
  pointer-events: none;
  cursor: default;
  color: transparent;
}
.viewer-actions__button_preloader::after {
  content: '';
  height: 18px;
  width: 18px;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  animation: linear 500ms infinite rotatePreloader;
  opacity: 0.9;
  background-size: 18px;
  position: absolute;
}
.viewer-actions__count {
  font-size: 16px;
  line-height: 20px;
  margin-left: 5px;
}
.viewer-actions__spinner {
  width: 18px;
  height: 18px;
}
.viewer-load-error {
  color: var(--b4b4b4-or-b4b4b4);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.viewer-load-error:hover {
  cursor: pointer;
  color: var(--secondary-color-of-png-grid);
}
.viewer-load-error__icon {
  --size: 32px;
  margin-bottom: 8px;
}
.viewer-load-error__text {
  font-size: 14px;
  line-height: 20px;
}
.viewer-deleted-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 60%;
  background-color: var(--000000-50-or-000000-50);
}
.viewer-deleted-image__icon {
  margin-bottom: 12px;
  opacity: 0.3;
}
.viewer-deleted-image__text {
  font-size: 15px;
  line-height: 22px;
  color: var(--b4b4b4-or-b4b4b4);
  opacity: 0.3;
}
.viewer-deleted-icon {
  color: var(--b4b4b4-30-or-ffffff-10);
  margin-bottom: 12px;
  width: 44px;
  height: 38px;
}
.media-header {
  position: absolute;
  top: var(--conversation-header-height);
  left: 0;
  height: 42px;
  width: 100%;
  overflow: hidden;
  transform: translateZ(0);
  transition: top 0.2s ease-in-out;
  border-top: 2px solid var(--ffffff-or-1c1c1c);
}
.media-header__main {
  display: flex;
  align-items: center;
  height: 100%;
  background-color: var(--ffffff-or-212121);
  border-bottom: var(--conversation-header-border-bottom-width) solid var(--f0f0f0-or-1c1c1c);
}
.media-header__main::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  background: var(--transparent-or-1c1c1c);
  height: var(--conversation-header-height-theme);
}
.media-header__conversation {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
  margin-right: 16px;
  color: var(--2574a9-or-006b30);
}
.media-header__conversation:hover {
  cursor: pointer;
  color: var(--1c577f-or-2574a9);
}
.media-header__close {
  --size: 22px;
  margin-right: 14px;
  margin-left: auto;
  color: var(--b4b4b4-or-ffffff-50);
}
.media-header__close:hover {
  cursor: pointer;
  color: var(--8c8c8c-or-009fe6);
}
.files-popup .file-item .message-audio-control {
  display: none;
}
.files-popup .file-item.file-item_playing .message-audio-control {
  display: block;
}
.chart__axis .domain {
  stroke: var(--dcdcdc-or-ffffff-10);
}
.chart__axis .tick > text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  fill: var(--b4b4b4-or-ffffff-30);
}
.chart__axis .tick > line {
  display: none;
}
.chart__axis_x .tick > text {
  font-size: 11px;
}
.chart__axis_y {
  transform: translate(-40px, 0);
}
.chart__axis_y .tick > text {
  font-size: 12px;
}
.chart__axis_y .domain {
  display: none;
}
.chart__line {
  fill: none;
  stroke: var(--0fbcf9-or-006b30);
  stroke-width: 2px;
  stroke-linecap: round;
}
.chart__line_dashed {
  stroke-dasharray: 3, 6;
  stroke-linecap: round;
}
.chart__bar {
  fill: var(--0be57f-or-04a45a);
}
.chart__bar:hover {
  fill: var(--ff6a64-or-ff4f47);
}
.chart__dot {
  stroke: var(--0fbcf9-or-006b30);
  stroke-width: 2px;
  fill: var(--ffffff-or-1c1c1c);
}
.chart__dot-hover {
  fill: transparent;
}
.chart__dashed-line {
  stroke: var(--dcdcdc-or-ffffff-10);
  stroke-width: 0.5px;
  stroke-dasharray: 3, 4;
}
.chart__area {
  fill: var(--0fbcf9-30-or-006b30-30);
}
.chart__avg-line {
  stroke: var(--ff6a64-or-ff4f47);
  stroke-width: 0.5px;
  pointer-events: none;
  stroke-dasharray: 3, 4;
}
.chart__hover-line {
  stroke: var(--ff6a64-or-ff4f47);
  stroke-width: 0.5px;
  pointer-events: none;
}
.chart__hint {
  background-color: var(--393a4d-or-272727);
  color: var(--ffffff-or-ffffff-50);
  border-radius: 20px;
  height: 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 15px;
  padding: 3px 7px;
  position: absolute;
  white-space: nowrap;
  opacity: 0;
}
.chart-demo {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.chart-demo__overlay {
  height: 100%;
  width: 100%;
}
.chart-demo__description {
  position: absolute;
  top: 32px;
  padding: 8px 12px;
  background-color: var(--ffffff-98-or-272727-98);
  color: var(--b4b4b4-or-ffffff-75);
  box-shadow: var(--chart-demo-shadow);
  border-radius: 5px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
}
.chart-animation-placeholder {
  animation: 2600ms ease-in-out infinite forwards placeholderAnimate;
}
@keyframes placeholderAnimate {
  54% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(350px, 0);
  }
}
.mention {
  position: absolute;
  inset: 0;
  z-index: 120;
}
.mention__content {
  position: absolute;
  padding: 2px 0;
  border: 1px solid var(--popover-border-color);
  background-color: var(--popover-background-color);
  box-shadow: 0 2px 4px var(--popover-shadow-color);
  border-radius: 8px;
}
.mention__angle {
  position: absolute;
  top: 0;
}
.mention__angle::before,
.mention__angle::after {
  content: '';
  position: absolute;
  bottom: 1px;
  border: 7px solid transparent;
  border-bottom: 9px solid var(--f0f0f0-or-2c2e2f);
}
.mention__angle::after {
  border-bottom: 9px solid var(--ffffff-or-272727);
  bottom: -1px;
}
.mention__angle_top {
  transform: rotate(-180deg);
}
.mention-list {
  max-height: 284px;
  padding: 3px 0;
  overflow: scroll;
  border-radius: 8px;
}
.mention-list__preloader {
  padding: 132px 168px;
  margin: 0;
}
.mention-list_mini {
  max-height: 180px;
}
.mention-item {
  display: flex;
  align-items: center;
  width: 360px;
  height: 52px;
  padding: 0 16px;
  background-color: var(--popover-background-color);
  cursor: pointer;
}
.mention-item:not(:last-child) {
  margin-bottom: 1px;
}
.mention-item__avatar {
  margin-right: 8px;
}
.mention-item__avatar:empty {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: var(--f5f5f5-or-ffffff-02);
}
.mention-item__icon-block {
  --size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--f8f8f8-or-1c1c1c-80);
  color: var(--b4b4b4-or-ffffff-30);
}
.mention-item__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mention-item__name {
  max-width: 215px;
}
.mention-item__name_placeholder {
  height: 16px;
  background-color: var(--f8f8f8-or-f8f8f8);
  border-radius: 5px;
  margin-bottom: 4px;
}
.mention-item__description {
  max-width: 215px;
}
.mention-item__description_placeholder {
  height: 16px;
  background-color: var(--f8f8f8-or-f8f8f8);
  border-radius: 5px;
}
.mention-item_active {
  background-color: var(--009fe6-05-or-2e2e2e);
}
.mention-item_active .avatar::after {
  display: var(--mention-user-active-avatar-display);
  content: '';
  border: 1.5px solid var(--ffffff-or-272727);
  box-shadow: 0 0 0 1.5px var(--009fe6-or-006b30);
  height: 38.5px;
  width: 38.5px;
  border-radius: 50%;
  position: absolute;
}
.mention-text {
  cursor: pointer;
  color: var(--2574a9-or-2574a9);
}
.mention-text mark {
  color: var(--2574a9-or-009fe6);
}
.mention-text_input {
  cursor: text !important;
}
.mention-text:hover:not(.mention-text_disabled) {
  color: var(--1f628e-or-2574a9);
}
.mention-text_disabled {
  cursor: default;
  color: var(--333e49-or-ffffff-75);
}
.mention-text_disabled > mark {
  color: var(--333e49-or-ffffff-75);
}
.mention-empty {
  width: 360px;
  height: 284px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 8px;
}
.mention-empty__image {
  --size: 60px;
  margin-bottom: 12px;
  color: var(--popup-empty-icon-background-color);
}
.mention-empty__text {
  width: 328px;
  color: var(--popup-empty-text-color);
  text-align: center;
  font-size: 13px;
  line-height: 20px;
}
.mention-empty__button {
  margin-top: 24px;
  padding: 4px 10px 4px 12px !important;
}
.mention-empty__icon {
  margin-left: 2px;
  font-size: 16px;
}
.worked-hours {
  min-height: calc(var(--content-height) - 84px) !important;
}
.worked-hours .popup__header {
  padding-bottom: 16px;
  display: flex;
}
.worked-hours .popup__header .button:nth-child(2) {
  margin-right: 12px;
}
.worked-hours__buttons {
  display: flex;
  margin-bottom: 16px;
  padding: 0 20px;
}
.worked-hours__buttons .button-author + .button-author {
  margin-left: 12px;
}
.worked-hours-info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 46px;
  margin-left: 20px;
  padding: 13px 16px 13px 0;
  border-bottom: 1px solid var(--f0f0f0-or-f0f0f0);
}
.worked-hours-info-item__text {
  font-size: 15px;
  line-height: 20px;
  margin-right: 16px;
}
.worked-hours-count {
  display: flex;
  align-items: center;
  background-color: var(--f8f8f8-or-f8f8f8);
  border-radius: 5px;
  height: 30px;
  padding: 4px 6px 4px 8px;
}
.worked-hours-count__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  margin-right: 4px;
}
.worked-hours-count__icon {
  font-size: 18px;
  color: var(--b4b4b4-or-b4b4b4);
}
.worked-hours-count_placeholder {
  width: 47px;
}
.worked-hours-count_placeholder .worked-hours-count__icon {
  display: none;
}
.worked-hours-how {
  padding: 13px 20px 12px;
}
.worked-hours-how__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
}
.worked-hours-how__description {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
}
.worked-hours-chart {
  margin-top: 16px;
  margin-bottom: 32px;
}
.worked-hours-chart__header {
  padding: 0 18px;
  display: flex;
  align-items: center;
}
.worked-hours-chart__title {
  font-size: 16px;
  line-height: 20px;
}
.worked-hours-chart__buttons::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(90deg, var(--ffffff-or-ffffff) 0%, transparent 8px), linear-gradient(90deg, transparent 440px, var(--ffffff-or-ffffff) 100%);
}
.worked-hours-chart__content {
  display: flex;
}
.worked-hours-chart__placeholder {
  opacity: 0;
  animation: 0s delayShow 300ms linear forwards;
  display: flex;
}
.worked-hours-chart__placeholder_line {
  margin-top: 7px;
}
@keyframes delayShowPlaceholder {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.worked-hours-chart-buttons {
  display: flex;
  padding: 24px 18px 0;
  align-items: center;
  overflow: auto hidden;
}
.worked-hours-chart-buttons .worked-hours-button {
  margin-right: 8px;
}
.worked-hours-chart-buttons::after {
  content: '';
  display: block;
  flex: none;
  width: 8px;
  height: 25px;
}
.worked-hours-chart-buttons_grabbing {
  cursor: grabbing !important;
}
.worked-hours-chart-buttons_grabbing .worked-hours-button {
  cursor: grabbing !important;
}
.worked-hours-button {
  padding: 3px 11px;
  line-height: 17px;
  font-size: 14px;
  border: 1px solid var(--b4b4b4-20-or-b4b4b4-20);
  color: var(--8c8c8c-or-ffffff-20);
  border-radius: 20px;
  white-space: nowrap;
  cursor: pointer;
}
.worked-hours-button:hover {
  color: var(--333e49-or-333e49);
}
.worked-hours-button_active {
  color: var(--333e49-or-333e49);
  background-color: var(--b4b4b4-10-or-b4b4b4-10);
  border: 1px solid transparent;
  pointer-events: none;
}
.worked-hours-button_placeholder {
  width: 67px;
  height: 25px;
  background-color: var(--f8f8f8-80-or-f8f8f8-80);
  border-color: var(--f8f8f8-80-or-f8f8f8-80);
}
.worked-hours-button_placeholder:hover {
  cursor: default;
}
.worked-hours-repost {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.worked-hours-repost_edit .worked-hours-range-tooltip {
  top: 0;
}
.worked-hours-repost_edit .worked-hours-range {
  padding-top: 65px;
}
.worked-hours-repost > .popup__header {
  padding-bottom: 20px;
}
.worked-hours-repost .popup__title {
  margin-bottom: 4px;
}
.worked-hours-repost__content {
  padding: 0 20px;
}
.worked-hours-repost__separator {
  margin-top: 22px;
}
.worked-hours-repost-separator {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.worked-hours-repost-separator__line {
  height: 1px;
  width: 100%;
  background: var(--e6e6e6-or-ffffff-05);
  position: absolute;
  top: 12px;
}
.worked-hours-repost-separator__text {
  font-size: 15px;
  line-height: 20px;
  color: var(--b4b4b4-or-ffffff-30);
  letter-spacing: -0.16px;
  background-color: var(--ffffff-or-1c1c1c);
  padding: 0 8px;
}
.worked-hours-range-tooltip {
  width: 0;
  height: 45px;
  position: absolute;
  top: 24px;
}
.worked-hours-range-tooltip__arrow {
  position: absolute;
  width: 0;
  height: 0;
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
  border-color: transparent;
  border-style: solid;
  border-width: 6px 6px 0 !important;
  border-top-color: var(--f8f8f8-or-323436);
}
.worked-hours-range-tooltip__text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  color: var(--333e49-or-ffffff-75);
  border-radius: 8px;
  background-color: var(--f8f8f8-or-323436);
  font-size: 24px;
  line-height: 29px;
  margin-left: -32px;
  width: 64px;
  height: 45px;
}
.worked-hours-range {
  color: var(--b4b4b4-or-b4b4b4);
  display: flex;
  padding: 89px 0 12px;
  margin: 0 20px;
  justify-content: center;
  align-items: center;
}
.worked-hours-range > input {
  appearance: none;
  width: 100%;
  border-radius: 12px;
  height: 12px;
  outline: none;
}
.worked-hours-range > input::-webkit-slider-container {
  cursor: pointer;
}
.worked-hours-range > input::-webkit-slider-thumb {
  appearance: none !important;
  margin-top: -2px;
  margin-right: -38px;
  background-color: var(--ffffff-or-babbbc);
  cursor: pointer;
  box-shadow: 0 0 0 2px var(--ffffff-or-babbbc), 0 0 0 3px var(--f5f5f5-or-babbbc), 0 2px 2px 4px var(--000000-05-or-000000-05);
  height: 18px;
  width: 18px;
  border-radius: 100%;
}
.worked-hours-range__time {
  padding: 0 20px 16px;
  display: flex;
  justify-content: space-between;
}
.worked-hours-range__text {
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.16px;
}
.exactingness-exacting-popup {
  height: var(--content-height);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.exactingness-exacting-popup .popup-empty__image {
  --size: 60px;
  margin-bottom: 8px;
  color: var(--popup-empty-icon-background-color);
}
.exactingness-exacting-popup_has-action .popup__input {
  padding-bottom: 24px;
}
.exactingness-exacting-popup .popup__description {
  font-size: 13px;
}
.exactingness-exacting-popup .popup-list__header:first-child {
  padding-top: 0;
}
.exactingness-exacting-popup .popup-list__header:not(:first-child) {
  padding-top: 24px;
}
.exactingness-exacting-popup .popup__not-found {
  padding-bottom: 8px;
}
.exactingness-exacting-popup .popup__loader {
  padding: 16px 0 0;
}
.exactingness-exacting-popup__preloader {
  height: 100%;
  margin-bottom: 48px;
}
.exactingness-exacting-popup__scroll {
  transform: translateZ(0);
}
.exactingness-exacting-popup .popup__not-found + .popup-item {
  margin-top: 24px;
}
.exactingness-exacting-error-popup .popup__header {
  display: flex;
  padding-bottom: 0;
}
.exactingness-exacting-error-popup .popup__avatar {
  margin-right: 12px;
  margin-top: 1px;
}
.exactingness-exacting-error-popup .popup__title {
  margin-bottom: 4px;
}
.exactingness-exacting-error-popup__description-one {
  max-width: 310px;
}
.exactingness-exacting-error-popup__description-many {
  max-width: 382px;
}
.exactingness-exacting-error-popup .popup__footer {
  padding-top: 24px;
}
.remove {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  height: 100%;
}
.remove .popup__header {
  padding: 0;
}
.remove__title {
  padding: 50px 26px 23px;
  text-align: center;
  align-items: center;
}
.remove__title-name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-ffffff-75);
}
.remove__title-description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.remove__content {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  overflow: hidden scroll;
  border: 1px dashed var(--separator-color-dashed);
  margin: 0 20px;
  border-left: none;
  border-right: none;
}
.remove__button {
  display: flex;
  padding: 16px;
}
.remove__button .button_black {
  background: var(--333e49-or-000000);
  color: var(--ffffff-or-ffffff);
}
.remove__button .button_black:hover {
  background: var(--445260-or-141414);
}
.remove__removed {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: var(--ffffff-50-or-1c1c1c-80);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.remove__removed-image {
  max-height: 100%;
}
.remove__progress-content {
  width: 100% !important;
  height: 35px;
}
.remove__progress-content .progress {
  height: 35px;
}
.remove__progress-text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 35px;
  width: 100%;
  font-size: 15px;
  line-height: 23px;
  color: var(--ffffff-or-ffffff);
  z-index: 1;
}
.remove__progress {
  padding: 18px;
  height: 35px;
}
.remove-list-item {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 12px;
  display: flex;
}
.remove-list-item_first {
  margin-top: 16px;
}
.remove-list-item:last-child {
  margin-bottom: 23px;
}
.remove-list-item__text {
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.remove-list-item__text_highlighted {
  background-color: var(--f6c7ff-or-5e294f);
}
.minicard-user-popup {
  padding: 46px 0 16px;
}
.minicard-user-popup .popup__header {
  margin-bottom: 8px;
  padding: 0 20px;
  text-align: center;
}
.minicard-user-popup .popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-ffffff-75);
  padding: 0;
}
.minicard-user-popup .popup__content {
  padding: 0 20px;
  margin-bottom: 24px;
}
.minicard-user-popup .popup__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--333e49-or-ffffff-75);
  margin-bottom: 8px;
  text-align: center;
}
.minicard-user-popup .popup__description:last-child {
  margin-bottom: 0;
}
.minicard-user-popup .popup__footer {
  padding: 0 16px;
}
.minicard-user-popup__wrapper {
  overflow-y: scroll;
}
.minicard-user-popup__divider {
  border-top: 1px dashed var(--separator-color-dashed);
  padding: 0 20px;
  margin: 0 0 15px;
}
.minicard-user-popup__footer {
  flex-direction: column;
}
.profile__user-header {
  padding: 8px 0;
  border-bottom: 1px solid var(--separator-color-line);
  background: var(--popup-dashboard-background-color);
}
.profile__user-header .badge_color_0 {
  background: var(--dcdcdc-or-ffffff-10);
}
.last-message-button {
  visibility: hidden;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  background-color: var(--ffffff-or-272727);
  border: 1px solid var(--f0f0f0-or-transparent);
  box-sizing: border-box;
  border-radius: 40px;
  padding: 8px 14px;
  bottom: 14px;
  cursor: pointer;
  transition: transform 0.1s ease-in-out;
  box-shadow: 0 2px 4px var(--000000-05-or-000000-05);
  left: 50%;
  transform: translate(-50%, calc(100% - var(--conversation-input-block-height) - 28px));
  height: 36px;
  max-width: 186px;
}
.last-message-button_show {
  visibility: visible;
}
.last-message-button:hover {
  background-color: var(--ffffff-or-272727);
  transform: translate(calc(-50% + 1px), calc(100% - var(--conversation-input-block-height) - 27px));
}
.last-message-button:hover .last-message-button__text {
  color: var(--333e49-or-006d9e);
}
.last-message-button__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  color: var(--2574a9-or-006b30);
  font-size: 15px;
  line-height: 20px;
  transition: color 0.3s ease-in-out;
}
@keyframes showAvatar {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.scroll-button {
  display: flex;
  visibility: hidden;
  position: absolute;
  left: 100%;
  bottom: 16px;
  transform: translate(calc((100% + 16px) * -1), calc(100% - max(var(--conversation-input-block-height), 62px) - 32px));
  align-items: center;
  justify-content: center;
  background-color: var(--ffffff-or-232323);
  border: 1px solid var(--f0f0f0-or-transparent);
  box-sizing: border-box;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  padding: 8px;
  transition: transform 0.1s ease-in;
}
.scroll-button__icon {
  --size: 18px;
  color: var(--b4b4b4-or-ffffff-50);
}
.scroll-button_show {
  visibility: visible;
  z-index: 1;
}
.scroll-button:hover {
  background-color: var(--f8f8f8-or-232323);
}
.scroll-button:hover .scroll-button__icon {
  color: var(--8c8c8c-or-009fe6);
}
.rating-number {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  background-color: var(--8c8c8c-08-or-ffffff-05);
  border-radius: 5px;
  padding: 2px 6px;
  user-select: none;
}
.rating-number_icon {
  --icon-width: 58px;
  --icon-height: 62px;
  line-height: normal;
  padding: 10px 8px;
}
.rating-number_rank {
  margin-right: 8px !important;
}
.rating-number_big {
  font-size: 48px;
  line-height: 58px;
  min-width: 40px;
  min-height: 62px;
  max-height: 62px;
}
.rating-number_medium {
  font-size: 38px;
  line-height: 46px;
  min-width: 35px;
  min-height: 50px;
  max-height: 50px;
}
.rating-number_small {
  font-size: 32px;
  line-height: 39px;
  min-width: 31px;
  min-height: 43px;
  max-height: 43px;
}
.rating-number-group {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 62px;
}
.rating-number-group .rating-number:not(:last-child) {
  margin-right: 2px;
}
.rating-number-group .rating-number_icon {
  margin-left: 6px;
}
.rating-show-animation {
  animation: 100ms delayShow 300ms linear forwards;
  opacity: 0;
}
.rating-company-popup {
  animation: 100ms delayShow 300ms linear forwards;
  opacity: 0;
  justify-content: space-between;
  border-top: 0 !important;
}
.rating-company-popup.popup__container {
  border-bottom: none;
  border-radius: unset;
}
.rating-company-popup__background {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.rating-company-popup .popup__close {
  right: -48px;
}
.rating-company-popup__background_cloud {
  background: var(--emoji-clear-menu-clouds-background);
  opacity: var(--rating-company-popup-clouds-opacity);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  animation: start-updater-clouds-slide 30s linear infinite;
  background-repeat-y: repeat;
  background-size: 150%;
}
.rating-company-popup .permissions-no-rights-stub {
  margin-top: 44px;
}
.rating-company-popup-main {
  display: flex;
  flex-direction: column;
}
.rating-company-popup-main__header {
  height: 56px;
  display: flex;
  opacity: 1 !important;
}
.rating-company-head {
  padding: 21px 20px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.rating-company-head__filter {
  display: flex;
  line-height: 23px;
  align-items: center;
  cursor: pointer;
  margin-top: -3px;
}
.rating-company-head__filter .icon_triangle_up_small {
  --size: 16px;
  margin-left: 3px;
}
.rating-company-head__filter .icon_triangle_down_small {
  --icon-width: 5.6px;
  --icon-height: 3.36px;
  margin-left: 8.2px;
  position: relative;
  top: 1.33px;
}
.rating-company-head__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.1px;
}
.rating-company-head__icon {
  --size: 26px;
  color: var(--b4b4b4-or-ffffff-30);
  cursor: pointer;
  width: 24px;
}
.rating-company-head__icon:hover {
  color: var(--8c8c8c-or-009fe6);
}
.rating-company-filter {
  padding: 12px;
  width: 347px;
}
.rating-company-filter-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rating-company-filter-item__action {
  display: flex;
  padding: 8px 0;
  align-items: center;
  justify-content: center;
}
.rating-company-filter-item__text {
  font-size: 15px;
  padding-left: 4px;
  line-height: 18px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
}
.rating-company-filter-item__selected {
  color: var(--009fe6-or-009fe6);
  margin-right: 0;
}
.rating-company-info {
  display: flex;
  padding: 34px 40px 0;
  flex-direction: column;
}
.rating-company-info_placeholder {
  pointer-events: none;
}
.rating-company-info__count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
}
.rating-company-info__arrow {
  --size: 24px;
  min-width: 34px;
  min-height: 34px;
  background-color: var(--b4b4b4-10-or-ffffff-03);
  color: var(--b4b4b4-or-ffffff-20);
  border-radius: 50%;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.rating-company-info__arrow.svg-icon {
  padding: calc((34px - var(--icon-size)) / 2);
}
.rating-company-info__arrow.icon_calendar,
.rating-company-info__arrow > .icon_calendar {
  --size: 18px;
}
.rating-company-info__arrow.icon_angle_left_big,
.rating-company-info__arrow > .icon_angle_left_big {
  margin-right: 2px;
}
.rating-company-info__arrow.icon_angle_right_big,
.rating-company-info__arrow > .icon_angle_right_big {
  margin-left: 2px;
}
.rating-company-info__arrow:hover {
  background-color: var(--b4b4b4-20-or-ffffff-03);
  color: var(--b4b4b4-or-009fe6);
}
.rating-company-info__arrow_preloader {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  animation: 0s delayHideButtonText 300ms linear forwards;
}
.rating-company-info__arrow_preloader::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.rating-company-info__arrow_hidden {
  visibility: hidden;
  pointer-events: none;
}
.rating-company-info__main {
  display: flex;
  align-items: center;
}
.rating-company-info-week-wrap {
  text-align: center;
}
.rating-company-info-events {
  font-size: 15px;
  padding-top: 16px;
  padding-right: 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  letter-spacing: -0.16px;
}
.rating-company-info-events__title {
  line-height: 20px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  display: flex;
  justify-content: center;
}
.rating-company-info-events__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  line-height: 20px;
}
.rating-company-info-events-placeholder {
  height: 56px;
  padding-top: 20px;
  margin-left: 3px;
}
.rating-company-info-events-placeholder__name {
  margin-bottom: 4px;
  min-height: 16px;
  min-width: 172px;
  background-color: var(--8c8c8c-08-or-ffffff-02);
  border-radius: 5px;
}
.rating-company-info-events-placeholder__count {
  min-width: 250px;
  border-radius: 5px;
  min-height: 16px;
  background-color: var(--8c8c8c-08-or-ffffff-02);
}
.rating-company-separator {
  display: flex;
  align-items: center;
  padding: 7px 0 6px;
}
.rating-company-separator__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  padding: 0 8px;
  color: var(--b4b4b4-or-ffffff-20);
  letter-spacing: -0.16px;
  flex: none;
}
.rating-company-separator__line {
  height: 1px;
  background-color: var(--e6e6e6-or-ffffff-05);
  margin-top: 2px;
  flex: 1;
}
.rating-company-best {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 25px;
}
.rating-company-best_placeholder {
  pointer-events: none;
}
.rating-company-best__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rating-company-best__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  max-width: 125px;
  font-size: 15px;
  padding-bottom: 12px;
  line-height: 18px;
  color: var(--333e49-or-ffffff-75);
}
.rating-company-best__result {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 22px;
  color: var(--ffffff-or-1c1c1c);
  border-radius: 5px;
  width: max-content;
  padding: 2px 6px;
}
.rating-company-best__icon {
  --icon-width: 23px;
  --icon-height: 18px;
  padding-left: 5px;
}
.rating-company-best__silver {
  background-color: var(--d7d7d7-or-8c8c8c);
}
.rating-company-best__gold {
  background-color: var(--ffc70f-or-cd9d00);
}
.rating-company-best__bronze {
  background-color: var(--f5a61e-or-c77e00);
}
.rating-company-best-placeholder {
  padding-left: 29px;
}
.rating-company-best-placeholder__photo {
  padding-left: 38px;
  display: flex;
}
.rating-company-best-placeholder__avatar {
  background-color: var(--f8f8f8-or-ffffff-02);
  border-color: var(--f8f8f8-or-ffffff-02);
}
.rating-company-best-placeholder__name {
  width: 118px;
  height: 16px;
  background-color: var(--f8f8f8-or-ffffff-02);
  border-radius: 5px;
  margin-left: 17px;
}
.rating-company-best-placeholder__count {
  height: 26px;
  width: 59px;
  margin-top: 11px;
  margin-left: 47px;
  opacity: 0.5;
}
.rating-company-best-placeholder__item {
  padding-right: 18px;
}
.rating-company-best-placeholder__not-leader {
  margin-top: 25px;
}
.rating-company-best-placeholder_avatar {
  background-color: var(--f8f8f8-or-ffffff-02);
}
.rating-company-best-user__center {
  margin: 0 10px;
}
.rating-company-best-user__circle {
  background-color: var(--f2f2f2-or-28292a);
  border-radius: 50%;
  padding: 8px;
  margin-bottom: 16px;
}
.rating-company-best-user__circle_big {
  width: 126px;
  height: 126px;
}
.rating-company-best-user__circle_small {
  width: 101px;
  height: 101px;
}
.rating-company-best-user__circle_highlight {
  background-color: var(--fdf1dc-or-3b2e18);
  box-shadow: 0 0 0 1px var(--f5a61e-40-or-6d4b11);
}
.rating-company-best-user__circle_highlight .rating-company-best-user__place {
  background-color: var(--fdf1dc-or-3b2e18);
  box-shadow: 0 0 0 1px var(--f5a61e-40-or-6d4b11);
  color: var(--b4b4b4-or-b4b4b4);
}
.rating-company-best-user__place {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  width: 24px;
  height: 24px;
  background-color: var(--f2f2f2-or-28292a);
  color: var(--dcdcdc-or-ffffff-50);
  border-radius: 50%;
  font-size: 14px;
  align-items: center;
  justify-content: center;
  display: flex;
  clip-path: polygon(70% 0%, 100% 0%, 120% 100%, 0% 120%, 0% 55%);
}
.rating-company-best-user__small {
  position: absolute;
  left: 75px;
  top: 80px;
}
.rating-company-best-user__first {
  position: absolute;
  top: 105px;
  left: 91px;
}
.rating-company-best-user__data {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 126px;
  min-width: 126px;
}
.rating-company-best-user__data:hover {
  cursor: pointer;
}
.rating-company-best-user__not-leader {
  padding-top: 25px;
}
.rating-company-users {
  padding-top: 24px;
  padding-bottom: 24px;
}
.rating-company-users__preloader {
  width: 100%;
  padding-top: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rating-company-users__preloader .preloader {
  --size: 18px;
  width: 18px;
  height: 18px;
}
.rating-company-user-item {
  display: flex;
  align-items: center;
}
.rating-company-user-item:hover {
  background-color: var(--f8f8f8-or-transparent);
  cursor: pointer;
}
.rating-company-user-item_placeholder {
  pointer-events: none;
}
.rating-company-user-item_is-player {
  border-top: 1px solid var(--f5a61e-or-e79201-50);
  border-bottom: 1px solid var(--f5a61e-or-e79201-50);
  background-color: var(--f5a61e-10-or-e79201-05);
}
.rating-company-user-item_is-player:hover {
  background-color: var(--f5a61e-15-or-e79201-05);
}
.rating-company-user-item_disabled .avatar {
  opacity: 0.3;
}
.rating-company-user-item_disabled .rating-company-user-item__name {
  opacity: 0.3;
}
.rating-company-user-item__position {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  line-height: 22px;
  color: var(--dcdcdc-or-ffffff-30);
  padding: 14px 10px 16px;
  text-align: center;
  font-size: 18px;
  min-width: 51px;
}
.rating-company-user-item__position_13 {
  font-size: 13px;
}
.rating-company-user-item__position_12 {
  font-size: 12px;
}
.rating-company-user-item__main {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.rating-company-user-item__data {
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding: 6px 16px 6px 8px;
  align-items: center;
  overflow: hidden;
}
.rating-company-user-item__info {
  flex: 1;
  overflow: hidden;
  padding-right: 16px;
}
.rating-company-user-item__name {
  font-size: 15px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  color: var(--333e49-or-ffffff-75);
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.rating-company-user-item__description {
  font-size: 15px;
  color: var(--b4b4b4-or-ffffff-30);
  line-height: 20px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.rating-company-user-item__count {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  background-color: var(--f8f8f8-or-ffffff-03);
  border-radius: 5px;
  font-size: 18px;
  line-height: 22px;
  height: 30px;
}
.rating-company-user-item__icon {
  --size: 18px;
  color: var(--b4b4b4-or-b4b4b4);
  margin: 0 -2px 0 4px;
}
.rating-company-user-item-placeholder__name {
  width: 118px;
  height: 16px;
  background-color: var(--f8f8f8-or-ffffff-02);
  margin-bottom: 4px;
  border-radius: 5px;
}
.rating-company-user-item-placeholder__description {
  width: 210px;
  height: 16px;
  background-color: var(--f8f8f8-or-ffffff-02);
  margin-bottom: 4px;
  border-radius: 5px;
}
.rating-company-user-item-placeholder__photo {
  background-color: var(--f8f8f8-or-ffffff-02);
}
.rating-company-user-item-placeholder__count {
  width: 64px;
  height: 30px;
  background-color: var(--f8f8f8-or-ffffff-02);
  border-radius: 5px;
}
.rating-company-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rating-company-content .popup-empty {
  background-color: transparent !important;
}
.rating-company-content__main {
  height: 100%;
}
.rating-company-content__separator {
  margin-top: 29px;
  margin-bottom: 26px;
}
.rating-company-empty {
  height: 100%;
  padding: 150px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rating-company-empty .popup-empty {
  justify-content: center;
}
.rating-company-help {
  padding: 15px 20px 6px;
}
.rating-company-help-item {
  display: flex;
  padding-bottom: 12px;
}
.rating-company-help-item__icon {
  --size: 18px;
  flex-shrink: 0;
  color: var(--b4b4b4-or-ffffff-20);
}
.rating-company-help-item__info {
  display: flex;
  flex-direction: column;
  padding-left: 13px;
}
.rating-company-help-item__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.rating-company-help-item__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--333e49-or-ffffff-50);
}
.rating-company-footer {
  background-color: var(--f5f5f5-or-000000-20);
  max-height: 79px;
}
.rating-company-footer__info {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20px 0;
}
.rating-company-footer__info::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 4px dotted var(--ffffff-or-1c1c1c);
  content: '';
}
.rating-company-footer__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  line-height: 19px;
  font-size: 12px;
  color: var(--b4b4b4-or-ffffff-30);
}
.rating-company-calendar .calendar-week-is-can-select:hover {
  background-color: var(--f8f8f8-or-ffffff-03);
}
.rating-company-calendar .calendar-week-select {
  background-color: var(--f8f8f8-or-ffffff-03);
}
.rating-company-popup-no-internet {
  height: 100%;
}
.rating-company-popup-no-internet .popup-empty {
  height: calc(100% - 111px);
  background-color: transparent;
}
.rating-company-info-week {
  text-align: center;
}
.rating-company-info-week__name {
  word-break: break-word;
}
.rating-company-info-week__date {
  border-bottom: 1px dotted transparent;
  word-break: keep-all;
  display: inline-block;
  white-space: nowrap;
}
.rating-company-info-week__week {
  border-bottom: 1px dotted var(--009fe6-or-009fe6);
  color: var(--009fe6-or-009fe6);
  cursor: pointer;
  padding-left: 1px;
}
.rating-company-info-week__week:hover {
  color: var(--2574a9-or-2574a9);
  border-bottom: 1px dotted var(--2574a9-or-2574a9);
}
@keyframes delayShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.rating-user-popup .popup__header {
  background-color: var(--popup-dashboard-background-color);
  border-bottom: 1px solid var(--f0f0f0-or-transparent);
  padding-top: 20px;
}
.rating-user-popup .popup__close .close-filled__circle {
  fill: var(--f0f0f0-or-ffffff-03) !important;
}
.rating-user-popup .close-filled:hover .close-filled__circle {
  fill: var(--dcdcdc-or-ffffff-15) !important;
}
.rating-user-popup .popup__content {
  opacity: 0;
  animation: 100ms delayShow 300ms linear forwards;
}
.rating-user-popup__content .rating-user-popup__no-internet-wrapper {
  display: none;
}
.rating-user-popup__content_error > div {
  display: none;
}
.rating-user-popup__content_error .rating-user-popup__no-internet-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.rating-user-popup .popup-empty {
  white-space: pre-wrap;
}
.rating-user-header {
  display: flex;
  padding-bottom: 16px;
}
.rating-user-header__info {
  padding: 0 16px 0 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.rating-user-header__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  line-height: 23px;
  font-size: 18px;
  color: var(--333e49-or-ffffff-75);
}
.rating-user-header__description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: var(--b4b4b4-or-ffffff-30);
  padding-bottom: 8px;
}
.rating-user-header__avatar:hover {
  cursor: pointer;
}
.rating-user-grey-block {
  height: 26px;
  background-color: var(--popup-dashboard-background-color);
  border: 1px solid var(--f0f0f0-or-transparent);
}
.rating-user-info-switcher {
  display: flex;
  justify-content: space-between;
  padding: 17px 16px 0;
}
.rating-user-info-switcher__text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--333e49-or-ffffff-50);
}
.rating-user-info-switcher__button:hover {
  cursor: pointer;
}
.rating-user-info-switcher__arrow {
  width: 24px;
  height: 25px;
}
.rating-user-info-switcher__icon {
  --size: 16px;
  min-width: 24px;
  min-height: 24px;
  background-color: var(--f8f8f8-or-ffffff-03);
  color: var(--b4b4b4-or-ffffff-20);
  border-radius: 50%;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.rating-user-info-switcher__icon:hover {
  background-color: var(--f0f0f0-or-ffffff-15);
}
.rating-user-info {
  padding-top: 18px;
}
.rating-user-info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 46px;
  margin-left: 16px;
  padding: 13px 12px 13px 0;
  border-bottom: 1px solid var(--f0f0f0-or-ffffff-08);
}
.rating-user-info-item__text {
  font-size: 15px;
  line-height: 20px;
  margin-right: 16px;
}
.rating-user-info-item:last-child {
  border: unset;
}
.rating-user-info-count {
  display: flex;
  align-items: center;
  background-color: var(--f8f8f8-or-ffffff-06);
  border-radius: 5px;
  height: 30px;
  padding: 4px 6px 4px 8px;
}
.rating-user-info-count_preload {
  width: 68px;
}
.rating-user-info-count_preload .rating-user-info-count__text {
  display: none;
}
.rating-user-info-count_preload .rating-user-info-count__icon {
  display: none;
}
.rating-user-info-count__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  margin-right: 4px;
}
.rating-user-info-count__icon {
  --size: 18px;
  margin-right: 5px;
  color: var(--b4b4b4-or-ffffff-20);
}
.rating-user-info-count_placeholder {
  width: 47px;
}
.rating-user-info-count_placeholder .worked-hours-count__icon {
  display: none;
}
.rating-user-charts-switcher {
  display: flex;
  padding: 17px 0 0 14px;
}
.rating-user-charts-switcher__item {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  padding: 2px 12px;
  border: 1px solid var(--f8f8f8-or-ffffff-05);
  color: var(--8c8c8c-or-ffffff-30);
  border-radius: 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.rating-user-charts-switcher__item-selected {
  background-color: var(--f8f8f8-or-ffffff-03);
  color: var(--333e49-or-ffffff-70) !important;
  border-color: var(--f8f8f8-or-transparent);
}
.rating-user-charts-switcher__item:hover {
  cursor: pointer;
  color: var(--333e49-or-ffffff-70) !important;
}
.rating-user-charts {
  padding-top: 20px;
}
.rating-user-charts-item {
  display: flex;
  padding: 14px 0 22px;
  flex-direction: column;
}
.rating-user-charts-item__placeholder_bar {
  margin-top: 22px;
}
.rating-user-charts-item__placeholder_line {
  margin-top: 7px;
}
.rating-user-charts-item__name {
  padding-left: 8px;
  line-height: 20px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.rating-user-charts-item__title {
  display: flex;
  padding: 17px 0 0 14px;
}
.rating-user-charts-item__chart {
  display: flex;
}
.rating-user-charts-item__icon {
  --size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--f5f5f5-or-ffffff-03);
  color: var(--8c8c8c-or-ffffff-20);
  border-radius: 5px;
  width: 23px;
  height: 23px;
  padding: 3px;
}
.invite-from-company-status__content {
  padding: 24px 20px 8px;
  text-align: center;
}
.invite-from-company-status__title {
  margin: 0;
  padding-top: 12px;
  padding-bottom: 8px;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
}
.invite-from-company-status__desc {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  word-break: break-word;
}
.invite-from-company-status__desc-company-name {
  text-transform: uppercase;
}
.dashboard-main {
  --dashboard-popup-info-margin-bottom: 24px;
}
.dashboard-main__content {
  padding: 0 16px 16px;
}
.dashboard-main__error {
  height: 386px;
}
.dashboard-main__error .popup-empty__image {
  --size: 60px;
  color: var(--popup-empty-icon-background-color);
}
.dashboard-main-onpremise {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 16px 24px;
}
.dashboard-main-onpremise__icon-block {
  --size: 122px;
  margin: -11px auto 9px;
}
.dashboard-main-onpremise__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 8px;
}
.dashboard-main-onpremise__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 24px;
  text-align: center;
}
.dashboard-main-onpremise__button-wrapper {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  justify-content: center;
  padding: 0 8px;
  margin-bottom: 12px;
  width: 100%;
}
.dashboard-main-onpremise__button-wrapper + .dashboard-main-onpremise__button-wrapper {
  margin: 0;
  color: var(--b4b4b4-or-ffffff-30);
  transition: color 0.1s ease-out;
}
.dashboard-main-onpremise__button-wrapper + .dashboard-main-onpremise__button-wrapper:hover {
  color: var(--8c8c8c-or-ffffff-75);
}
.dashboard-main-onpremise .dashboard-main__error {
  height: 322px;
}
.dashboard-main-onpremise .dashboard-main__error .popup-empty__image {
  --size: 60px;
  color: var(--popup-empty-icon-background-color);
}
.dashboard-main-button {
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 12px 16px 12px 12px;
  background-color: var(--f8f8f8-or-ffffff-03);
  cursor: pointer;
}
.dashboard-main-button:hover {
  background-color: var(--f0f0f0-or-ffffff-03);
}
.dashboard-main-button:not(:last-child) {
  margin-bottom: 8px;
}
.dashboard-main-button__icon {
  --size: 44px;
  margin-right: 12px;
  height: var(--size);
}
.dashboard-main-button__icon_create-space {
  color: var(--009fe6-or-006b30);
}
.dashboard-main-button__icon_join-space {
  color: var(--05c46b-or-04a45a);
}
.dashboard-main-button__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dashboard-main-button__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: var(--333e49-or-ffffff-75);
}
.dashboard-main-button__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: var(--677380-50-or-ffffff-50);
}
.companies-dashboard__popup-error {
  height: 402px;
  width: 360px;
  overflow: hidden;
  background: var(--ffffff-or-ffffff);
  border-radius: 8px;
}
.dashboard-profile-options {
  position: fixed;
  width: 32px;
  height: 32px;
  top: calc(32px + var(--title-bar-height));
  right: 40px;
  border-radius: 50%;
  background: var(--000000-05-or-ffffff-06);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 0 0 0 1px;
}
.dashboard-profile-options__icon {
  --size: 18px;
  color: var(--ffffff-30-or-ffffff-30);
  transition: 0.1s ease-out;
}
.dashboard-profile-options_hover .dashboard-profile-options__icon,
.dashboard-profile-options:hover .dashboard-profile-options__icon {
  color: var(--ffffff-50-or-009fe6);
}
.dashboard-profile-options + .language-change-button {
  right: 84px;
}
.dashboard-profile-options_transparent {
  opacity: 0;
}
.dashboard-profile-options_transparent:hover {
  opacity: 1;
}
.dashboard-profile-options-popover .popover__menu_options {
  width: 207px;
  padding: 13px 13px 11px 11px;
}
.dashboard-profile-options-popover .popover-button__text {
  font-size: 15px;
  line-height: 22px;
}
.dashboard-profile-options-popover .popover-button__icon {
  margin: 3px 8px 0 0;
}
.dashboard-profile-options-popover .popover-button__icon .dashboard-profile-options-popover__icon {
  --size: 18px;
}
.company-create-main__header,
.company-settings-main__header {
  padding: 20px 20px 0;
}
.company-create-main__title,
.company-settings-main__title {
  margin-bottom: 6px;
}
.company-create-main__description,
.company-settings-main__description {
  color: var(--333e49-or-333e49);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.company-create-main__description:not(:last-child),
.company-settings-main__description:not(:last-child) {
  margin-bottom: 12px;
}
.company-create-main__avatar,
.company-settings-main__avatar {
  background: linear-gradient(to top, var(--3c81db-or-3c81db), var(--74b2ff-or-74b2ff));
  background-size: cover;
  border-radius: 100%;
  cursor: pointer;
}
.company-create-main__avatar > .company-create-main__camera,
.company-settings-main__avatar > .company-create-main__camera,
.company-create-main__avatar > .company-settings-main__camera,
.company-settings-main__avatar > .company-settings-main__camera {
  --size: 24px;
  opacity: 0.4;
}
.company-create-main__avatar:hover .company-create-main_camera_has-photo,
.company-settings-main__avatar:hover .company-create-main_camera_has-photo,
.company-create-main__avatar:hover .company-settings-main_camera_has-photo,
.company-settings-main__avatar:hover .company-settings-main_camera_has-photo {
  display: flex;
}
.company-create-main__avatar:hover .company-create-main__remove-avatar,
.company-settings-main__avatar:hover .company-create-main__remove-avatar,
.company-create-main__avatar:hover .company-settings-main__remove-avatar,
.company-settings-main__avatar:hover .company-settings-main__remove-avatar {
  visibility: visible;
}
.company-create-main__avatar:hover .company-create-main__camera,
.company-settings-main__avatar:hover .company-create-main__camera,
.company-create-main__avatar:hover .company-settings-main__camera,
.company-settings-main__avatar:hover .company-settings-main__camera {
  display: flex;
  background-color: var(--04040a-50-or-000000-80);
}
.company-create-main__avatar.avatar_preloader::after,
.company-settings-main__avatar.avatar_preloader::after {
  background-size: 20px;
}
.company-create-main__avatar.company-create-main__remove-avatar,
.company-settings-main__avatar.company-create-main__remove-avatar,
.company-create-main__avatar.company-settings-main__remove-avatar,
.company-settings-main__avatar.company-settings-main__remove-avatar {
  width: 24px;
  height: 24px;
}
.company-create-main__avatar:has(.avatar[style*='background-image']),
.company-settings-main__avatar:has(.avatar[style*='background-image']) {
  background: var(--ffffff-or-ffffff-02);
}
.company-create-main__camera,
.company-settings-main__camera {
  --size: 24px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
}
.company-create-main__camera_has-photo,
.company-settings-main__camera_has-photo {
  display: none;
}
.company-create-main__remove-avatar,
.company-settings-main__remove-avatar {
  position: absolute;
  top: -7px;
  right: -7px;
  visibility: hidden;
  cursor: pointer;
  height: 24px;
}
.company-create-main__remove-avatar > .close-filled_red,
.company-settings-main__remove-avatar > .close-filled_red {
  width: 24px;
  height: 24px;
}
.company-create-main__remove-avatar .close-filled__circle,
.company-settings-main__remove-avatar .close-filled__circle {
  fill: var(--f8f8f8-or-616161);
}
.company-create-main__remove-avatar .close-filled__cross,
.company-settings-main__remove-avatar .close-filled__cross {
  fill: var(--b4b4b4-or-ffffff);
}
.company-create-main__remove-avatar :hover > .close-filled__circle,
.company-settings-main__remove-avatar :hover > .close-filled__circle {
  fill: var(--ff6a64-or-ff4f47);
}
.company-create-main__remove-avatar :hover > .close-filled__cross,
.company-settings-main__remove-avatar :hover > .close-filled__cross {
  fill: var(--ffffff-or-ffffff);
}
.company-create-main__content,
.company-settings-main__content {
  display: flex;
  align-items: center;
  padding: 24px 16px 8px;
}
.company-create-main__content_min-padding-top,
.company-settings-main__content_min-padding-top {
  padding-top: 22px;
  padding-bottom: 6px;
}
.company-create-main__input-wrap,
.company-settings-main__input-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.company-create-main__name,
.company-settings-main__name {
  background: var(--popup-input-background-color);
  border-radius: 8px;
  padding: 8px 30px 8px 12px;
  line-height: 20px;
}
.company-create-main__name::placeholder,
.company-settings-main__name::placeholder {
  color: var(--popup-input-placeholder-color);
}
.company-create-main__button,
.company-settings-main__button {
  width: 100%;
}
.company-create-main__button-icon,
.company-settings-main__button-icon {
  --size: 20px;
}
.company-avatar {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  border: 1px solid var(--f0f0f0-or-transparent);
  border-radius: 50%;
  color: var(--b4b4b4-or-ffffff-30);
  background: var(--f8f8f8-or-000000-15);
  background-size: cover;
  line-height: 1;
  font-size: 16px;
  letter-spacing: -1px;
  text-transform: uppercase;
  outline: none;
}
.company-avatar[style*='background-image'] {
  background-color: var(--ffffff-or-ffffff-02);
}
.company-avatar.company-avatar_hover:hover {
  transition: background-color 0.2s linear, color 0.2s linear;
  cursor: pointer;
}
.company-avatar_big {
  border-radius: 12px;
}
.company-avatar-with-desc {
  display: flex;
  align-items: center;
}
.company-avatar-with-desc__content {
  margin-left: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 8px;
}
.company-avatar-with-desc__title,
.company-avatar-with-desc__count {
  font-size: 15px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.company-avatar-with-desc__title {
  color: var(--333e49-or-ffffff-75);
  font-weight: bold;
}
.company-avatar-with-desc__count {
  color: var(--b4b4b4-or-ffffff-30);
}
.company-avatar-with-desc_hover:hover {
  background: var(--f8f8f8-or-181818-80);
}
.company-avatar-with-desc_default-space {
  padding: 12px 20px;
}
.popup-change-company-name__wrap {
  padding: 24px 16px 8px;
  display: flex;
  align-items: center;
}
.popup-change-company-name__input {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
  margin-left: 10px;
  background: var(--popup-input-background-color);
  border-radius: 8px;
}
.popup-change-company-name__input input::placeholder {
  color: var(--popup-input-placeholder-color);
}
.company-dismissal-notice {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  height: 100%;
}
.company-dismissal-notice .popup__header {
  padding: 0;
}
.company-dismissal-notice__title {
  padding: 46px 20px 24px;
  text-align: center;
  align-items: center;
}
.company-dismissal-notice__title-name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 8px;
}
.company-dismissal-notice__title-description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.company-dismissal-notice__dashboard {
  padding: 12px 20px;
  background: var(--popup-dashboard-background-color);
}
.company-dismissal-notice__description-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 8px;
  margin-top: 16px;
  padding-right: 20px;
  padding-left: 20px;
}
.company-dismissal-notice__separator {
  margin-right: 20px;
  margin-left: 20px;
  border-bottom: 1px dashed var(--separator-color-dashed);
}
.company-dismissal-notice__content {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  height: 100%;
  overflow: hidden scroll;
}
.company-dismissal-notice__footer {
  padding: 16px 20px 20px;
}
.company-dismissal-notice__hired {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: var(--ffffff-50-or-1c1c1c-80);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-dismissal-notice-list-item {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 8px;
  padding-right: 20px;
  padding-left: 20px;
  display: flex;
}
.company-dismissal-notice-list-item_last {
  margin-bottom: 12px;
}
.company-dismissal-notice-list-item__dash {
  margin-right: 7px;
}
.company-dismissal-notice-list-item__text {
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.company-dismissal-notice-list-item__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 24px;
}
.delete-company {
  overflow: hidden;
}
.delete-company__stamp {
  width: 360px;
}
.delete-company .popup__header {
  padding-top: 46px;
  padding-right: 20px;
  text-align: center;
}
.delete-company .popup__title {
  padding-right: 0;
  font-size: 15px;
  line-height: 22px;
}
.delete-company .popup__footer {
  padding: 16px 16px 14px;
}
.delete-company__scroll-content {
  overflow: auto;
  border-bottom: 2px solid var(--ffffff-or-1c1c1c);
  border-radius: 8px;
}
.delete-company__company {
  margin: 16px 0 14px;
  padding: 12px 20px;
  background: var(--f8f8f8-or-171717);
}
.delete-company__content {
  padding: 0 0 23px;
  margin: 0 20px;
  border-bottom: 1px dashed var(--separator-color-dashed);
}
.delete-company__content-success {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  place-content: center center;
  opacity: 0;
  pointer-events: none;
  background: var(--ffffff-50-or-1c1c1c-80);
  transition: 0.3s opacity;
}
.delete-company__list {
  margin: 8px 0 12px;
  padding: 0;
  list-style: none;
}
.delete-company__list-item {
  display: flex;
}
.delete-company__list-item::before {
  content: '\2014';
  margin-right: 6px;
}
.delete-company__list-item + .delete-company__list-item {
  margin-top: 8px;
}
.delete-company .delete-company__deleted-btn,
.delete-company .delete-company__progress-btn {
  display: none;
}
.delete-company_progress .popup__close {
  display: none;
}
.delete-company_progress .delete-company__delete-btn,
.delete-company_progress .delete-company__deleted-btn {
  display: none;
}
.delete-company_progress .delete-company__progress-btn {
  display: block;
}
.delete-company__progress-btn {
  width: 100%;
  height: 35px;
}
.delete-company__progress-btn-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 22.5px;
  border-radius: 5px;
  color: var(--ffffff-or-ffffff);
  text-align: center;
}
.delete-company .progress {
  height: 35px;
}
.delete-company_deleted .popup__close {
  display: none;
}
.delete-company_deleted .delete-company__delete-btn,
.delete-company_deleted .delete-company__progress-btn {
  display: none;
}
.delete-company_deleted .delete-company__deleted-btn {
  display: block;
}
.delete-company_deleted .delete-company__content-success {
  opacity: 1;
  pointer-events: all;
}
.delete-company-circle .circle-header__image {
  top: 0;
  width: 80px;
  height: 80px;
  background: var(--f8f8f8-or-f8f8f8);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.delete-company-circle .circle-header__image .circle-header__img {
  width: 48px;
  height: 48px;
}
.joinlink__header {
  height: 210px;
  overflow: hidden;
}
.joinlink__header-image {
  width: 100%;
}
.joinlink__gif {
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: -12px;
}
.joinlink__gif img {
  position: absolute;
  top: -5px;
  width: 100%;
  height: 100%;
}
.joinlink__content {
  margin-top: 19px;
}
.joinlink__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  background-color: var(--007aff-05-or-ffffff-02);
  color: var(--2574a9-or-ffffff-75);
  text-align: center;
  padding: 12px 16px;
  margin: 0 20px 4px;
  border-radius: 8px;
  height: 84px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.joinlink__button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: var(--2574a9-or-009fe6);
  cursor: pointer;
}
.joinlink__button:not(.joinlink__button_disabled).joinlink__button:hover {
  color: var(--0066d6-or-0082bd);
}
.joinlink__button_disabled {
  color: var(--007aff-30-or-006be0-30);
  cursor: initial;
}
.joinlink__button.button_preloader::after {
  --size: 16px;
  background-size: 16px;
  background-image: url('../images/global/preloader-blue.svg');
}
.joinlink__arrow {
  position: absolute;
  bottom: 40px;
  right: 6px;
}
.joinlink .popup__footer {
  margin: 0 4px 4px;
}
.joinlink__input-container {
  margin: 0 20px 4px;
  padding: 11px 7px;
  border: 1px solid var(--f0f0f0-or-ffffff-10);
  border-radius: 8px;
}
.joinlink__input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  user-select: text;
  white-space: pre-wrap;
  word-break: break-word;
  height: 60px;
  overflow-y: auto;
  cursor: text;
  color: var(--333e49-or-ffffff-75);
}
.joinlink__input:empty::before {
  content: attr(data-placeholder);
  color: var(--b4b4b4-or-ffffff-30);
}
.joinlink_simple {
  background: var(--ffffff-or-272727);
  width: 360px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 0 3px var(--000000-05-or-transparent);
}
@keyframes joinLinkCopyAnimation {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.join-link-main {
  overflow-y: auto;
}
.join-link-main__tabs {
  margin: 16px;
}
.join-link-main__image {
  width: 360px;
  height: 200px;
}
.join-link-main-empty {
  margin: 56px 0 80px;
}
.join-link-main-limit {
  margin: 66px 36px;
}
.join-link-main-limit .popup-empty__reload {
  margin-top: 16px;
}
.join-link-main-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  background: var(--f8f8f8-or-171717);
  text-align: center;
}
.join-link-main-tabs__button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 161px;
  padding: 2px;
  margin: 2px;
  height: 24px;
  border-radius: 7px;
  font-size: 13px;
  line-height: 150%;
  color: var(--8c8c8c-or-ffffff-50);
}
.join-link-main-tabs__button:hover.join-link-main-tabs__button:not(.join-link-main-tabs__button_active) {
  cursor: pointer;
  color: var(--787878-or-009fe6);
}
.join-link-main-tabs__button_active {
  background: var(--ffffff-or-ffffff-03);
  color: var(--333e49-or-ffffff-75);
}
.join-link-mass {
  margin: 20px 0;
}
.join-link-mass_preloader {
  opacity: 0;
  animation: 100ms delayShow 500ms linear forwards;
  pointer-events: none;
}
.join-link-mass__count {
  display: flex;
  padding: 6px 0;
  margin-left: 20px;
  margin-right: 16px;
}
.join-link-mass__count-title {
  margin-top: 2px;
  font-size: 15px;
  line-height: 20px;
}
.join-link-mass__count-button {
  font-size: 13px;
  line-height: 18px;
  align-items: flex-end;
}
.join-link-mass__help-button {
  --size: 18px;
  display: flex;
  align-items: center;
  color: var(--dcdcdc-or-ffffff-15);
  margin-left: 5px;
  cursor: pointer;
}
.join-link-mass__help-button:hover {
  color: var(--c7c7c7-or-009fe6);
}
.join-link-mass__time-button {
  margin-left: auto;
}
.join-link-mass__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  margin: 0 20px 12px;
  color: var(--333e49-or-ffffff-75);
}
.join-link-mass__description {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.join-link-mass__data,
.join-link-mass__footer {
  margin: 0 16px 16px;
}
.join-link-mass__data {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
}
.join-link-mass__input {
  width: 100%;
  padding: 6px 8px;
  height: 35px;
  border: 1px solid var(--f0f0f0-or-transparent);
  border-radius: 5px;
  overflow: scroll hidden;
  font-size: 15px;
  line-height: 22.5px;
  cursor: text;
  user-select: text;
  white-space: nowrap;
  vertical-align: text-top;
  background-color: var(--ffffff-or-000000-20);
}
.join-link-mass__input_animated {
  border: 1px solid var(--05c46b-or-04a45a);
  background: var(--04ab5d-07-or-04a45a-07);
  animation: joinLinkCopyAnimation 2s ease-in-out forwards;
}
.join-link-main-popover__content {
  padding: 11px;
}
.join-link-main-popover__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  padding: 0 12px;
  font-size: 16px;
  height: 34px;
  line-height: 19px;
  display: flex;
  align-items: center;
}
.join-link-main-popover-button {
  display: flex;
  align-items: center;
  height: 34px;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  border-radius: 8px;
  padding: 6px 12px;
  margin-top: 2px;
  min-width: 236px;
}
.join-link-main-popover-button_preloader .join-link-main-popover-button__icon-right-check {
  display: none;
}
.join-link-main-popover-button_preloader .join-link-main-popover-button__icon-right-preloader {
  display: flex;
}
.join-link-main-popover-button_active .join-link-main-popover-button__icon-right-check {
  display: flex;
}
.join-link-main-popover-button_active .join-link-main-popover-button__icon-right-preloader {
  display: none;
}
.join-link-main-popover-button__icon-left {
  --size: 18px;
  color: var(--b4b4b4-or-ffffff-30);
  margin-right: 8px;
}
.join-link-main-popover-button__text {
  margin-right: auto;
}
.join-link-main-popover-button:hover {
  cursor: pointer;
  color: var(--ffffff-or-ffffff-70);
  background: var(--009fe6-or-2e2e2e);
}
.join-link-main-popover-button:hover .join-link-main-popover-button__icon-left {
  color: var(--ffffff-or-ffffff-30);
}
.join-link-main-popover-button:hover .join-link-main-popover-button__icon-right-preloader,
.join-link-main-popover-button:hover .join-link-main-popover-button__icon-right-check {
  display: none;
}
.join-link-main-popover-button__icon-right-check {
  color: var(--009fe6-or-009fe6);
}
.join-link-main-popover-button__icon-left,
.join-link-main-popover-button__icon-right-preloader,
.join-link-main-popover-button__icon-right-check {
  display: flex;
  justify-content: center;
  align-items: center;
}
.join-link-main-popover-button__icon-right-preloader,
.join-link-main-popover-button__icon-right-check {
  --size: 18px;
  display: none;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  margin-top: -4px;
  margin-right: -4px;
}
.join-link-single {
  margin: 20px 0;
}
.join-link-single_preloader {
  opacity: 0;
  animation: 100ms delayShow 500ms linear forwards;
  pointer-events: none;
}
.join-link-single__title,
.join-link-single__description {
  margin-left: 20px;
  margin-right: 20px;
}
.join-link-single__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 10px;
  color: var(--333e49-or-ffffff-75);
}
.join-link-single__description {
  margin-bottom: 18px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.join-link-single__count {
  display: flex;
  padding: 6px 0;
  margin: 0 16px 18px 20px;
}
.join-link-single__count-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  margin-top: 2px;
}
.join-link-single__count-button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  align-items: flex-end;
}
.join-link-single__help-button {
  --size: 18px;
  display: flex;
  align-items: center;
  color: var(--dcdcdc-or-ffffff-15);
  margin-left: 5px;
  cursor: pointer;
}
.join-link-single__help-button:hover {
  color: var(--c7c7c7-or-009fe6);
}
.join-link-single__time-button {
  margin-left: auto;
}
.join-link-single__data,
.join-link-single__footer {
  margin: 0 16px 16px;
}
.join-link-single__data {
  display: flex;
  justify-content: space-between;
}
.join-link-single__input {
  width: 100%;
  padding: 6px 8px;
  height: 35px;
  border: 1px solid var(--f0f0f0-or-transparent);
  border-radius: 5px;
  overflow: scroll hidden;
  font-size: 15px;
  line-height: 22.5px;
  cursor: text;
  user-select: text;
  white-space: nowrap;
  vertical-align: text-top;
  background-color: var(--ffffff-or-000000-20);
}
.join-link-single__input_animated {
  border: 1px solid var(--05c46b-or-04a45a);
  background: var(--04ab5d-07-or-04a45a-07);
  animation: joinLinkCopyAnimation 2s ease-in-out forwards;
}
.join-link-single-limit-error__text {
  margin-top: 44px;
  margin-bottom: 38px;
  padding: 9px 12px;
  border-radius: 5px;
  background-color: var(--ff6a64-10-or-171717);
  font-size: 13px;
  line-height: 18px;
}
.join-link-mass-limit-mass-error__text {
  margin-top: 26px;
  margin-bottom: 38px;
  padding: 9px 12px;
  border-radius: 5px;
  background-color: var(--ff6a64-10-or-171717);
  font-size: 13px;
  line-height: 18px;
}
.join-link-main-input-animation {
  position: absolute;
  width: 100%;
  opacity: 0;
  background-color: var(--ffffff-or-1c1c1c);
  pointer-events: none;
}
.join-link-main-input-animation_animated {
  animation: joinLinkCopyAnimation 1.5s ease-in-out;
}
.join-link-main-input-animation__text {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--05c46b-or-04a45a);
  background: var(--05c46b-05-or-04a45a-05);
}
.join-link-main-input-animation__icon {
  --size: 16px;
  color: var(--05c46b-or-04a45a);
}
.join-link-help {
  padding: 56px 0 2px;
  height: 100%;
}
.join-link-help__scroll {
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: scroll;
}
.join-link-help__separator {
  margin: 23px 20px 16px;
  border-top: 1px dashed var(--separator-color-dashed);
}
.join-link-help__footer {
  display: flex;
  padding: 0 20px 18px;
}
.join-link-help__button {
  width: 100%;
  transition: 0.1s ease-out;
}
.join-link-help-description {
  padding: 0 20px;
}
.join-link-help-description:not(:last-child) {
  margin-bottom: 16px;
}
.join-link-help-description__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 6px;
  color: var(--333e49-or-ffffff-75);
}
.join-link-help-description__info {
  display: flex;
  padding-left: 10px;
}
.join-link-help-description__info::after {
  content: '';
  display: block;
  position: absolute;
  width: 2px;
  background-color: var(--separator-color-line-secondary);
  border-radius: 10px;
  top: 5px;
  bottom: 2px;
  left: 0;
}
.join-link-help-description__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.company-link-invite-without-moderation {
  height: 100%;
}
.company-link-invite-without-moderation .popup__header {
  padding: 0;
}
.company-link-invite-without-moderation .popup__footer {
  padding-top: 24px;
}
.company-link-invite-without-moderation__title {
  padding: 52px 20px 16px;
  text-align: center;
}
.company-link-invite-without-moderation__title-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 22px;
}
.company-link-invite-without-moderation__title-description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
}
.company-link-invite-without-moderation__dashboard {
  padding: 12px 20px;
  background-color: var(--simple-dashboard-background-color);
}
.company-link-invite-without-moderation__description-wrap {
  padding: 16px 20px 0;
}
.company-link-invite-without-moderation__content {
  overflow: hidden scroll;
  height: 100%;
}
.company-link-invite-without-moderation__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 12px;
  color: var(--333e49-or-ffffff-75);
  line-height: 20px;
  letter-spacing: -0.16px;
  word-break: break-word;
}
.company-link-invite-without-moderation__description:last-child {
  margin-bottom: 0 !important;
}
.company-link-invite-without-moderation__footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.company-link-invite-without-moderation__footer-confirm {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.company-link-invite-without-moderation__footer-confirm .popup__footer-info {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  color: var(--333e49-or-333e49);
}
.company-link-invite-without-moderation__footer-confirm .popup__footer-buttons .button_red {
  margin-right: 8px;
}
.company-link-invite-without-moderation__footer .icon_circle_check {
  margin-left: 5px;
}
.accept-invite-data-loss-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0 0 8px 8px;
  margin-top: 8px;
  padding: 16px;
  background-color: var(--ffffff-or-272727);
}
.accept-invite-data-loss-panel__ask {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: var(--333e49-or-ffffff-75);
}
.accept-invite-data-loss-panel__button:first-child {
  margin-right: 8px;
}
.company-link-actions {
  overflow: hidden;
}
.company-link-actions .popup__footer {
  padding: 0;
}
.company-link-actions__header {
  flex: none;
  text-align: center;
  padding: 52px 20px 16px;
}
.company-link-actions__header-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
}
.company-link-actions__header-description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.company-link-actions__dashboard {
  padding: 12px 20px;
  margin: 0 0 16px;
  background: var(--popup-dashboard-background-color);
}
.company-link-actions__content {
  padding: 0 20px 23px;
}
.company-link-actions__content-title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  font-weight: bold;
  margin-bottom: 12px;
  width: max-content;
  color: var(--333e49-or-ffffff-75);
}
.company-link-actions__content-title_background-green {
  background: var(--d7ffc3-or-144f28);
}
.company-link-actions__content-title_postmoderation {
  margin-bottom: 8px;
}
.company-link-actions__content-description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.company-link-actions__content-description:not(:last-child) {
  margin-bottom: 12px;
}
.company-link-actions__footer {
  width: 100%;
  display: flex;
  padding: 16px;
}
.company-link-actions__footer .button {
  width: 100%;
}
.company-link-actions__separator {
  border-top: 1px dashed var(--separator-color-dashed);
  margin: 0 20px;
}
.company-link-actions__icon {
  margin-bottom: 12px;
}
.company-link-actions__scroll {
  overflow: hidden scroll;
}
.company-link-actions_with-icon .circle-header__image {
  top: 0;
}
.company-link-actions_with-icon .company-link-actions__header {
  padding-top: 46px;
}
.company-link-actions__button-revoke {
  cursor: pointer;
}
.company-link-actions__button-revoke_active,
.company-link-actions__button-revoke:hover {
  color: var(--2574a9-or-006b30);
}
.company-link-invite-with-moderation {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  height: 100%;
  background-color: var(--ffffff-or-272727);
  border-radius: 8px;
}
.company-link-invite-with-moderation .popup__header {
  padding: 0;
}
.company-link-invite-with-moderation__input-text {
  padding: 6px 0 5px 11px;
}
.company-link-invite-with-moderation__emoji-button {
  padding: 6px 7px 8px 8px;
}
.company-link-invite-with-moderation__title {
  padding: 52px 20px 16px;
  text-align: center;
  align-items: center;
}
.company-link-invite-with-moderation__title-name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 22px;
}
.company-link-invite-with-moderation__title-description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.company-link-invite-with-moderation__dashboard {
  padding: 12px 20px;
  background: var(--simple-dashboard-background-color);
}
.company-link-invite-with-moderation__description-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  padding: 16px 20px 4px;
  color: var(--333e49-or-ffffff-75);
}
.company-link-invite-with-moderation__description-text {
  padding: 0 20px;
}
.company-link-invite-with-moderation__hiring {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: var(--ffffff-75-or-232527-80);
  backdrop-filter: blur(5px);
  margin: 0 auto;
  top: 4px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-link-invite-with-moderation__progress-content {
  width: 100% !important;
  height: 76px;
  padding-left: 20px;
  padding-right: 20px;
}
.company-link-invite-with-moderation__progress-content .progress {
  height: 76px;
}
.company-link-invite-with-moderation__progress-text {
  justify-content: center;
  width: 296px;
  text-align: center;
  position: absolute;
  margin: 8px 12px;
  height: 76px;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--ffffff-or-ffffff);
  z-index: 1;
}
.company-link-invite-with-moderation__progress {
  padding: 18px;
  height: 35px;
}
.company-link-invite-with-moderation__content {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  height: 100%;
  overflow: hidden scroll;
}
.company-link-invite-with-moderation__input {
  min-height: 54px;
  margin: 12px 16px 0;
  border: 1px solid var(--f0f0f0-or-ffffff-10);
  border-radius: 8px;
  cursor: text;
  user-select: text;
  max-height: 106px;
  overflow: hidden;
  white-space: nowrap;
  background: none;
}
.company-link-invite-with-moderation__input .input-repost__text {
  height: auto;
  line-height: 18px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
}
.company-link-invite-with-moderation__footer {
  margin-top: 8px;
}
.company-link-placeholder {
  min-height: 371px;
  overflow: hidden;
}
.company-link-placeholder__empty {
  padding: 39px 0 0;
  height: 100%;
}
.company-link-placeholder__header {
  flex: none;
  text-align: center;
  padding: 52px 16px 12px;
}
.company-link-placeholder__company {
  padding: 12px 20px 8px;
  margin: 0 0 16px;
  background: var(--f8f8f8-or-ffffff-05);
}
.company-link-placeholder__content {
  padding: 0 16px 4px;
}
.smart-app-conversation {
  --smart-app-conversation-margin-vertical: 16px;
  --smart-app-conversation-bottom: max(var(--conversation-input-block-height), 62px);
  --smart-app-conversation-fade-size: var(--smart-app-conversation-margin-vertical);
  position: absolute;
  right: 0;
  bottom: 0;
  width: 55px;
  display: flex;
  flex-direction: column-reverse;
  gap: 6px;
  padding: var(--smart-app-conversation-margin-vertical) 4px var(--smart-app-conversation-margin-vertical) 0;
  max-height: calc(var(--content-height) - var(--conversation-header-height-theme) - var(--smart-app-conversation-bottom) - var(--media-height));
  overflow: hidden auto;
  transform: translateY(calc(-1 * var(--smart-app-conversation-bottom)));
  mask-image: linear-gradient(to bottom, #00000000 0, #000000 var(--smart-app-conversation-fade-size), #000000 calc(100% - var(--smart-app-conversation-fade-size)), #00000000 100%);
}
.smart-app-conversation__button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.smart-app-conversation__button:last-child {
  margin-bottom: unset;
}
.smart-app-conversation__button-add {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  --size: 24px;
  background-color: var(--e5f5fc-or-192430);
  color: var(--009fe6-or-006be0);
}
.smart-app-conversation__button-add:hover {
  background-color: var(--ccecfa-or-162c43);
}
.smart-app-conversation__button-indicator {
  position: absolute;
  right: -9px;
  top: 18px;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background-color: var(--009fe6-or-006be0);
}
.smart-app-conversation_grabbing {
  cursor: grabbing !important;
}
.smart-app-conversation_grabbing .smart-app-conversation__button {
  cursor: grabbing !important;
}
.smart-app-conversation__sortable {
  background: var(--333445-or-1c1c1c-80);
  color: var(--f5f5f5-30-or-ffffff-30);
  display: flex;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  justify-content: center;
  align-items: center;
  bottom: 7px;
  right: 8px;
  position: absolute;
  cursor: pointer;
}
.smart-app-conversation__sortable_close {
  color: var(--05c46b-or-05c46b);
  transition: color 100ms ease-out;
}
.smart-app-conversation__sortable_close .svg-icon {
  --size: 20px;
}
.smart-app-conversation__sortable_close:hover {
  color: var(--049a54-or-05c46b-45);
}
.smart-app-conversation__sortable_open .svg-icon {
  --size: 16px;
}
.smart-app-conversation__sortable_open:hover {
  color: var(--ffffff-or-ffffff-70);
}
.smart-app-conversation__drag-active {
  cursor: move !important;
  cursor: grabbing !important;
}
.smart-app-conversation__drag-active * {
  cursor: move !important;
  cursor: grabbing !important;
}
.smart-app-conversation__drag-active .smart-app-conversation__button_dragging {
  color: var(--f5f5f5-80-or-ffffff-70);
  opacity: 1 !important;
}
.smart-app-conversation__drag-active .smart-app-conversation__button:hover {
  color: var(--f5f5f5-30-or-ffffff-30);
}
.smart-app-conversation__drag-active .smart-app-conversation__button_ghost {
  visibility: hidden;
}
.app-catalog-popup {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  margin-top: 46px;
  position: relative;
  transform: translateZ(0);
}
.app-catalog-popup__close-icon {
  right: 22px;
}
.app-catalog-popup__header {
  padding: 0 120px;
}
.app-catalog-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  color: var(--333e49-or-ffffff-75);
  padding-bottom: 7px;
}
.app-catalog-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
  padding-bottom: 8px;
}
.app-catalog-popup__filter {
  padding: 0 24px;
  margin-bottom: 23px;
}
.app-catalog-popup__search {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 9px 24px 6px;
  margin-bottom: 6px;
  background: var(--ffffff-or-1c1c1c);
}
.app-catalog-popup__button-add {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  margin-top: auto;
  cursor: pointer;
  user-select: none;
  pointer-events: none;
}
.app-catalog-popup__content {
  flex: 1;
}
.app-catalog-popup__container:has(.app-catalog-popup__error-stub) {
  height: 100%;
  margin-bottom: 10px;
}
.app-catalog-popup__error-stub {
  padding: 0 20px 100px;
}
.app-catalog-popup-filter {
  gap: 8px;
}
.app-catalog-popup-filter__item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  border-radius: 20px;
  padding: 0 12px 0 11px;
  border: 1px solid var(--b4b4b4-30-or-ffffff-05);
  cursor: pointer;
  white-space: nowrap;
}
.app-catalog-popup-filter__item:hover {
  background-color: var(--009fe6-05-or-006be0-10);
  border-color: var(--009fe6-05-or-006be0-10);
}
.app-catalog-popup-filter__item:hover .app-catalog-popup-filter__item-title {
  color: var(--009fe6-or-009fe6);
}
.app-catalog-popup-filter__item_active {
  background-color: var(--009fe6-05-or-006be0-10);
  border-color: var(--009fe6-05-or-006be0-10);
}
.app-catalog-popup-filter__item_active .app-catalog-popup-filter__item-title {
  color: var(--009fe6-or-006d9e);
}
.app-catalog-popup-filter__item-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--8c8c8c-or-ffffff-30);
}
.app-catalog-popup-filter__fade {
  content: '';
  position: absolute;
  height: 100%;
  background: linear-gradient(90deg, var(--ffffff-or-1c1c1c) 14.05%, transparent 92.26%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.app-catalog-popup-filter__fade_right {
  width: 30px;
  right: 0;
  top: 0;
  background: linear-gradient(90deg, var(--ffffff-or-1c1c1c) 14.05%, transparent 92.26%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.app-catalog-popup-filter__fade_left {
  width: 30px;
  left: 0;
  top: 0;
  background: linear-gradient(270deg, var(--ffffff-or-1c1c1c) 14.05%, transparent 92.26%);
}
.app-catalog-popup-input {
  font-size: 15px;
  border-radius: 8px;
  height: 36px;
  display: flex;
  align-items: center;
  color: var(--popup-input-color);
  background-color: var(--popup-input-background-color);
}
.app-catalog-popup-input__cross {
  --size: 18px;
  color: var(--dcdcdc-or-ffffff-15);
  transition: 0.2s ease;
}
.app-catalog-popup-input__icon {
  left: 36px;
  top: 17px;
}
.app-catalog-popup-input__clearing-cross {
  display: none;
  position: absolute;
  top: 17px;
  right: 33px;
  cursor: pointer;
}
.app-catalog-popup-input__clearing-cross_visible {
  display: block;
}
.app-catalog-popup-input__clearing-cross:hover .app-catalog-popup-input__cross {
  color: var(--b4b4b4-or-009fe6);
}
.app-catalog-popup-content {
  padding: 0 24px;
}
.app-catalog-popup-content__item,
.app-catalog-popup-content__add {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.app-catalog-popup-content__item-block-img {
  background: var(--f8f8f8-or-000000-15);
  margin: 1px 8px 10px;
  width: 70px;
  height: 70px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--f8f8f8-or-000000-15);
}
.app-catalog-popup-content__item-img {
  width: 48px;
  height: 48px;
}
.app-catalog-popup-content__item-name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  max-width: 86px;
}
.app-catalog-popup-content__item_added .app-catalog-popup-content__item-block-img {
  border: 1px solid var(--05c46b-50-or-05c46b-50);
}
.app-catalog-popup-content__item-icon {
  position: absolute;
  right: 1px;
  top: -7px;
}
.app-catalog-popup-content .app-catalog-popup-content-category:last-child {
  padding-bottom: 39px;
}
.app-catalog-popup-content-icon-check {
  background: var(--05c46b-or-05c46b);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ffffff-or-ffffff);
}
.app-catalog-popup-content-icon-check__icon {
  --size: 12px;
  color: var(--ffffff-or-ffffff);
}
.app-catalog-popup-content-add {
  width: 70px;
  margin: 0 8px;
  color: var(--ffffff-or-1c1c1c);
}
.app-catalog-popup-content-add__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  margin-top: 9px;
  color: var(--333e49-or-ffffff-75);
}
.app-catalog-popup-content-add__icon-container {
  align-items: center;
  justify-content: center;
}
.app-catalog-popup-content-add__icon {
  width: 72px;
  height: 72px;
}
.app-catalog-popup-content-category {
  padding-bottom: 49px;
}
.app-catalog-popup-content-category[data-category='popular'] .app-catalog-popup-content-category__title {
  display: none;
}
.app-catalog-popup-content-category__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  text-align: left;
  color: var(--333e49-or-ffffff-75);
  margin-bottom: 9px;
  margin-left: 8px;
}
.app-catalog-popup-content-category__list {
  padding-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 18px 12px;
}
.app-catalog-popup-out-button-add {
  margin-bottom: 22px;
}
.app-catalog-popup-out-button-add_visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  user-select: initial;
  pointer-events: initial;
}
.app-catalog-popup-out-button-add.app-catalog-popup-out-button-add_visible {
  padding-left: 11px;
  padding-right: 15px;
}
.app-catalog-popup-stub-no-results {
  padding-top: 100px;
  padding-bottom: 40px;
}
.app-catalog-popup-stub-no-results__icon {
  --size: 84px;
  margin-bottom: 16px;
}
.app-catalog-popup-stub-no-results__button {
  --size: 84px;
  margin-top: 16px;
}
.app-catalog-popup-stub-no-results__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  color: var(--b4b4b4-or-4a4a4a);
  margin: 0 200px;
}
.app-catalog-popup-content-category-list-placeholder {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 18px;
}
.app-catalog-popup-content-category-list-placeholder__item-line {
  width: 66px;
  margin-top: 13px;
  margin-bottom: 14px;
}
.app-catalog-popup-content-category-list-placeholder__item {
  padding: 0 8px;
}
.app-catalog-popup-content-category-list-placeholder__title {
  margin-top: 18px;
}
.app-catalog-popup-filter-placeholder {
  display: flex;
  gap: 8px;
  padding-left: 24px;
  padding-bottom: 16px;
}
.phone-code-country {
  height: 389px;
  background-color: var(--ffffff-or-272727);
}
.phone-code-country .popup__input {
  margin-top: 24px;
  margin-bottom: 4px;
}
.phone-code-country .popup-empty {
  background-color: var(--ffffff-or-272727);
  padding: 0 16px;
}
.phone-code-country .popup-empty__text {
  width: 100%;
  overflow-wrap: break-word;
}
.phone-code-country__query {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  word-break: break-word;
}
.phone-code-country__empty-image {
  margin-bottom: 12px;
}
.phone-code-country .form-search {
  background-color: var(--simple-input-background-color);
}
.phone-code-country-item-delimiter {
  width: 100%;
  padding: 0 20px;
}
.phone-code-country-item-delimiter__block {
  background: var(--separator-color-line);
  min-height: 1px;
}
.phone-code-country-item {
  width: 100%;
  padding: 0 20px;
}
.phone-code-country-item:last-child .phone-code-country-item__content::after {
  opacity: 0;
}
.phone-code-country-item:hover {
  background-color: var(--f8f8f8-or-232323);
  cursor: pointer;
}
.phone-code-country-item__content {
  display: flex;
  align-items: center;
  height: 47px;
  width: 100%;
  overflow: hidden;
}
.phone-code-country-item__flag {
  height: 15px;
  width: 15px;
  margin: 0 12px 6px 0;
}
.phone-code-country-item__flag .emoji_sizer {
  height: 15px;
  width: 15px;
}
.phone-code-country-item__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
  font-size: 15px;
  line-height: 22px;
  margin-right: 12px;
}
.phone-code-country-item__code {
  font-size: 15px;
  line-height: 22px;
  min-width: 40px;
  text-align: right;
}
.common-input {
  color: var(--simple-input-color);
  background: var(--simple-input-background-color);
  overflow-y: hidden;
  height: 100%;
}
.common-input::placeholder {
  color: var(--popup-input-placeholder-color);
}
.common-input-phone__flag-code {
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-right: 4px;
  margin-right: 4px;
  padding-left: 7px;
  margin-left: 6px;
}
.common-input-phone__flag {
  display: flex;
  text-align: center;
}
.common-input-phone__flag .emoji_sizer {
  height: 15px;
  width: 15px;
}
.common-input-phone__flag-icon {
  margin-top: 2px;
  width: 15px;
  height: 15px;
  background-size: contain;
  display: inline-block;
}
.common-input-phone__code {
  padding-left: 9px;
  display: flex;
}
.common-input__phone {
  width: 100%;
  background-color: var(--simple-input-background-color);
  padding-right: 30px;
}
.common-input__label {
  width: 100%;
  height: 36px;
  display: flex;
  overflow: hidden;
  font-size: 15px;
  border-radius: 8px;
  background-color: var(--simple-input-background-color);
  border: 1px solid transparent;
}
.common-input__label.form-input_error {
  border-color: var(--ff6a64-or-ff4f47);
}
.common-inputs-container .common-inputs + .common-inputs {
  margin-top: 24px;
}
.common-inputs-container .common-inputs .common-inputs__input + .common-inputs__input {
  margin-top: 4px;
}
.auth {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.auth .popup__header {
  padding: 20px;
}
.auth .popup__footer {
  justify-content: flex-end;
  margin-top: auto;
}
.auth .popup__footer .button + .button {
  margin-left: auto;
}
.auth .popup__footer .button + .button .icon_circle_arrow_right,
.auth .popup__footer .button + .button .icon_circle_check {
  --size: 20px;
  margin: 1px 0 0 3px;
}
.auth__info {
  margin-top: 2px;
}
.auth__button_preloader {
  display: inline-flex;
}
.auth__camera {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.auth__camera_has-photo {
  display: none;
}
.auth__avatar {
  margin-right: 8px;
  background-size: cover;
}
.auth__avatar_green {
  background-image: linear-gradient(180deg, var(--45cd80-or-45cb80) 5.55%, var(--1c9b42-or-1c9b42) 100%);
}
.auth__avatar_hover {
  cursor: pointer;
}
.auth__avatar > .auth__camera {
  --size: 24px;
  opacity: 0.4;
}
.auth__avatar:hover .auth__camera_has-photo {
  display: flex;
}
.auth__avatar:hover .auth__remove-avatar {
  visibility: visible;
}
.auth__avatar:hover .auth__camera {
  --size: 24px;
  display: flex;
  opacity: 0.6;
  cursor: pointer;
  background-color: var(--04040a-30-or-000000-30);
}
.auth__avatar_preloader {
  pointer-events: none;
  content: '';
  display: block;
  position: absolute;
  background: url('../images/global/preloader-white.svg') no-repeat center;
  animation: linear 500ms infinite rotatePreloader;
  background-size: 20px;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.auth__avatar.auth__avatar_preloader::after {
  background-size: 20px;
}
.auth__avatar.avatar_preloader::after {
  background-size: 20px;
}
.auth__avatar.auth__remove-avatar {
  width: 24px;
  height: 24px;
}
.auth__block-input {
  font-size: 15px;
  border-radius: 8px;
  width: 280px;
  height: 36px;
  display: flex;
  overflow: hidden;
  cursor: text;
}
.auth__input {
  width: 100%;
  background-color: var(--simple-input-background-color);
  padding: 0 12px;
  line-height: normal;
}
.auth__input::placeholder {
  color: var(--popup-input-placeholder-color);
}
.auth__profile-data {
  display: flex;
  margin-top: 22px;
  margin-bottom: 6px;
  padding: 0 16px;
}
.auth-placeholder {
  display: flex;
  position: absolute;
  height: 100%;
}
.auth-placeholder__update-button {
  position: absolute;
  top: 32px;
  right: 32px;
}
.main-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: var(--content-height);
  position: absolute;
  background: linear-gradient(128.05deg, var(--393a4d-or-212121) -6.21%, var(--303140-or-191919) 28.72%, var(--17161a-or-171717) 132%);
  overflow: hidden;
}
.main-placeholder__ellipse {
  opacity: 0.2;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('../images/start/group-ellipse.svg') no-repeat center / cover;
}
.main-placeholder_background-loading {
  z-index: 1000000;
}
.main-placeholder.hidden .auth-placeholder {
  background: none;
}
.sms-code {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sms-code__paper {
  display: flex;
  flex-direction: column;
  padding: 19px;
  width: 360px;
  height: 320px;
  border-radius: 8px;
  border: 1px solid var(--f0f0f0-or-f0f0f0);
  background-color: var(--ffffff-or-ffffff);
}
.sms-code__paper .popup__header {
  padding: 0;
}
.sms-code__link {
  display: block;
}
.sms-code__content {
  display: flex;
}
.sms-code__status {
  padding: 2px 0 0 22px;
  align-items: center;
  display: flex;
}
.sms-code__status .sms-code__status_error {
  font-size: 24px;
  width: 24px;
  height: 24px;
  color: var(--ff6a64-or-ff4f47);
}
.sms-code__status .sms-code__status_success {
  font-size: 24px;
  width: 24px;
  height: 24px;
  color: var(--05c46b-or-04a45a);
}
.sms-code__status .sms-code__status_preloader {
  padding-left: 2px;
}
.sms-code__header {
  margin-bottom: 83px;
}
.sms-code__divider {
  background: var(--333e49-or-333e49);
  height: 3px;
  width: 18px;
  border-radius: 1px;
}
.sms-code__group {
  display: flex;
}
.sms-code__container {
  margin-left: -3px;
}
.sms-code__container-input {
  margin-right: 4px;
}
.sms-code__container-divider {
  display: flex;
  margin-right: 8px;
  margin-left: 4px;
  align-items: center;
}
.dashboard-popup-sms-block {
  display: flex;
  flex-direction: column;
  height: 321px;
}
.sms-code-block {
  padding: 17px 16px 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.sms-code-block_redesign {
  padding: 7px 0 0;
  min-height: 136px;
}
.sms-code-block_redesign .sms-code-block__content {
  justify-content: center;
}
.sms-code-block_redesign .sms-code-block__group {
  margin: 0;
}
.sms-code-block_redesign .sms-code-block__status {
  position: absolute;
  right: calc(50% - 164px);
}
.sms-code-block_redesign .pincode__divider {
  padding-top: 3px;
}
.sms-code-block__container {
  align-self: stretch;
}
.sms-code-block__content {
  display: flex;
  align-items: center;
}
.sms-code-block__stub-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  padding: 10px 16px;
  background-color: var(--ff6a64-10-or-1c1c1c);
  color: var(--333e49-or-ff4f47-80);
  border-radius: 8px;
}
.sms-code-block__group {
  margin: 3px 12px 0 31px;
}
.sms-code-block__group_disabled {
  pointer-events: none;
}
.sms-code-block__group_success .pincode__input {
  border-color: var(--05c46b-or-05c46b-50);
}
.sms-code-block__group_warning .pincode__input {
  border-color: var(--ff6a64-or-ff4f47-50) !important;
  animation-name: form-input-pin-code-error;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-duration: 500ms;
  animation-delay: 1000ms;
}
.sms-code-block__status-error {
  --size: 19px;
  color: var(--ff8a00-or-ff9d14);
  cursor: pointer;
  margin-top: 5px;
}
.sms-code-block__status-error:hover {
  color: var(--d67400-or-eb8900);
}
.sms-code-block__status-preloader {
  margin-top: 3px;
}
.sms-code-block__footer {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  align-self: stretch;
  padding: 0 4px;
}
.sms-code-block__footer-repeat {
  color: var(--b4b4b4-or-ffffff-30);
}
.sms-code-block__footer-right {
  margin-left: auto;
}
.sms-code-block__error {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: var(--ff6a64-or-ff4f47);
  margin-top: 16px;
  text-align: center;
}
.pin-code {
  height: 275px;
}
.pin-code__preloader {
  margin: auto;
}
.code__input {
  background: var(--simple-input-background-color);
  border-radius: 5px;
  width: 36px;
  height: 51px;
  font-family: Lato, Arial, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  letter-spacing: -0.2px;
  text-align: center;
}
.search {
  min-height: calc(var(--content-height) - 84px);
}
.search__input {
  padding: 16px 56px 12px 16px;
}
.search .popup__close {
  top: 19px;
}
.search .popup__content {
  padding-bottom: 16px;
}
.search .popup__not-found {
  padding-top: 10px;
  font-size: 12px;
  padding-bottom: 18px;
}
.search .popup-list__header {
  padding-top: 20px;
  color: var(--b4b4b4-or-ffffff-30);
}
.search .popup-list__header:first-child {
  padding-top: 14px;
}
.search .popup__loader {
  padding: 16px 0 0;
}
.change-phone {
  height: 100%;
  width: 100%;
}
.change-phone-preview .popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  padding-top: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
}
.change-phone-preview .popup__header {
  padding: 21px 16px 0 20px;
}
.change-phone-preview__content {
  display: flex;
}
.change-phone-preview__bold {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
}
.change-phone-preview__container {
  padding: 18px 16px 10px;
}
.change-phone-preview__list {
  margin: 0;
  padding: 0;
  text-align: left;
  counter-reset: li;
  list-style: none;
}
.change-phone-preview__list li + li {
  margin-top: 6px;
}
.change-phone-preview__list-item {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  position: relative;
  padding-left: 33px;
  padding-top: 8px;
  line-height: 22px;
}
.change-phone-preview__list-item::before {
  position: absolute;
  left: 0;
  top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  border: 1px solid var(--007aff-or-006be0);
  border-radius: 50%;
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
  color: var(--007aff-or-006be0);
  counter-increment: li;
  content: counter(li);
}
.change-phone-preview__footer {
  width: 100%;
  margin-top: 22px;
  padding: 16px 20px;
  justify-content: space-between;
  display: flex;
}
.change-phone-preview__footer-icon {
  font-size: 16px;
  margin-right: 4px;
}
.change-phone-preview__footer-button {
  font-size: 13px;
  line-height: 18px;
  display: flex;
  text-align: center;
  cursor: pointer;
}
.oops .popup__header {
  display: flex;
  padding: 20px 20px 0;
}
.oops .popup__avatar {
  margin-right: 12px;
  margin-top: 1px;
}
.oops .popup__title {
  margin-bottom: 4px;
}
.oops .popup__footer {
  padding-top: 24px;
}
.oops .oops__description {
  font-size: 14px;
  line-height: 20px;
  max-height: 188px;
  overflow: scroll;
}
.oops .oops__description_small {
  max-width: 310px;
}
.oops__button.button_size_m .button__icon {
  margin-bottom: 0;
}
.dismissal-popup-success {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  height: 100%;
}
.dismissal-popup-success .popup__header {
  padding: 0;
}
.dismissal-popup-success__title {
  padding: 52px 20px 16px;
  text-align: center;
  align-items: center;
}
.dismissal-popup-success__title-name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 22px;
}
.dismissal-popup-success__title-description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.dismissal-popup-success__dashboard {
  margin-bottom: 16px;
  padding: 12px 20px;
  background-color: var(--popup-dashboard-background-color);
}
.dismissal-popup-success__description-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 8px;
  padding-right: 20px;
  padding-left: 20px;
}
.dismissal-popup-success__description-text_green {
  width: fit-content;
  background: var(--d7ffc3-or-144f28);
}
.dismissal-popup-success__separator {
  margin-right: 20px;
  margin-left: 20px;
  border-top: 1px dashed var(--separator-color-dashed);
}
.dismissal-popup-success__content {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  height: 100%;
  overflow: hidden scroll;
}
.dismissal-popup-success__button {
  display: flex;
  padding: 16px;
}
.dismissal-popup-success__error-content {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 16px 20px 20px;
  display: flex;
}
.dismissal-popup-success__error-icon {
  --size: 20px;
  color: var(--ffaa33-or-ff9d14);
  margin-right: 8px;
}
.dismissal-popup-success__error-text {
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.dismissal-popup-success__hired {
  position: absolute;
  z-index: 1;
  width: 100%;
  background: var(--ffffff-50-or-1c1c1c-80);
  margin: 0 auto;
  padding-bottom: 5px;
  inset: -5px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dismissal-popup-success__progress-content {
  width: 100% !important;
  height: 35px;
}
.dismissal-popup-success__progress-content .progress {
  height: 35px;
}
.dismissal-popup-success__progress-text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 35px;
  width: 100%;
  font-size: 15px;
  line-height: 23px;
  color: var(--ffffff-or-ffffff);
  z-index: 1;
}
.dismissal-popup-success__progress {
  padding: 18px;
  height: 35px;
}
.dismissal-popup-success__kicked-stamp {
  margin-top: 17px;
}
.dismissal-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.dismissal-content_animate {
  opacity: 0;
  animation: 100ms delayShow 300ms linear forwards;
}
.dismissal-content__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 12px;
  padding-right: 20px;
  padding-left: 20px;
}
.dismissal-content__description_last {
  margin-bottom: 23px;
}
.dismissal-content__description_small-margin {
  margin-bottom: 1px;
}
.dismissal-content__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 8px;
  padding-right: 20px;
  padding-left: 20px;
}
.dismissal-content__text_green {
  width: fit-content;
  background: var(--d7ffc3-or-144f28);
}
.dismissal-content__input-search {
  margin: 0 16px 16px;
  width: auto;
}
.dismissal-content__title {
  padding: 18px 20px 8px;
  display: flex;
  justify-content: space-between;
}
.dismissal-content__title_with-header {
  padding-top: 13px;
}
.dismissal-content__check-list {
  display: flex;
  flex-direction: column;
  padding: 0 18px;
}
.dismissal-content__icon {
  --size: 60px;
  color: var(--popup-empty-icon-background-color);
  margin-bottom: 8px;
}
.dismissal-content__plug-text {
  margin-bottom: 24px;
}
.dismissal-footer {
  display: flex;
  padding: 12px 12px 10px;
  margin-top: auto;
}
.dismissal-comment {
  margin-top: 0;
}
.dismissal-comment__description {
  display: flex;
  align-items: center;
  padding: 24px 20px 16px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.dismissal-comment__input {
  margin: 0 12px;
  background: var(--f8f8f8-or-f8f8f8);
  border-radius: 8px;
  width: 336px;
  height: 72px;
  cursor: text;
  display: flex;
  overflow: hidden;
  border: 1px solid var(--f8f8f8-or-f8f8f8);
}
.dismissal-comment .input-repost {
  margin-bottom: 51px;
}
.dismissal-list-item {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 8px;
  padding-right: 20px;
  padding-left: 20px;
  display: flex;
}
.dismissal-list-item_last {
  margin-bottom: 12px;
}
.dismissal-list-item__dash {
  margin-right: 7px;
}
.dismissal-list-item__text {
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.circle-header {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--ffffff-or-1c1c1c);
  margin: 0 auto;
  position: absolute;
  padding: 10px;
  top: -50px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle-header_theme_dark {
  background-color: var(--ffffff-or-272727);
}
.circle-header_theme_gray {
  background-color: var(--f8f8f8-or-1c1c1c);
}
.circle-header_indent-bottom {
  padding-top: 16px;
  padding-bottom: 24px;
}
.circle-header__avatar {
  width: 80px;
  height: 80px;
  font-size: 32px;
}
.circle-header__avatar_gray {
  font-size: 40px;
  color: var(--b4b4b4-or-ffffff-30);
  background-color: var(--f5f5f5-or-171717);
}
.circle-header-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  top: 0;
  background-color: transparent;
}
.circle-header-image_filled {
  background-color: var(--f8f8f8-or-ffffff-03);
}
.circle-header-image_no-bias {
  top: -5px;
}
.circle-header-image_max-size .circle-header-image__img {
  max-width: 100%;
  max-height: 100%;
}
.circle-header-image__img {
  max-width: var(--size, 48px);
  max-height: var(--size, 48px);
  width: min-content;
  height: min-content;
}
.circle-header-image__icon {
  --size: 76px;
}
.circle-header-box-shadow-popup {
  box-shadow: 0 0 0 3px var(--000000-05-or-000000-05);
  z-index: -1;
}
.circle-header-box-shadow-stub {
  width: 102px;
  height: 102px;
  border-radius: 50%;
  top: -51px;
  background-image: var(--circle-header-shadow-box);
}
:root {
  --observer-height: 10px;
}
.observer-scroll-wrapper {
  pointer-events: none;
}
.observer-scroll-top,
.observer-scroll-bottom {
  position: absolute;
  width: 100%;
  pointer-events: none;
  background: transparent;
  height: var(--observer-height);
}
.observer-scroll-top {
  top: 0;
}
.observer-scroll-bottom {
  position: relative;
  margin-top: calc(-1 * var(--observer-height));
}
.notifications {
  width: 240px;
  padding: 19px 0 2px;
}
.notifications__content {
  overflow: hidden;
}
.notifications__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  padding-right: 16px;
  margin-bottom: 11px;
}
.notifications__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
}
.notifications__company {
  padding: 10px 19px;
}
.notifications__company:hover {
  cursor: pointer;
  background: var(--f8f8f8-or-f8f8f8);
}
.notifications__company .company-avatar-with-desc__count {
  font-size: 14px;
}
.notifications__music {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 16px;
  line-height: 16px;
  color: var(--b4b4b4-or-b4b4b4);
  background: var(--f8f8f8-or-f8f8f8);
}
.notifications__music:hover {
  cursor: pointer;
}
.notifications__music:hover .notifications__music-icon-block {
  fill: var(--009fe6-or-009fe6);
}
.notifications__music_disabled .notifications__music-icon-line {
  fill: var(--ff6a64-or-ff4f47);
}
.notifications__music-icon-line {
  fill: transparent;
}
.notifications__item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 19px 16px 5px 20px;
}
.notifications__item-header-title {
  display: flex;
  align-items: center;
}
.notifications__item-header-title:hover {
  cursor: pointer;
}
.notifications__item-header-icon {
  margin-right: 6px;
}
.notifications__item-header-avatar {
  display: flex;
}
.notifications__item-header-avatar .company-avatar {
  min-width: 24px;
  min-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border-radius: 4px;
}
.notifications__item-header-avatar .company-avatar .company-avatar__sign {
  display: block;
  margin-left: -1px;
}
.notifications__company-list {
  max-height: 302px;
  overflow-y: auto;
}
.notifications__company-list_disabled {
  pointer-events: none;
  opacity: 0.3;
}
.notifications__company-list .notifications__company {
  padding: 10px 19px 8px;
}
.notifications__company-list .notifications__company:last-child {
  margin-bottom: 10px;
}
.notifications__company-timer {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 20px;
  color: var(--009fe6-or-009fe6);
}
.notifications__company-timer-icon {
  margin-right: 2px;
  font-size: 17px;
  line-height: 17px;
}
.notifications-sounds {
  width: 299px;
  background-color: var(--ffffff-or-272727);
  border-radius: 5px;
  padding: 0 0 11px;
}
.notifications-sounds__list {
  display: flex;
  flex-direction: column;
  padding: 0 12px;
}
.notifications-sounds__volumes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 19px 16px;
}
.notifications-sounds__volumes-icon {
  color: var(--dcdcdc-or-ffffff-30);
}
.notifications-sounds__volumes-slider {
  flex: 1;
}
.notifications-sounds__separator {
  margin: 6px 23px;
  border-top: 1px solid var(--f0f0f0-or-ffffff-05);
}
.notifications-sounds__sound {
  display: flex;
}
.notifications-sounds__sound_active .notifications-sounds__sound-music-icon {
  color: var(--009fe6-or-009fe6);
}
.notifications-sounds__sound_active .notifications-sounds__sound-music-icon_disabled {
  color: var(--ff6a64-or-ff4f47);
}
.notifications-sounds__sound_active:hover .notifications-sounds__sound-music-icon {
  color: var(--ffffff-or-009fe6);
}
.notifications-sounds__sound_active:hover .notifications-sounds__sound-music-icon_disabled {
  color: var(--ffffff-or-ff4f47);
}
.notifications-sounds__sound-music-icon-block {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
.notifications-sounds__sound-music-icon,
.notifications-sounds__sound-music-icon_disabled {
  --size: 13px;
  margin-right: 0;
}
.logout__header {
  margin: 0 20px;
}
.logout__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin-top: 20px;
}
.logout__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  margin-top: 8px;
}
.logout__footer {
  margin: 24px 16px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logout__server-name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  word-break: break-all;
}
.custom-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  line-height: 20px;
  min-width: fit-content;
  padding: 8px 6px 8px 12px;
  border: none;
}
.custom-select:hover {
  cursor: pointer;
}
.custom-select__icon {
  --size: 20px;
  color: var(--b4b4b4-or-b4b4b4);
  transform: rotate(90deg);
  margin-left: 8px;
}
.custom-select__list {
  max-height: 200px;
  overflow-y: auto;
}
.custom-select__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 15px;
  line-height: 20px;
}
.custom-select__item:hover {
  background: var(--f8f8f8-or-transparent);
  cursor: pointer;
}
.custom-select__item-icon {
  --size: 16px;
  color: var(--009fe6-or-009fe6);
  opacity: 0;
  margin-right: 12px;
}
.custom-select__item-text {
  margin-left: 16px;
}
.custom-select__item_active .custom-select__item-icon {
  opacity: 1;
}
.custom-select_active .custom-select__icon {
  transform: rotate(-90deg);
}
.start {
  height: 100%;
  width: 100%;
}
.start__content {
  height: 100%;
  width: 100%;
}
.start__preloader {
  margin-right: 10px;
}
.start__connecting {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-image: linear-gradient(var(--ffffff-or-ffffff), var(--f8f8f8-or-f8f8f8));
}
.start__logo {
  pointer-events: none;
}
.start__disconnect {
  height: 100%;
}
.start__updater {
  padding-left: 32px;
  padding-right: 32px;
}
.start-toaster-block {
  border-radius: 5px;
  padding: 12px 16px;
  background-color: var(--000000-70-or-232527);
  border: 1px solid var(--transparent-or-ffffff-05);
  width: 384px;
}
.start-toaster-block .start-toaster__info {
  margin-right: 12px;
}
.start-toaster {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.start-toaster__info {
  display: flex;
  flex-direction: column;
  text-align: start;
}
.start-toaster__header {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  color: var(--ffffff-or-ffffff-80);
}
.start-toaster__description {
  color: var(--f8f8f8-50-or-ffffff-30);
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
}
.start-toaster__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.start-toaster__button {
  height: 35px;
  border-radius: 5px;
  font-size: 15px;
  line-height: 150%;
  cursor: pointer;
  padding: 6px 16px;
}
.start-toaster__button_decline {
  justify-content: center;
  align-items: center;
  display: flex;
  color: var(--dcdcdc-or-ffffff-80);
  margin-left: 12px;
}
.start-toaster__button_confirm {
  justify-content: center;
  align-items: center;
  display: flex;
}
.start-disconnect {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 65px 30px 42px;
  background-color: var(--ffffff-or-272727);
  border-radius: 8px;
}
.start-disconnect__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  margin: 52px 0 8px;
  color: var(--333e49-or-ffffff-75);
}
.start-disconnect__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
}
.start-disconnect_with-error {
  padding: 0 16px 16px;
}
.start-disconnect_with-error .start-disconnect__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  margin: 46px 0 4px;
}
.start-disconnect_with-error .start-disconnect__certificate-error {
  margin-top: 16px;
}
.start-disconnect-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.start-disconnect-header__earth {
  background-color: var(--b4b4b4-or-ffffff-03);
  border-radius: 100%;
  overflow: hidden;
  width: 91px;
  height: 91px;
}
.start-disconnect-header__earth-animation {
  position: absolute;
  top: 5px;
  height: 56px;
  width: 101px;
  color: var(--ffffff-or-ffffff-06);
  animation: 30s linear infinite;
}
.start-disconnect-header__earth-animation_left {
  transform: translateX(100%);
  animation-name: dark-clouds-slide-left;
}
.start-disconnect-header__earth-animation_right {
  transform: translateX(0);
  animation-name: dark-clouds-slide-right;
}
.start-disconnect-header__circle {
  position: absolute;
  border-radius: 100%;
  border: 1px solid var(--separator-color-line);
  animation: preloader 6s linear infinite;
  inset: -26px;
}
.start-disconnect-header__hexagon {
  position: absolute;
  bottom: 14px;
  right: 14px;
  width: 12px;
  height: 14px;
  transform: rotate(-14deg);
  color: var(--007aff-or-006be0);
}
.leave {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  height: 100%;
}
.leave .popup__header {
  padding: 0;
}
.leave__title {
  padding: 46px 20px 16px;
  text-align: center;
  align-items: center;
}
.leave__title-name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-ffffff-75);
}
.leave__title-description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.leave__dashboard {
  padding: 12px 20px;
  background: var(--popup-dashboard-background-color);
}
.leave__description-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 8px;
  margin-top: 16px;
  padding-right: 20px;
  padding-left: 20px;
}
.leave__separator {
  margin-right: 20px;
  margin-left: 20px;
  border-top: 1px dashed var(--separator-color-dashed);
}
.leave__content {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  height: 100%;
  overflow: hidden scroll;
}
.leave__button {
  display: flex;
  padding: 16px;
}
.leave__button .button_black {
  background: var(--000000-or-000000);
  color: var(--ffffff-or-ff4f47);
}
.leave__button .button_black:hover {
  background: var(--000000-or-ffffff-05);
}
.leave__error-content {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 16px 20px 20px;
  display: flex;
}
.leave__error-icon {
  font-size: 20px;
  color: var(--ffaa33-or-ff9d14);
  margin-right: 8px;
}
.leave__error-text {
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--333e49-or-333e49);
}
.leave__hired {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--ffffff-50-or-1c1c1c-80);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leave__stamp {
  margin-top: 7px;
  max-width: 100%;
}
.leave__progress-content {
  width: 100% !important;
  height: 35px;
}
.leave__progress-content .progress {
  height: 35px;
}
.leave__progress-text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 35px;
  font-size: 15px;
  line-height: 23px;
  width: 100%;
  color: var(--ffffff-or-ffffff);
  z-index: 1;
}
.leave__progress {
  padding: 18px;
  height: 35px;
}
.leave-list-item {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 8px;
  padding-right: 20px;
  padding-left: 20px;
  display: flex;
}
.leave-list-item_last {
  margin-bottom: 12px;
}
.leave-list-item__dash {
  margin-right: 6px;
}
.leave-list-item__text {
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.leave-list-item__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 23px;
}
.leave-oops__title {
  padding: 20px 42px 8px 20px;
}
.leave-oops__content {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  padding: 0 20px 16px;
  line-height: 20px;
  font-size: 14px;
  letter-spacing: -0.15px;
}
.leave-oops__description .item + .item {
  margin-top: 12px;
}
.leave-oops__description_last {
  padding: 15px 0 4px;
  border-top: 1px dashed var(--separator-color-dashed);
}
.leave-oops__content-button {
  margin: 0 20px 24px;
}
.announcement-popup {
  text-align: center;
}
.announcement-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 15px;
  line-height: 22px;
  margin-top: 52px;
  padding: 0 20px;
  margin-bottom: 8px;
  color: var(--333e49-or-ffffff-75);
}
.announcement-popup__company-name {
  word-break: break-word;
}
.announcement-popup__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-top: 8px;
  padding: 0 20px;
}
.announcement-popup__description + .announcement-popup__description {
  margin-top: 8px;
}
.announcement-popup__footer {
  margin: 15px 16px 16px;
  border-top: 1px dashed var(--separator-color-dashed);
}
.announcement-popup__button {
  margin-top: 16px;
  width: 100%;
}
.announcement-technical-wip {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 20px;
  background-color: var(--ffffff-or-272727);
  border-radius: 8px;
}
.announcement-technical-wip:not(.announcement-technical-wip:has(.announcement-popup__footer)) {
  height: 274px;
}
.announcement-technical-wip__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 52px 0 16px;
}
.announcement-technical-wip__title {
  text-align: center;
  color: var(--333e49-or-ffffff-75);
}
.announcement-technical-wip__title_bold {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
}
.announcement-technical-wip__subtitle {
  text-align: center;
  letter-spacing: -0.12px;
}
.announcement-technical-wip__timer {
  display: flex;
  justify-content: center;
  cursor: default;
  margin-bottom: 16px;
}
.announcement-technical-wip__timer .flip-timer__card {
  width: 60px;
  height: 60px;
  perspective: 134px;
  font-size: 38px;
  line-height: 46px;
}
.announcement-technical-wip__timer .flip-timer__card_top,
.announcement-technical-wip__timer .flip-timer__card_bottom,
.announcement-technical-wip__timer .flip-timer__card_top-next,
.announcement-technical-wip__timer .flip-timer__card_bottom-next {
  transform-origin: 0 30px 0;
  padding: 7px 6px;
}
.announcement-technical-wip__timer .flip-timer__card_top {
  border-radius: 8px 8px 0 0;
}
.announcement-technical-wip__timer .flip-timer__card_top-next {
  border-radius: 8px 8px 0 0;
}
.announcement-technical-wip__timer .flip-timer__card_bottom {
  border-radius: 8px;
}
.announcement-technical-wip__timer .flip-timer__card_bottom::after,
.announcement-technical-wip__timer .flip-timer__card_bottom-next::after {
  border-radius: 8px;
}
.announcement-technical-wip__timer .flip-timer__card_bottom-next {
  border-radius: 8px;
}
.announcement-technical-wip__timer .flip-timer__piece:not(:last-child) {
  margin-right: 12px;
}
.announcement-technical-wip__piece:not(:last-child) {
  margin-right: 12px;
}
.announcement-technical-wip__description {
  align-self: center;
  text-align: center;
  letter-spacing: -0.12px;
}
.announcement-force-update {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--ffffff-or-272727);
  border-radius: 8px;
}
.announcement-force-update__logout {
  width: 24px;
  height: 24px;
  background: var(--f8f8f8-or-ffffff-03);
  border-radius: 50px;
  align-self: flex-end;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-right: 16px;
  margin-top: 16px;
  cursor: pointer;
}
.announcement-force-update__logout ~ .announcement-force-update__title {
  margin: 10px 0 8px;
}
.announcement-force-update__logout:hover {
  background: var(--f0f0f0-or-ffffff-03);
}
.announcement-force-update__logout:hover .announcement-force-update__logout-icon {
  color: var(--b4b4b4-or-009fe6);
}
.announcement-force-update__logout-icon {
  --size: 14px;
  color: var(--b4b4b4-or-ffffff-30);
  transition: color 0.1s ease-out;
}
.announcement-force-update__avatar {
  background-color: var(--ffffff-or-272727);
}
.announcement-force-update__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  margin: 52px 0 8px;
  color: var(--333e49-or-ffffff-75);
  padding: 0 20px;
}
.announcement-force-update__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  margin-bottom: 8px;
  text-align: center;
  width: 260px;
}
.announcement-force-update__description:last-child {
  margin-bottom: 0;
  padding-bottom: 15px;
}
.announcement-force-update__domain {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-bottom: 8px;
}
.announcement-force-update__footer {
  display: flex;
  justify-content: center;
  padding: 16px 0;
  border-top: 1px dashed var(--separator-color-dashed);
}
.announcement-force-update__button {
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  width: 268px;
  height: 35px;
}
.announcement-company-delete {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.announcement-company-delete__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  margin: 52px 0 8px;
  color: var(--333e49-or-ffffff-75);
}
.announcement-company-delete__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  padding: 0 20px 16px;
  text-align: center;
}
.announcement-company-delete__company-name {
  word-break: break-word;
}
.announcement-company-delete__footer {
  display: flex;
  justify-content: center;
  padding: 16px 0;
  border-top: 1px dashed var(--separator-color-dashed);
}
.announcement-company-delete__button {
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  width: 268px;
  height: 35px;
}
.announcement-hibernation__progress-btn {
  margin-top: 16px;
  height: 35px;
}
.announcement-company-technical-works-in-progress__timer {
  margin: 16px 0;
}
.announcement-company-technical-works-in-progress__timer .flip-timer__text {
  margin-top: 4px;
}
.announcement-space-tariff-expired__days-left {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  margin: 0 2px;
  border: 1px solid var(--ffffff-50-or-ffffff-40);
  border-radius: 3px;
  font-size: 14px;
  line-height: 1;
  height: 23px;
}
.bot-info-popup .popup__description {
  padding-bottom: 20px;
}
.bot-info-popup .popup__description.bot-info-popup__description {
  font-size: 14px;
  letter-spacing: -0.15px;
}
.leftmenu-additional-button-block {
  --padding-vertical: 6px;
  --padding-horizontal: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: var(--padding-vertical) var(--padding-horizontal);
  cursor: pointer;
}
.leftmenu-additional-button-block_point {
  position: relative;
}
.leftmenu-additional-button-block_point::before {
  --size: 6px;
  content: '';
  position: absolute;
  display: block;
  left: calc((var(--padding-horizontal) - var(--size)) / 2);
  border-radius: 50%;
  width: var(--size);
  height: var(--size);
  background-color: var(--ff6a64-or-ff4f47);
}
.leftmenu-additional-button-block_light {
  color: var(--b4b4b4-or-ffffff-30);
}
.leftmenu-additional-button-block_light:hover {
  background-color: var(--f8f8f8-or-transparent);
}
.leftmenu-additional-button-block_dark {
  color: var(--ffffff-30-or-ffffff-30);
}
.leftmenu-additional-button-block_dark:hover {
  background-color: var(--333445-or-transparent);
}
.leftmenu-additional-button-block__icon-block {
  --size: 24px;
  --leftmenu-additional-button-block-icon-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: var(--leftmenu-additional-button-block-icon-size);
  height: var(--leftmenu-additional-button-block-icon-size);
}
.leftmenu-additional-button-block__content {
  font-size: 15px;
  line-height: 20px;
}
.leftmenu-additional-button-block__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  margin: 0;
}
.leftmenu-additional-button-block_light .leftmenu-additional-button-block__icon-block {
  background-color: var(--f8f8f8-or-181818-80);
}
.leftmenu-additional-button-block_dark .leftmenu-additional-button-block__icon-block {
  background-color: var(--000000-10-or-1e1e1e);
}
.leftmenu-additional-button-block_light .leftmenu-additional-button-block__title {
  color: var(--333e49-or-ffffff-75);
}
.leftmenu-additional-button-block_dark .leftmenu-additional-button-block__title {
  color: var(--f0f0f0-or-ffffff-75);
}
.all-threads-popup {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.all-threads-popup__header {
  padding: 20px 20px 15px;
  border-bottom: 1px solid var(--separator-color-line);
}
.all-threads-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  color: var(--333e49-or-ffffff-75);
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
}
.all-threads-popup__main {
  overflow: hidden scroll;
  height: 100%;
}
.all-threads-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  letter-spacing: -0.15px;
}
.all-threads-popup__message {
  padding: 12px 24px 15px;
  cursor: pointer;
}
.all-threads-popup__message_active {
  background-color: var(--009fe6-05-or-33648f-30);
}
.all-threads-popup__message_disabled {
  opacity: 0.3;
}
.all-threads-popup__message * {
  pointer-events: none;
}
.all-threads-popup__footer {
  background-color: var(--ffffff-or-1c1c1c);
}
.all-threads-popup__footer_sticky {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.all-threads-popup__footer_send-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  border-top: 1px solid var(--separator-color-line);
}
.all-threads-popup__message .message__thread {
  padding-top: 8px;
}
.all-threads-popup-stub {
  display: grid;
  place-items: center;
  margin: auto;
  height: 100%;
}
.all-threads-popup-stub__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 350px;
}
.all-threads-popup-stub__content_top-offset {
  margin-top: 5px;
}
.all-threads-popup-stub__icon {
  --size: 50px;
  margin-bottom: 13px;
}
.all-threads-popup-stub__text {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: var(--b4b4b4-or-ffffff-50);
}
.all-threads-popup-stub__button:focus {
  outline: none;
}
.all-threads-popup-stub_skeleton {
  padding-top: 8px;
  height: auto;
  display: block;
}
.all-threads-popup-stub-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 34px 0;
  border-top: 1px solid var(--separator-color-line);
  color: var(--b4b4b4-or-ffffff-30);
}
.all-threads-popup-stub-placeholder__text {
  font-size: 15px;
  line-height: 18px;
  margin-right: 8px;
}
.all-threads-popup-stub-placeholder__icon {
  --size: 18px;
  width: var(--size);
  height: var(--size);
}
.all-threads-popup-stub_comments .all-threads-popup-stub__content {
  padding: 20px;
  width: 264px;
  border: 1px solid var(--f0f0f0-or-transparent);
  border-radius: 8px;
}
.all-threads-popup-stub_comments .all-threads-popup-stub__icon {
  --size: 60px;
  margin-bottom: 10px;
  color: var(--05c46b-or-04a45a);
}
.all-threads-popup-stub_comments .all-threads-popup-stub__text {
  margin: 0;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.userbot-card-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  background-position: 90px 80px;
  background-repeat: no-repeat;
  background-size: 180px;
  width: 100%;
  height: 100%;
  background-image: url('../images/userbot/avatar-big-active.svg');
}
.userbot-card-avatar[data-color='0'] {
  background-image: url('../images/userbot/avatar-big-disabled.svg');
  background-color: var(--f5f5f5-or-ffffff-05);
}
.userbot-card-avatar[data-color='1'] {
  background-color: var(--fcf5eb-or-fcf5eb);
}
.userbot-card-avatar[data-color='2'] {
  background-color: var(--f5f8ea-or-f5f8ea);
}
.userbot-card-avatar[data-color='3'] {
  background-color: var(--ebf2fc-or-ebf2fc);
}
.userbot-card-avatar[data-color='4'] {
  background-color: var(--edfaee-or-edfaee);
}
.userbot-card-avatar[data-color='5'] {
  background-color: var(--eeebfc-or-eeebfc);
}
.userbot-card-avatar[data-color='6'] {
  background-color: var(--fff3ff-or-fff3ff);
}
.userbot-friends-popup {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.userbot-friends-popup__button {
  display: flex;
  align-items: center;
  border-radius: 5px;
  padding: 0 12px;
  height: 35px;
}
.userbot-friends-popup__title {
  margin-bottom: 9px;
}
.userbot-friends-popup__header {
  padding: 20px 20px 0;
}
.userbot-friends-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  cursor: default;
  margin-bottom: 12px;
}
.userbot-friends-popup__action {
  padding: 4px 20px 16px;
}
.userbot-friends-popup__separator {
  margin-left: 20px;
  margin-right: 20px;
  border-top: 1px dashed var(--dcdcdc-or-ffffff-05);
}
.userbot-secret-key-popup {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.userbot-secret-key-popup__header {
  display: flex;
  padding: 20px 20px 0;
}
.userbot-secret-key-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  cursor: default;
}
.userbot-secret-key-popup__description:not(:last-child) {
  margin-bottom: 8px;
}
.userbot-secret-key-popup .popup__title {
  margin-bottom: 5px;
}
.userbot-secret-key-popup .popup__footer {
  padding: 20px 16px 16px;
}
.userbot-secret-key-popup .popup__footer .svg-icon {
  --size: 18px;
  margin-left: 6px;
}
.userbot-list-popup {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.userbot-list-popup__stub-permissions {
  height: calc(var(--content-height) - 84px - 99px - 4px);
}
.userbot-list-popup__button {
  display: flex;
  align-items: center;
  border-radius: 5px;
  padding: 0 12px;
  height: 35px;
}
.userbot-list-popup__header {
  padding: 20px 20px 14px;
}
.userbot-list-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  margin-top: 5px;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.15px;
  cursor: default;
}
.userbot-list-popup__scroll {
  flex: 1;
  overflow: auto;
  border-top: 2px solid var(--ffffff-or-1c1c1c);
  border-bottom: 2px solid var(--ffffff-or-1c1c1c);
}
.userbot-list-popup__container > .placeholder-line {
  margin: 25px 0 10px 18px;
}
.userbot-list-popup__container > .placeholder-line:first-child {
  margin-top: 9px;
}
.userbot-list-popup__separator {
  margin-left: 20px;
  margin-right: 20px;
  border-top: 1px dashed var(--separator-color-dashed);
}
.userbot-list-popup__footer {
  padding: 16px 16px 14px;
}
.userbot-list-popup__list-header {
  padding-top: 8px;
}
.userbot-list-popup__list-header-deactivated {
  padding-top: 24px;
}
.userbot-list-popup__empty-block {
  margin-bottom: 23px;
}
.userbot-list-popup .empty-block {
  height: 50px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
  color: var(--b4b4b4-or-ffffff-30);
  background: var(--f8f8f8-or-ffffff-03);
  border-radius: 5px;
}
.userbot-list-popup .popup-list__items {
  margin-bottom: 17px;
}
.userbot-list-popup__list-item .badge_user {
  margin-left: auto;
}
.userbot-allowed-popup {
  height: var(--content-height);
  border-radius: 5px;
  min-height: 400px;
  width: 360px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.userbot-allowed-popup .popup__input {
  padding: 16px 16px 18px;
}
.userbot-allowed-popup .form-search__input {
  padding: 1px 42px 0 38px;
}
.userbot-allowed-popup .form-search__icon {
  left: 11px;
}
.userbot-allowed-popup .popup__footer .svg-icon {
  --size: 20px;
  margin-bottom: 0;
}
.userbot-allowed-popup .popup__not-found {
  padding: 16px;
}
.userbot-allowed-popup .popup-item_placeholder .popup-item__avatar {
  margin-right: 10px;
}
.userbot-allowed-popup .popup-item_placeholder .popup-item__name {
  margin-bottom: 4px;
  background: var(--f8f8f8-or-f8f8f8);
  border-radius: 5px;
  width: 134px;
  height: 16px;
}
.userbot-allowed-popup .popup-item_placeholder .popup-item__description {
  width: 105px;
  height: 16px;
  border-radius: 5px;
  background: var(--f8f8f8-or-f8f8f8);
}
.userbot-create,
.userbot-edit {
  overflow: scroll;
}
.userbot-create .popup__footer,
.userbot-edit .popup__footer {
  padding: 16px;
}
.userbot-create .popup__footer .svg-icon,
.userbot-edit .popup__footer .svg-icon {
  --size: 20px;
  margin-bottom: 0;
}
.userbot-create__company,
.userbot-edit__company {
  padding: 14px 16px;
  background: var(--popup-dashboard-background-color);
  border-radius: 8px 8px 0 0;
}
.userbot-create__header,
.userbot-edit__header {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 20px;
  color: var(--333e49-or-ffffff-75);
  padding: 0 0 0 16px;
}
.userbot-create__header_first,
.userbot-edit__header_first {
  padding-top: 16px;
}
.userbot-create__block,
.userbot-edit__block {
  display: flex;
  padding: 16px 0 24px;
  justify-content: space-between;
  align-items: center;
}
.userbot-create__block_switch,
.userbot-edit__block_switch {
  padding: 0;
  height: 20px;
}
.userbot-create__block_switch .icon_question_holder,
.userbot-edit__block_switch .icon_question_holder {
  color: var(--b4b4b4-or-b4b4b4);
  margin: 2px 0 0 4px;
  line-height: 1;
}
.userbot-create__block_switch .svg-icon,
.userbot-edit__block_switch .svg-icon {
  --size: 18px;
}
.userbot-create__block_last,
.userbot-edit__block_last {
  padding-bottom: 0;
}
.userbot-create__switch,
.userbot-edit__switch {
  margin-right: 20px;
}
.userbot-create__avatar,
.userbot-edit__avatar {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  margin-left: 16px;
  border-radius: 100%;
  flex: none;
  background-repeat: no-repeat;
  background-position: 50% 40%;
  cursor: pointer;
  background-image: url('../images/userbot/avatar.svg');
}
.userbot-create__avatar[data-color='1'],
.userbot-edit__avatar[data-color='1'] {
  background-color: var(--fcf5eb-or-fcf5eb);
}
.userbot-create__avatar[data-color='2'],
.userbot-edit__avatar[data-color='2'] {
  background-color: var(--f5f8ea-or-f5f8ea);
}
.userbot-create__avatar[data-color='3'],
.userbot-edit__avatar[data-color='3'] {
  background-color: var(--ebf2fc-or-ebf2fc);
}
.userbot-create__avatar[data-color='4'],
.userbot-edit__avatar[data-color='4'] {
  background-color: var(--edfaee-or-edfaee);
}
.userbot-create__avatar[data-color='5'],
.userbot-edit__avatar[data-color='5'] {
  background-color: var(--eeebfc-or-eeebfc);
}
.userbot-create__avatar[data-color='6'],
.userbot-edit__avatar[data-color='6'] {
  background-color: var(--fff3ff-or-fff3ff);
}
.userbot-create__input-body,
.userbot-edit__input-body {
  background-color: var(--popup-input-background-color);
  color: var(--popup-input-color);
  width: 100%;
  height: 36px;
  font-size: 15px;
  border-radius: 8px;
  display: flex;
  overflow: hidden;
  padding: 0 16px 0 0;
  margin: 0 16px 0 0;
}
.userbot-create__input-body .form-input,
.userbot-edit__input-body .form-input {
  background-color: transparent;
  color: currentcolor;
  padding: 9px 12px;
}
.userbot-create__input-body .form-input::placeholder,
.userbot-edit__input-body .form-input::placeholder {
  color: var(--popup-input-placeholder-color);
}
.userbot-create__input-body:first-child,
.userbot-edit__input-body:first-child {
  margin: 0 16px;
}
.userbot-create__hook-input-body,
.userbot-edit__hook-input-body {
  width: 100%;
  height: 35px;
  font-size: 15px;
  border-radius: 8px;
  border: 1px solid var(--separator-color-line);
  display: flex;
  overflow: hidden;
  margin: 0 16px;
  color: var(--b4b4b4-or-ffffff-75);
  background-color: transparent;
}
.userbot-create__hook-input,
.userbot-edit__hook-input {
  padding: 5px 8px 6px;
  height: 35px;
  width: 100%;
  background-color: transparent;
}
.userbot-create__hook-input::placeholder,
.userbot-edit__hook-input::placeholder {
  color: var(--popup-input-placeholder-color);
}
.userbot-create__wrap,
.userbot-edit__wrap {
  border-bottom: thin dashed var(--dcdcdc-or-ffffff-10);
  margin: 24px 20px 15px;
}
.userbot-create__text,
.userbot-edit__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin: 0 16px 8px;
}
.userbot-edit__header-with-avatar {
  border-radius: 8px 8px 0 0;
}
.userbot-edit__block.userbot-edit__avatar_block {
  padding: 16px 0 22px;
}
.userbot-edit__wrap_last {
  border-bottom: 1px dashed var(--separator-color-dashed);
  margin: 16px 20px;
}
.userbot-edit .profile__user-header .popup-item {
  padding: 6px 16px 5px;
}
.userbot-edit__settings {
  display: flex;
  flex-direction: column;
  padding: 0 16px 24px;
}
.userbot-edit__settings_margin-big .userbot-edit__setting-title {
  margin-bottom: 16px;
}
.userbot-edit__settings-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 12px;
}
.userbot-edit__settings-content {
  display: flex;
  justify-content: space-between;
}
.userbot-edit__settings-content_command {
  flex-direction: column;
  align-items: self-start;
}
.userbot-edit__refresh-secret-key {
  display: flex;
  padding: 7px 7px 6px;
  border: 1px solid var(--separator-color-line);
  box-sizing: border-box;
  border-radius: 5px;
  cursor: pointer;
  font-size: 20px;
  color: var(--009fe6-or-ffffff-30);
}
.userbot-edit__refresh-secret-key:hover {
  color: var(--009fe6-or-009fe6);
  border-color: var(--009fe6-or-ffffff-04);
}
.userbot-edit__refresh-secret-key .svg-icon {
  --size: 20px;
}
.userbot-edit__input-wrapper {
  display: flex;
  flex: 1;
  margin-right: 8px;
  padding: 5px 36px 5px 7px;
  border: 1px solid var(--separator-color-line);
  color: var(--333e49-or-ffffff-75);
  box-sizing: border-box;
  border-radius: 5px;
}
.userbot-edit__input-wrapper .input-secret-key {
  flex: 1;
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  background-color: transparent;
}
.userbot-edit__input-wrapper .input-secret-key[type='text'] + .userbot-edit__show-token .icon_eye {
  display: block;
}
.userbot-edit__input-wrapper .input-secret-key[type='password'] + .userbot-edit__show-token .icon_eye_closed {
  display: block;
}
.userbot-edit__show-token {
  position: absolute;
  top: 6px;
  right: 7px;
  cursor: pointer;
  font-size: 20px;
  color: var(--b4b4b4-or-ffffff-30);
}
.userbot-edit__show-token .svg-icon {
  display: none;
}
.userbot-edit__show-token:hover {
  color: var(--a1a1a1-or-009fe6);
}
.userbot-group-popup {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.userbot-group-popup__description {
  padding-top: 9px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.userbot-group-popup .popup__header {
  padding-top: 20px;
}
.userbot-group-popup__content {
  padding: 0 16px 18px;
  overflow: hidden scroll;
}
.userbot-group-popup__input-container {
  flex: 1 1 auto;
  margin-right: 8px;
  border: 1px solid var(--separator-color-line);
  background: var(--ffffff-or-1c1c1c);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.userbot-group-popup__input {
  width: 100%;
  padding: 6px 11px 6px 8px;
  font-size: 15px;
  line-height: 24px;
  cursor: text;
  user-select: text;
  max-height: 33px;
  overflow: scroll hidden;
  white-space: nowrap;
  vertical-align: text-top;
  background: transparent;
}
.userbot-group-popup__copy-button,
.userbot-group-popup__remove-button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 20px;
  border: 1px solid var(--separator-color-line);
  border-radius: 5px;
  height: 35px;
  width: 36px;
  color: var(--009fe6-or-ffffff-30);
}
.userbot-group-popup__copy-button:hover,
.userbot-group-popup__remove-button:hover {
  color: var(--009fe6-or-009fe6);
  border: 1px solid var(--009fe6-or-ffffff-04);
}
.userbot-group-popup__copy-button .svg-icon {
  --size: 22px;
  margin: 1px 0 0 1px;
}
.userbot-group-popup__remove-button {
  color: var(--b4b4b4-or-ffffff-30);
  margin-left: auto;
}
.userbot-group-popup__remove-button .svg-icon {
  --size: 20px;
}
.userbot-group-popup__remove-button:hover {
  color: var(--ff6a64-or-ff4f47);
  border: 1px solid var(--separator-color-line);
}
.userbot-group-popup__button_full {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  padding: 6px 12px;
  line-height: 23px;
  font-size: 15px;
  width: 100%;
}
.userbot-group-popup__separator {
  border-bottom: thin dashed var(--dcdcdc-or-ffffff-10);
  margin: 24px 0 15px;
}
.userbot-group-popup__data {
  display: flex;
  width: 100%;
  margin-bottom: 8px;
}
.userbot-group-popup__data-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
}
.userbot-group-popup__data-description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.userbot-group-popup__data-title,
.userbot-group-popup__data-description {
  margin-left: 4px;
  margin-right: 4px;
}
.userbot-group-popup .empty-block {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-30);
  background: var(--f8f8f8-or-ffffff-03);
  border-radius: 5px;
}
.userbot-group-popup__item {
  display: flex;
  align-items: center;
}
.userbot-group-popup__item .popup-item {
  padding: 6px 16px 6px 0;
}
.userbot-group-popup__item .popup-item:hover {
  background-color: unset;
}
.userbot-group-popup__item .popup-item__avatar {
  cursor: pointer;
}
.userbot-group-popup__list-items {
  margin: 14px 0 15px;
}
.userbot-group-popup__empty-block {
  margin: 14px 0 16px;
}
.userbot-group-popup__scroll {
  flex: 1;
  overflow: auto;
  border-top: 2px solid var(--ffffff-or-1c1c1c);
  border-bottom: 2px solid var(--ffffff-or-1c1c1c);
}
.userbot-oops__title {
  padding: 21px 42px 8px 20px;
}
.userbot-oops__content {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  padding: 0 20px;
  line-height: 20px;
  font-size: 14px;
  letter-spacing: -0.15px;
}
.userbot-oops__description-item + .userbot-oops__description-item {
  margin-top: 12px;
}
.userbot-oops__content-button {
  margin: 16px 20px;
}
.userbot-oops-error .popup__footer {
  padding: 24px 16px 16px;
}
.userbot-oops-error__description {
  margin-top: 7px;
}
.userbot-oops-error .popup__header {
  padding: 19px 29px 0 20px;
}
.userbot-oops-error .button_icon-right .svg-icon {
  --size: 20px;
  margin-bottom: 0;
  margin-left: 4px;
}
.userbot-group-remove-popup .popup__header {
  padding: 20px 20px 0;
}
.userbot-group-remove-popup .popup__title {
  margin-bottom: 5px;
}
.userbot-group-remove-popup__description {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.userbot-menu {
  position: absolute;
  inset: 0;
  z-index: 120;
}
.userbot-menu__backdrop {
  position: absolute;
  inset: 0;
}
.userbot-menu__content {
  position: absolute;
  padding: 2px 0;
  border: 1px solid var(--separator-color-line);
  border-radius: 5px;
  background-color: var(--ffffff-or-272727);
  box-shadow: 0 2px 4px var(--000000-05-or-transparent);
}
.userbot-menu__angle {
  position: absolute;
  top: 0;
}
.userbot-menu__angle::before,
.userbot-menu__angle::after {
  content: '';
  position: absolute;
  bottom: 1px;
  border: 7px solid transparent;
  border-bottom: 9px solid var(--f0f0f0-or-2c2e2f);
}
.userbot-menu__angle::after {
  border-bottom: 9px solid var(--ffffff-or-272727);
  bottom: -1px;
}
.userbot-menu__angle_top {
  transform: rotate(-180deg);
}
.userbot-menu-list {
  max-height: 282px;
  width: 358px;
  overflow: scroll;
  border-radius: 8px;
}
.userbot-menu-list__preloader {
  height: 185px;
  margin: 0;
}
.userbot-menu-item {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
  margin: 0 15px;
}
.userbot-menu-item:not(:first-child) {
  border-top: 1px solid var(--f5f5f5-or-ffffff-05);
}
.userbot-menu-item:first-child {
  padding: 9px 0 12px;
}
.userbot-menu-item__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
}
.userbot-menu-item__command {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  align-items: center;
  padding: 3px 8px;
  background-color: var(--007aff-10-or-006be0-10);
  border-radius: 5px;
  margin-top: 10px;
  font-size: 13px;
  line-height: 18px;
  color: var(--2574a9-or-009fe6);
  cursor: pointer;
  margin-right: auto;
}
.userbot-menu-item__command_active {
  background-color: var(--007aff-20-or-006be0-20);
}
.userbot-edit-footer,
.userbot-create-footer {
  padding: 16px;
}
.userbot-edit-footer .svg-icon,
.userbot-create-footer .svg-icon {
  --size: 20px;
  margin-bottom: 0;
}
.userbot-menu-empty {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  width: 358px;
  text-align: center;
  padding: 27px 51px;
  color: var(--677380-or-ffffff-75);
}
.userbot-card {
  display: flex;
  flex-direction: column;
}
.userbot-card__button {
  border-bottom: 1px dashed var(--separator-color-dashed);
  padding: 16px 16px 23px;
  margin-bottom: 10px;
}
.userbot-card__button > .button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 23px;
  padding: 6px 9px 6px 11px;
}
.userbot-card__button .button_preloader .svg-icon {
  animation: 0s delayHideSvg 300ms linear forwards;
}
.userbot-card__button .button_blue .userbot-card__svg-holder {
  margin: 10px 0 0;
}
.userbot-card__button .button_red .userbot-card__svg-holder {
  margin: 6px 4px 0 0;
}
.userbot-card__button .button_red .userbot-card__svg-holder .svg-icon {
  --size: 20px;
}
.userbot-card__body {
  padding: 0 0 8px;
}
.userbot-card .badge {
  margin-bottom: 2px;
}
.userbot-card__setting {
  display: flex;
  flex-direction: column;
  padding: 16px 16px 8px;
}
.userbot-card__setting_margin-big .userbot-card__setting-title {
  margin-bottom: 16px;
}
.userbot-card__setting-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 12px;
}
.userbot-card__setting-content {
  display: flex;
  justify-content: space-between;
}
.userbot-card__setting-content.userbot-card__groups-holder {
  flex-direction: column;
}
.userbot-card__setting-content_groups-empty {
  margin: 0 16px;
}
.userbot-card__setting-content_command {
  flex-direction: column;
  align-items: self-start;
}
.userbot-card__setting-content_command .userbot-card__command {
  user-select: text;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
.userbot-card__show-token {
  position: absolute;
  top: 6px;
  right: 7px;
  cursor: pointer;
  font-size: 20px;
  color: var(--b4b4b4-or-b4b4b4);
}
.userbot-card__show-token .svg-icon {
  display: none;
}
.userbot-card__show-token:hover {
  color: var(--a1a1a1-or-ffffff-50);
}
.userbot-card__command {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  align-items: center;
  padding: 3px 8px;
  background: var(--007aff-10-or-006be0-10);
  border-radius: 5px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 18px;
  color: var(--2574a9-or-009fe6);
  cursor: pointer;
}
.userbot-card__command:last-child {
  margin-bottom: 0;
}
.userbot-card__command:hover {
  background: var(--007aff-20-or-006be0-20);
}
.userbot-card__setting-groups {
  padding: 16px 0;
}
.userbot-card__setting-groups .userbot-card__setting-title {
  margin-bottom: 12px;
  margin-left: 16px;
}
.userbot-card__setting-groups .userbot-card__setting-content_groups {
  flex-direction: column;
}
.userbot-card__setting-groups .popup_list_item_description {
  line-height: 21px;
  height: 21px;
}
.userbot-card__setting-groups .avatar {
  margin-right: 8px;
}
.userbot-card__list-item.popup_list_item {
  padding: 6px 16px 5px;
  width: 100%;
}
.userbot-card__chat-button {
  padding: 6px 8px;
}
.userbot-card__chat-button .svg-icon {
  --size: 20px;
}
.userbot-card__setting_placeholder .userbot-card__setting-title,
.userbot-card__setting-groups_placeholder .userbot-card__setting-title {
  border-color: var(--f8f8f8-or-f8f8f8);
  border-radius: 5px;
  height: 27px;
  width: 82px;
  background: var(--f8f8f8-or-f8f8f8);
}
.userbot-card__setting_placeholder.userbot-card__setting_placeholder-common .userbot-card__setting-title,
.userbot-card__setting-groups_placeholder.userbot-card__setting_placeholder-common .userbot-card__setting-title {
  width: 100px;
}
.userbot-card__setting_placeholder:first-child,
.userbot-card__setting-groups_placeholder:first-child {
  padding-top: 16px;
}
.userbot-card__setting_placeholder:nth-child(2) .userbot-card__setting-title,
.userbot-card__setting-groups_placeholder:nth-child(2) .userbot-card__setting-title {
  width: 116px;
}
.userbot-card__setting_placeholder:nth-child(3) .userbot-card__setting-title,
.userbot-card__setting-groups_placeholder:nth-child(3) .userbot-card__setting-title {
  width: 100px;
}
.userbot-card__setting_placeholder .userbot-card__list-item:last-child .popup_list_item_name,
.userbot-card__setting-groups_placeholder .userbot-card__list-item:last-child .popup_list_item_name {
  width: 82px;
}
.userbot-card__setting_placeholder .userbot-card__input-wrapper,
.userbot-card__setting-groups_placeholder .userbot-card__input-wrapper {
  height: 35px;
  margin-right: 8px;
}
.userbot-card__setting_placeholder .userbot-card__command,
.userbot-card__setting-groups_placeholder .userbot-card__command {
  background: var(--f8f8f8-or-f8f8f8);
  border-color: var(--f8f8f8-or-f8f8f8);
  border-radius: 5px;
  height: 20px;
  width: 111px;
  cursor: default;
}
.userbot-card__setting_placeholder .userbot-card__command:first-child,
.userbot-card__setting-groups_placeholder .userbot-card__command:first-child {
  width: 211px;
}
.userbot-card__setting_placeholder .avatar_40,
.userbot-card__setting-groups_placeholder .avatar_40 {
  background: var(--f8f8f8-or-f8f8f8);
  border-color: var(--f8f8f8-or-f8f8f8);
  margin-right: 8px;
  cursor: default;
}
.userbot-card__setting_placeholder .popup_list_item,
.userbot-card__setting-groups_placeholder .popup_list_item {
  cursor: default;
}
.userbot-card__setting_placeholder .popup_list_item:hover,
.userbot-card__setting-groups_placeholder .popup_list_item:hover {
  background: unset;
}
.userbot-card__setting_placeholder .popup_list_item_name,
.userbot-card__setting-groups_placeholder .popup_list_item_name {
  background: var(--f8f8f8-or-f8f8f8);
  border-color: var(--f8f8f8-or-f8f8f8);
  border-radius: 5px;
  width: 110px;
  height: 14px;
  margin: 1px 0 6px;
}
.userbot-card__setting_placeholder .popup_list_item_description,
.userbot-card__setting-groups_placeholder .popup_list_item_description {
  background: var(--f8f8f8-or-f8f8f8);
  border-color: var(--f8f8f8-or-f8f8f8);
  width: 182px;
  height: 10px;
}
.userbot-card__deleted {
  padding: 16px 20px 8px;
  display: flex;
}
.userbot-card__deleted-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin: 0 0 0 12px;
}
.userbot-card__outside-button-preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  animation: 0s delayHideButtonText 300ms linear forwards;
}
.userbot-card__outside-button-preloader::after {
  content: '';
  height: 20px;
  width: 20px;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 20px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards,
				linear 500ms infinite rotatePreloader;
}
.userbot-card__outside-button-preloader .svg-icon {
  animation: 0s delayHideSvg 300ms linear forwards;
}
.userbot-delete__header {
  padding: 52px 0 16px;
  font-size: 15px;
  margin: 0 20px;
  line-height: 22px;
  text-align: center;
  border-bottom: 1px dashed var(--separator-color-dashed);
}
.userbot-delete__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  color: var(--333e49-or-ffffff-75);
}
.userbot-delete__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.userbot-delete__content {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  margin: 15px 20px 0;
  padding: 0 0 24px;
  letter-spacing: -0.15px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px dashed var(--separator-color-dashed);
}
.userbot-delete__content .userbot-delete__stamp {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--ffffff-50-or-1c1c1c-80);
  margin: 0 auto;
  top: -9px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.userbot-delete__content-text:first-child {
  margin-bottom: 12px;
}
.userbot-delete__footer {
  padding: 15px 16px 16px;
}
.userbot-delete__progress-content {
  width: 100% !important;
  height: 35px;
}
.userbot-delete__progress-content .progress {
  height: 35px;
}
.userbot-delete__progress-text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 35px;
  font-size: 15px;
  line-height: 23px;
  color: var(--ffffff-or-ffffff);
  top: 0;
}
.userbot-delete .button_black {
  background: var(--333e49-or-000000);
  color: var(--ffffff-or-ffffff);
}
.userbot-delete .button_black:hover {
  background-color: var(--445260-or-141414);
}
.userbot-delete__error-separator {
  border-top: 1px dashed var(--separator-color-dashed);
  margin: 16px 0 18px;
}
.userbot-delete__error-content {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 0 0 4px 3px;
  display: flex;
}
.userbot-delete__error-icon {
  --size: 20px;
  color: var(--ffaa33-or-ff9d14);
  margin-right: 8px;
}
.userbot-delete__error-text {
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--333e49-or-ffffff-30);
}
.onboarding {
  position: absolute;
  inset: 0;
  z-index: 120;
}
.onboarding__overlay {
  background: var(--04040a-80-or-000000-80);
  width: 100%;
  top: var(--title-bar-height);
  height: var(--content-height);
}
.onboarding .popover__angle_onboarding::before,
.onboarding .popover__angle_onboarding::after {
  border-bottom-color: var(--393a4d-or-272727);
}
.onboarding__popover-placeholder {
  position: absolute;
  top: var(--top-old);
  left: var(--left-old);
  z-index: 121;
}
.onboarding .onboarding-popover {
  width: 351px;
  border-radius: 5px;
  font-size: 15px;
  line-height: 22px;
  padding: 16px;
  background-color: var(--393a4d-or-272727);
  opacity: 0;
  animation: fadeIn 500ms 200ms ease-out forwards;
}
.onboarding .onboarding-popover__counter {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: var(--f8f8f8-30-or-ffffff-30);
  transition: 400ms ease-out;
}
.onboarding .onboarding-popover__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.onboarding .onboarding-popover__text {
  color: var(--f8f8f8-80-or-ffffff-75);
  transition: max-height 400ms ease-out;
  max-height: 500px;
  overflow: hidden;
}
.onboarding .onboarding-popover__text_animation-blocked .onboarding-popover__text-inner {
  animation-duration: 0ms;
}
.onboarding .onboarding-popover__text_animation-blocked .onboarding-popover__text-inner + .onboarding .onboarding-popover__text_animation-blocked .onboarding-popover__text-inner {
  animation-duration: 0ms;
}
.onboarding .onboarding-popover__text-inner {
  animation: fadeIn 400ms forwards;
}
.onboarding .onboarding-popover__text-inner + .onboarding .onboarding-popover__text-inner {
  animation: fadeOut 400ms forwards;
  top: 0;
  position: absolute;
}
.onboarding .onboarding-popover .onboarding-popover__move-icon {
  --size: 20px;
}
.onboarding__fake-element {
  opacity: 0;
  position: absolute;
  animation: fadeIn 0.3s ease-out forwards;
  z-index: 120;
  pointer-events: none;
}
.onboarding__fake-element + .onboarding__fake-element,
.onboarding__fake-element_force-hide {
  animation: fadeOut 0.3s ease-out forwards;
}
.onboarding__fake-element.leftmenu-header__avatar {
  box-shadow: 0 0 0 6px var(--393a4d-or-212121);
}
.onboarding__fake-element.leftmenu-header__avatar::after {
  display: none;
}
.onboarding__fake-element.leftmenu-companies__company-add {
  box-shadow: 0 0 0 4px var(--393a4d-or-212121);
}
.onboarding__fake-element.leftmenu-companies__company {
  box-shadow: 0 0 0 4px var(--393a4d-or-212121);
}
.onboarding__fake-element.leftmenu-companies__company[data-status='postmoderation']::after {
  content: '';
  border-radius: 50%;
  position: absolute;
  height: 26px;
  width: 26px;
  left: 22px;
  top: -8px;
  z-index: -1;
  background: linear-gradient(44deg, transparent 0%, transparent 40%, var(--393a4d-or-212121) 26%, var(--393a4d-or-212121) 100%);
}
.onboarding__fake-element.leftmenu-additional-button {
  background-color: var(--393a4d-or-212121);
}
@keyframes changeColor {
  from {
    border-color: var(--ffffff-or-1c1c1c);
  }
  to {
    border-color: var(--ff6a64-or-ff4f47);
  }
}
.billing-iframe__bank-popup {
  height: 610px;
  display: flex;
  flex-direction: column;
}
.billing-iframe__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  text-align: left;
  height: 60px;
  padding: 20px;
}
.billing-iframe__confirm-container {
  display: flex;
  padding: 0 14px;
}
.billing-iframe__confirm-container .toastr-popup__info {
  padding: 21px 24px 17px;
}
.billing-iframe__confirm-title {
  font-size: 15px;
  line-height: 22px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
}
.billing-iframe__confirm-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.billing-iframe__confirm-buttons .cbutton-primary:first-child {
  margin-right: 12px !important;
  min-width: 52px;
}
.billing-iframe__confirm-buttons .cbutton-primary {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
}
.billing-iframe__header {
  height: 60px;
  border-bottom: 1px solid var(--separator-color-line);
  display: flex;
  justify-content: space-between;
}
.billing-iframe__content {
  display: flex;
  flex-direction: column;
}
.billing-iframe__webview {
  height: 100%;
}
.billing-iframe__stub {
  position: absolute;
  width: 100%;
  height: calc(100% - 60px);
  margin-top: 60px;
}
.billing-iframe__stub-text {
  width: 320px;
}
.billing-iframe__svg-icon {
  --size: 60px;
  color: var(--popup-empty-icon-background-color);
}
.billing-pay-info .button__icon {
  width: 20px;
  height: 20px;
}
.billing-pay-info .popup__header {
  margin-bottom: 16px;
  padding-right: 20px;
}
.billing-pay-info .popup__title {
  margin-bottom: 8px;
}
.billing-pay-info .popup__footer {
  padding: 16px 20px;
}
.billing-pay-info .popup__description {
  font-family: Lato, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: left;
}
.billing-pay-info .form-input {
  width: 206px;
  padding-right: 25px;
  border: 1px solid var(--f8f8f8-or-transparent);
  background-color: var(--popup-input-background-color);
}
.billing-pay-info .form-input_error {
  border: 1px solid var(--ff6a64-or-ff4f47-50);
}
.billing-pay-info .form-input-hint {
  border-color: var(--separator-color-line);
}
.billing-pay-info .form-input-hint__item_not-found {
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  padding: 9px 12px 11px;
}
.billing-pay-info__product-description {
  --icon-width: 9px;
  --icon-height: 18px;
  display: inline-block;
  place-items: center center;
  font-size: 15px;
  line-height: 18px;
}
.billing-pay-info__product-duration {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
}
.billing-pay-info__product {
  margin-right: 20px;
  display: flex;
  flex-direction: column;
}
.billing-pay-info__between {
  margin-bottom: 4px;
  display: flex;
}
.billing-pay-info__btn-clear {
  cursor: pointer;
  position: absolute;
  right: 7px;
  top: 8px;
}
.billing-pay-info__icon-clear {
  color: var(--dcdcdc-or-ffffff-15);
  width: 14px !important;
  height: 14px !important;
}
.billing-pay-info__icon-clear:hover {
  color: var(--b4b4b4-or-009fe6);
}
.billing-pay-info__content {
  overflow: visible !important;
}
.billing-pay-info__button-next {
  margin-top: 5px;
}
.billing-pay-info__documents {
  font-family: Lato, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0;
  text-align: left;
  padding: 8px 0 24px;
  margin: 0 20px;
  border-bottom: 1px dashed var(--dcdcdc-or-ffffff-10);
  color: var(--333e49-or-ffffff-30);
}
.billing-pay-info__documents .link {
  color: var(--2574a9-or-009fe6);
  border-bottom: none;
}
.billing-pay-info__documents .link:hover {
  color: var(--1c577f-or-2574a9);
}
.billing-pay-info__list {
  word-break: break-word;
}
.billing-pay-info__phone-input,
.billing-pay-info__country-input {
  border-radius: 8px;
  width: 100%;
  background-color: transparent;
  font-size: inherit;
  line-height: inherit;
  flex: 1;
  padding: 7px 25px 7px 37px;
}
.billing-pay-info__phone-input::placeholder,
.billing-pay-info__country-input::placeholder {
  color: var(--popup-input-placeholder-color);
}
.billing-pay-info__form-input-country,
.billing-pay-info__form-input-phone {
  margin-right: 4px;
  cursor: text;
}
.billing-pay-info__form-input-country.form-input,
.billing-pay-info__form-input-phone.form-input {
  padding: 0;
}
.billing-pay-info__form-input-country .billing-pay-info__flag_button_inside-input,
.billing-pay-info__form-input-phone .billing-pay-info__flag_button_inside-input {
  position: absolute;
  left: 11px;
  height: 100%;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.billing-pay-info__form-input-country .billing-pay-info__earth_inside-input,
.billing-pay-info__form-input-phone .billing-pay-info__earth_inside-input {
  margin-top: 0;
}
.billing-pay-info__form-input-country .billing-pay-info__flag_inside-input,
.billing-pay-info__form-input-phone .billing-pay-info__flag_inside-input {
  display: flex;
  align-items: center;
  margin: -1px 0 0 2px;
  width: auto;
}
.billing-pay-info__form-input-address {
  width: 100% !important;
}
.billing-pay-info__earth {
  color: var(--b4b4b4-or-ffffff-30);
  width: 20px;
  height: 20px;
  margin-top: 4px;
}
.billing-pay-info__info {
  padding-left: 16px;
  padding-right: 16px;
}
.billing-pay-info__flag {
  display: flex;
  align-items: center;
  width: 20px;
}
.billing-pay-info__flag .emoji_outer {
  width: 15px;
  height: 15px;
}
.billing-pay-info__text {
  width: 164px;
}
.billing-pay-info__input-hint {
  width: 206px;
  max-height: 112px;
  overflow-x: hidden;
  left: -1px;
}
.billing-pays {
  width: 448px;
  overflow: hidden auto;
}
.billing-pays .close-filled__circle {
  fill: var(--f8f8f8-or-ffffff-03);
}
.billing-pays .popup__header {
  margin-bottom: 16px;
  padding: 20px 46px 0 20px;
}
.billing-pays .popup__title {
  margin-bottom: 8px;
}
.billing-pays .popup__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.billing-pays .popup__close {
  right: 13px;
}
.billing-pays_success .popup__description,
.billing-pays_description-hidden .popup__description {
  visibility: hidden;
}
.billing-pays__product {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
.billing-pays_cloud {
  background: linear-gradient(180deg, var(--f5f5f5-or-1c1c1c) 0%, var(--ffffff-or-1c1c1c) 100%);
}
.billing-pays_cloud::before {
  content: '';
  position: absolute;
  left: -680px;
  width: 1360px;
  height: 376px;
  background: url('../images/rating/cloud.svg') repeat-x 0 62px;
  transform: translateX(680px);
  animation: clouds-move 30s linear infinite;
  opacity: var(--billing-pays-cloud-opacity);
}
.billing-pays__content {
  padding: 0 20px;
  min-height: 265px;
  margin-bottom: 11px;
}
.billing-pays__pays {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-bottom: 20px;
}
.billing-pays__footer {
  background: var(--popup-dashboard-background-color);
  padding: 22px 20px 20px;
}
.billing-pays__logo-list {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 53px;
  margin-bottom: 20px;
}
.billing-pays__logo_master {
  margin-right: 15px;
}
.billing-pays__logo_visa {
  margin-right: 21px;
}
.billing-pays__logo_mir {
  margin-right: 17px;
}
.billing-pays__logo_stripe {
  margin-right: 24px;
}
.billing-pays__logo_pci {
  width: 60px;
  height: 30px;
  opacity: var(--billing-card-footer-logo-opacity);
}
.billing-pays__logo_tinkoff {
  width: 91px;
}
.billing-pays__footer-text {
  font-size: 13px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-30);
  margin-bottom: 18px;
}
.billing-pays__footer-text:last-child {
  margin-bottom: 0;
}
.billing-pays__product-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 2px;
}
.billing-pays__product-price {
  --icon-width: 9px;
  --icon-height: 18px;
  display: inline-block;
  place-items: center center;
  font-size: 15px;
  line-height: 18px;
}
.billing-pays__product-price .currency-icon {
  display: contents;
}
.billing-pays__product-price .svg-icon {
  position: absolute;
  margin-left: 3px;
}
.billing-pays__status {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.billing-pays__button {
  padding-right: 13px;
  margin-top: 5px;
}
.billing-pays__button .svg-icon {
  --size: 22px;
  margin-left: 3px;
}
.billing-pays__button_success {
  padding-right: 16px;
}
.billing-pays__button_success .svg-icon {
  display: none;
}
.billing-pays-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 328px;
  padding-top: 53px;
}
.billing-pays-status_error-on-premise {
  padding-top: 10px;
  margin-bottom: -6px;
}
.billing-pays-status__preloader {
  width: 80px;
  height: 80px;
  margin-bottom: 22px;
}
.billing-pays-status__preloader::after {
  content: '';
  height: 80px;
  width: 80px;
  background: url('../images/global/preloader-blue.svg') center no-repeat;
  background-size: 80px;
  position: absolute;
  animation: linear 500ms infinite rotatePreloader;
}
.billing-pays-status__logo {
  width: 80px;
  height: 80px;
  margin-bottom: 23px;
}
.billing-pays-status__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.2px;
  margin-bottom: 10px;
}
.billing-pays-status__description {
  font-size: 15px;
  line-height: 18px;
  text-align: center;
}
.billing-pays-status__description .link {
  user-select: all;
}
.billing-pays-status__buttons {
  --icon-area: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  gap: 12px;
}
.billing-international-pays-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 270px;
  padding-top: 22px;
}
.billing-international-pays-status__preloader {
  width: 80px;
  height: 80px;
  margin-bottom: 22px;
}
.billing-international-pays-status__preloader::after {
  content: '';
  height: 80px;
  width: 80px;
  background: url('../images/global/preloader-blue.svg') center no-repeat;
  background-size: 80px;
  position: absolute;
  animation: linear 500ms infinite rotatePreloader;
}
.billing-international-pays-status__logo {
  width: 80px;
  height: 80px;
  margin-bottom: 23px;
  transform: translateZ(0);
}
.billing-international-pays-status__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.2px;
  color: var(--333e49-or-ffffff-75);
  margin-bottom: 10px;
}
.billing-international-pays-status__description {
  font-size: 15px;
  line-height: 18px;
  text-align: center;
}
.billing-card {
  --card-color: var(--f5f5f5-or-232323);
  --card-input-color: var(--ffffff-or-171717);
}
.billing-card_disabled {
  pointer-events: none;
}
.billing-card__wrapper {
  height: 286px;
  margin-bottom: 20px;
}
.billing-card__wrapper-logo {
  width: 60px;
  height: 40px;
  background: var(--ffffff-or-ffffff-03);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}
.billing-card__front {
  background-color: var(--card-color);
  border-radius: 10px;
  padding: 16px 16px 24px;
  width: 332px;
  height: 200px;
}
.billing-card__back {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  background-color: var(--card-color);
  border-radius: 10px;
  padding: 16px 16px 24px;
  position: absolute;
  width: 332px;
  height: 200px;
  top: 86px;
  left: 76px;
}
.billing-card__back::after {
  content: '';
  display: block;
  position: absolute;
  width: 256px;
  height: 25px;
  bottom: 86px;
  left: -2px;
  box-shadow: 0 8px 30px var(--000000-10-or-000000-15);
  border-radius: 0 0 10px;
}
.billing-card__logo-list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 38px;
  margin-bottom: 34px;
}
.billing-card__logo {
  opacity: var(--billing-card-logo-opacity);
}
.billing-card__logo_block {
  margin-left: 10px;
  margin-top: 1px;
}
.billing-card__logo_visa {
  --size: 50px;
}
.billing-card__logo_master {
  --size: 56px;
}
.billing-card__logo_mir {
  --size: 60px;
}
.billing-card__input-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.billing-card__stripe {
  flex: none;
  height: 21px;
  width: 1px;
  margin-right: 5px;
  margin-left: 5px;
  background-color: var(--f0f0f0-or-ffffff-10);
}
.billing-card__expire {
  display: flex;
  align-items: center;
  width: 80px;
  height: 36px;
  padding: 9px 7px;
}
.billing-card__date {
  width: 28px;
  text-align: center;
  box-sizing: content-box;
  background-color: transparent;
}
.billing-card__date_month {
  padding: 9px 0 9px 6px;
}
.billing-card__date_year {
  padding: 9px 7px 9px 0;
}
.billing-card__date::placeholder {
  color: var(--popup-input-placeholder-color);
}
.billing-card__tape {
  width: 100%;
  height: 45px;
  position: absolute;
  top: 32px;
  left: 0;
  background-color: var(--3e3f41-or-000000-10);
}
.billing-card__input {
  padding-left: 13px;
  padding-right: 10px;
  background-color: var(--card-input-color);
  border: 1px solid var(--ffffff-or-transparent);
}
.billing-card__input_pan {
  width: 100%;
  margin-bottom: 16px;
}
.billing-card__input_holder {
  margin-right: 15px;
  width: 205px;
}
.billing-card__input_expire {
  display: flex;
  align-items: center;
  width: 80px;
  height: 36px;
  padding: 0;
  overflow: hidden;
}
.billing-card__input_cvv {
  display: flex;
  height: 36px;
  width: 94px;
  padding-left: 12px;
  cursor: text;
}
.billing-card__cvv {
  display: flex;
  align-items: center;
}
.billing-card__cvv-label {
  font-size: 15px;
  line-height: 18px;
  color: var(--dcdcdc-or-ffffff-30);
  margin-right: 16px;
}
.billing-card__cvv-button {
  --size: 24px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 46px;
  height: 100%;
  color: var(--dcdcdc-or-ffffff-30);
  cursor: text;
}
.billing-card__cvv-button_clickable {
  color: var(--333e49-or-ffffff-75);
  cursor: pointer;
}
.billing-card__cvv-button_clickable:hover {
  color: var(--dcdcdc-or-ffffff-30);
}
.billing-card__cvv-button_active {
  --eye-open: 0;
  --eye-close: 1;
}
.billing-card__code {
  width: 40px;
  background-color: transparent;
}
.billing-card__code::placeholder {
  color: var(--popup-input-placeholder-color);
}
.billing-card__checkbox label {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  display: inline-flex;
  cursor: pointer;
  padding-left: 2px;
}
.billing-card__checkbox label::before {
  content: '';
  display: block;
  margin-right: 8px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--007aff-or-006be0);
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.billing-card__checkbox input {
  display: none;
}
.billing-card__checkbox input:disabled + label {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  color: var(--b4b4b4-or-b4b4b4);
  margin-bottom: 7px;
  cursor: auto;
}
.billing-card__checkbox input:disabled + label::before,
.billing-card__checkbox input:checked + label::before {
  border-radius: 5px;
  background-color: var(--007aff-or-006be0);
  background-image: url('../images/global/check-mark-small.svg');
}
.billing-card__checkbox input:disabled + label::before {
  cursor: auto;
  opacity: 0.3;
}
.billing-card .form-input_error {
  border-color: var(--ff4f47-80-or-ff4f47-80) !important;
  animation: changeColor 0.1s 0.3s forwards;
}
.billing-card-international {
  --card-color: var(--f5f5f5-or-232323);
  --card-input-color: var(--ffffff-or-171717);
  margin-top: 20px;
  padding-bottom: 12px;
}
.billing-card-international_disabled {
  pointer-events: none;
}
.billing-card-international__wrapper {
  padding: 24px 24px 20px;
  margin-bottom: 20px;
  width: 100%;
  background: var(--card-color);
  border-radius: 10px;
}
.billing-card-international__logo-list {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 32px;
}
.billing-card-international__number {
  margin-bottom: 24px;
}
.billing-card-international__expire-cvv {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.billing-card-international__logo + .billing-card-international__logo {
  margin-left: 10px;
}
.billing-card-international__logo {
  width: 60px;
  height: 40px;
  border-radius: 5px;
  background-color: var(--ffffff-or-ffffff-03);
}
.billing-card-international__logo_discover {
  width: 63px;
}
.billing-card-international__logo_unionpay {
  width: 66px;
}
.billing-card-international__preloader {
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 20px;
}
.billing-card-list {
  width: 448px;
  overflow: hidden auto;
  background-color: var(--ffffff-or-ffffff);
  display: flex;
  flex-direction: column;
  min-height: 353px;
}
.billing-card-list .popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--333e49-or-333e49);
  margin-bottom: 7px;
}
.billing-card-list .popup__close {
  right: 13px;
}
.billing-card-list .popup-empty__text {
  width: 300px;
}
.billing-card-list .button-author {
  padding: 3px 5px 3px 8px;
}
.billing-card-list .button-author .button-author__text {
  margin-right: 6px;
}
.billing-card-list .button-author .svg-icon {
  --size: 14px;
  color: var(--2574a9-or-009fe6);
}
.billing-card-list_disabled .button-author {
  pointer-events: none;
  opacity: 0.3;
}
.billing-card-list_disabled .billing-card-list__content {
  pointer-events: none;
}
.billing-card-list_disabled .billing-card-list__button {
  pointer-events: none;
}
.billing-card-list_disabled .billing-card-list__button_success {
  pointer-events: auto;
}
.billing-card-list__header-button {
  margin-bottom: 12px;
}
.billing-card-list__pay-block {
  padding: 0 20px;
}
.billing-card-list__pay-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.billing-card-list__pay-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.2px;
  color: var(--333e49-or-333e49);
}
.billing-card-list__pay-info {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--333e49-or-333e49);
}
.billing-card-list__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 20px;
}
.billing-card-list__product-name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-333e49);
  margin-bottom: 2px;
}
.billing-card-list__product-cost {
  --icon-width: 9px;
  --icon-height: 18px;
  display: inline-block;
  place-items: center center;
  font-size: 15px;
  line-height: 18px;
  color: var(--333e49-or-333e49);
}
.billing-card-list__product-cost .currency-icon {
  display: contents;
}
.billing-card-list__product-cost .svg-icon {
  position: absolute;
  margin-left: 3px;
}
.billing-card-list__button {
  padding-right: 13px;
}
.billing-card-list__button_success {
  padding-right: 16px;
}
.billing-card-list__button_success .svg-icon {
  display: none;
}
.billing-card-list__button_progress.button_sapphire {
  background: linear-gradient(45deg, var(--007aff-or-006be0) 25%, var(--000000-05-or-000000-05) 25%, var(--000000-05-or-000000-05) 50%, var(--007aff-or-006be0) 50%, var(--007aff-or-006be0) 75%, var(--000000-05-or-000000-05) 75%, var(--000000-05-or-000000-05)), var(--007aff-or-006be0);
  background-size: 1rem 1rem;
  pointer-events: none;
  cursor: default;
  animation: 0s delayShowPreloader 300ms linear forwards, progress-bar-stripes 4s linear infinite;
}
.billing-card-list__button .svg-icon {
  --size: 21px;
  color: var(--ffffff-or-ffffff);
  margin-left: 4px;
}
.billing-card-list__stub {
  flex: 1;
  padding-bottom: 7px;
}
.billing-card-list__empty {
  height: 52px;
  font-size: 13px;
  line-height: 18px;
  color: var(--b4b4b4-or-b4b4b4);
  background-color: var(--f8f8f8-or-f8f8f8);
  border-radius: 5px;
  margin: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.billing-card-list__divider {
  border-top: 1px dashed var(--separator-color-dashed);
  margin: 16px 20px;
}
.billing-card-list__pay-block + .billing-card-list__divider {
  margin-bottom: 12px;
}
.billing-card-item {
  padding-left: 16px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  height: 52px;
  cursor: pointer;
}
.billing-card-item_selected {
  background-color: var(--009fe6-05-or-33648f-30);
}
.billing-card-item:not(.billing-card-item_selected):hover {
  background-color: var(--f8f8f8-or-f8f8f8);
}
.billing-card-item__info {
  flex: 1;
  margin-top: 3px;
}
.billing-card-item__pan {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: var(--333e49-or-333e49);
}
.billing-card-item__last-pay {
  font-size: 15px;
  line-height: 22px;
  color: var(--b4b4b4-or-b4b4b4);
}
.billing-card-item__button {
  display: flex;
}
.billing-card-item__button .svg-icon {
  --size: 20px;
  color: var(--popup-empty-icon-background-color);
  cursor: pointer;
}
.billing-card-item__button .svg-icon:hover {
  color: var(--ff6a64-or-ff4f47);
}
.billing-card-item__button_error {
  cursor: none;
  pointer-events: none;
  color: var(--ff6a64-or-ff4f47);
}
.billing-card-item__button_error .svg-icon {
  --size: 13px;
  margin-top: 3px;
  color: var(--ff6a64-or-ff4f47);
}
.billing-card-item__button_processing {
  cursor: none;
  pointer-events: none;
  color: var(--05c46b-or-04a45a);
}
.billing-card-item__button_processing .svg-icon {
  --size: 12px;
  color: var(--05c46b-or-04a45a);
}
.billing-card-item__button_success {
  cursor: none;
  pointer-events: none;
  color: var(--05c46b-or-04a45a);
}
.billing-card-item__button_success .svg-icon {
  --size: 13px;
  margin-top: 3px;
  color: var(--05c46b-or-04a45a);
}
.billing-card-item__button-status {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.1px;
  margin-right: 5px;
}
.billing-card-item__button-preloader {
  margin-top: 3px;
}
.billing-card-item__button-preloader::after {
  content: '';
  height: 13px;
  width: 13px;
  display: block;
  background: url('../images/global/preloader-green.svg') center no-repeat;
  background-size: 13px;
  animation: linear 500ms infinite rotatePreloader;
}
.billing-card-list-placeholder__header {
  padding-bottom: 17px;
  border-bottom: 1px dashed var(--separator-color-dashed);
  margin: 0 16px 16px;
}
.billing-card-list-placeholder__content {
  border-bottom: 1px dashed var(--separator-color-dashed);
  padding-bottom: 13px;
  margin: 0 20px 18px;
}
.billing-card-list-placeholder__footer {
  padding: 0 20px;
}
.billing-card-list-placeholder__divider {
  border-bottom: 1px dashed var(--separator-color-dashed);
}
.billing-delete-card .popup__header {
  margin-bottom: 9px;
  padding-top: 19px;
}
.billing-delete-card .billing-card-item {
  pointer-events: none;
}
.billing-delete-card__content {
  margin-bottom: 8px;
}
.billing-delete-card__card {
  margin-bottom: 8px;
}
.billing-delete-card__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--333e49-or-333e49);
  padding: 0 20px;
}
.billing-delete-card .svg-icon {
  --size: 20px;
  margin-left: 3px;
}
.billing-payment-status {
  --size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--05c46b-or-04a45a);
}
.billing-payment-status_processing .billing-payment-status__icon {
  --spinner-opacity: 1;
  animation: linear 500ms infinite rotatePreloader;
}
.billing-payment-status_success {
  --check-opacity: 1;
}
.billing-payment-status_error {
  --cross-opacity: 1;
  color: var(--ff6a64-or-ff4f47);
}
.billing-payment-status__text {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
  padding-bottom: 3px;
}
.billing-payment-status__icon {
  margin-left: 4px;
}
.billing-interaction-item {
  --avatar-size: 40px;
  display: grid;
  grid-template-columns: var(--avatar-size) 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 5px 20px 5px 16px;
  background-color: var(--ffffff-or-transparent);
  cursor: pointer;
}
.billing-interaction-item_selected {
  background-color: var(--009fe6-05-or-33648f-30);
}
.billing-interaction-item_placeholder {
  pointer-events: none;
}
.billing-interaction-item:not(.billing-interaction-item_selected):hover {
  background-color: var(--f8f8f8-or-transparent);
}
.billing-interaction-item__avatar {
  --size: var(--avatar-size);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--avatar-size);
  height: var(--avatar-size);
  border: 1px solid var(--f0f0f0-or-transparent);
  background-color: var(--ffffff-or-171717);
  border-radius: 50%;
}
.billing-interaction-item__avatar_small-icon {
  --size: 24px;
}
.billing-interaction-item__avatar_bank-card {
  --background-color: var(--e6e6e6-or-939494);
  --signature-color: var(--677380-50-or-000000-70);
  --cvv-color: var(--677380-20-or-000000-50);
}
.billing-interaction-item__avatar_invoice-document {
  --background-color: var(--e6e6e6-or-939494);
  --content-color: var(--a6acb3-or-000000-50);
}
.billing-interaction-item_selected .billing-interaction-item__avatar,
.billing-interaction-item:not(.billing-interaction-item_selected):hover .billing-interaction-item__avatar {
  box-shadow: 0 0 0 1 var(--009fe6-or-006b30);
  border-color: var(--009fe6-or-006b30);
}
.billing-interaction-item__info {
  display: flex;
  flex-direction: column;
}
.billing-interaction-item__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: var(--333e49-or-ffffff-75);
}
.billing-interaction-item__description {
  font-size: 15px;
  line-height: 22px;
  color: var(--b4b4b4-or-ffffff-30);
}
.billing-interaction-item__button {
  --size: 20px;
  width: var(--size);
  height: var(--size);
  color: var(--dcdcdc-or-ffffff-20);
}
.billing-interaction-item__button:hover {
  color: var(--ff6a64-or-ff4f47);
}
.billing-payment-methods {
  overflow-y: auto;
}
.billing-payment-methods_skeleton .billing-payment-methods__subtitle,
.billing-payment-methods_skeleton .billing-payment-methods__info,
.billing-payment-methods_skeleton .billing-payment-methods__change-button,
.billing-payment-methods_skeleton .billing-payment-methods__button,
.billing-payment-methods_skeleton .billing-payment-methods__product-duration,
.billing-payment-methods_skeleton .billing-payment-methods__product-description {
  height: 16px;
  border-radius: 5px;
  background-color: var(--f5f5f5-or-ffffff-02);
}
.billing-payment-methods__policy {
  background-color: var(--popup-dashboard-background-color);
  padding: 20px;
  font-size: 13px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-30);
}
.billing-payment-methods .popup__close {
  right: 13px;
}
.billing-payment-methods__logo {
  width: 38px;
  height: 38px;
}
.billing-payment-methods_disabled .billing-interaction-item,
.billing-payment-methods_disabled .billing-payment-methods__change-button {
  pointer-events: none;
}
.billing-payment-methods__header {
  padding: 20px 56px 16px 20px;
}
.billing-payment-methods__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: var(--333e49-or-ffffff-75);
}
.billing-payment-methods__content_stub {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 98px 44px 117px;
}
.billing-payment-methods__product {
  margin-right: 20px;
  display: flex;
  flex-direction: column;
}
.billing-payment-methods__method-list {
  margin-bottom: 15px;
}
.billing-payment-methods__pay-info {
  margin: 0 20px;
  padding: 16px 0;
  border-top: 1px dashed var(--separator-color-dashed);
}
.billing-payment-methods__subtitle {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.2px;
  color: var(--333e49-or-ffffff-75);
}
.billing-payment-methods_skeleton .billing-payment-methods__subtitle {
  width: 206px;
  margin-bottom: 15px;
}
.billing-payment-methods__info {
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  word-break: break-all;
}
.billing-payment-methods_skeleton .billing-payment-methods__info {
  width: 271px;
  margin-bottom: 39px;
}
.billing-payment-methods_skeleton .billing-payment-methods__info::before,
.billing-payment-methods_skeleton .billing-payment-methods__info::after {
  content: '';
  display: block;
  position: absolute;
  width: 118px;
  height: 16px;
  border-radius: 5px;
  background-color: var(--f5f5f5-or-ffffff-02);
  left: 0;
}
.billing-payment-methods_skeleton .billing-payment-methods__info::before {
  top: 19px;
}
.billing-payment-methods_skeleton .billing-payment-methods__info::after {
  top: 38px;
}
.billing-payment-methods__change-button {
  position: absolute;
  top: 16px;
  right: 0;
}
.billing-payment-methods_skeleton .billing-payment-methods__change-button {
  width: 92px;
  height: 24px;
}
.billing-payment-methods_disabled .billing-payment-methods__change-button {
  opacity: 0.3;
}
.billing-payment-methods__footer {
  display: flex;
  justify-content: space-between;
  margin: 0 20px;
  padding: 14px 0 19px;
  border-top: 1px dashed var(--separator-color-dashed);
}
.billing-payment-methods__product-duration {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-ffffff-75);
}
.billing-payment-methods_skeleton .billing-payment-methods__product-duration {
  margin-bottom: 4px;
  width: 126px;
}
.billing-payment-methods__product-description {
  font-size: 15px;
  line-height: 18px;
  display: inline-flex;
  align-items: center;
}
.billing-payment-methods__product-description .currency-icon {
  display: contents;
}
.billing-payment-methods_skeleton .billing-payment-methods__product-description {
  width: 57px;
}
.billing-payment-methods__button {
  --size: 20px;
  align-self: flex-start;
  margin: 5px 0 1px;
}
.billing-payment-methods__button .button__icon {
  margin-bottom: 0 !important;
}
.billing-payment-methods_skeleton .billing-payment-methods__button {
  width: 122px;
  height: 35px;
}
.billing-payment-methods_skeleton .billing-interaction-item {
  cursor: default;
}
.billing-payment-methods_skeleton .billing-interaction-item:hover {
  background-color: var(--f5f5f5-or-ffffff-02);
}
.billing-payment-methods_skeleton .billing-interaction-item__avatar {
  border: none;
  background-color: var(--f5f5f5-or-ffffff-02);
}
.billing-payment-methods_skeleton .billing-interaction-item__title {
  margin-bottom: 6px;
  width: 86px;
}
.billing-payment-methods_skeleton .billing-interaction-item__description {
  width: 206px;
}
.billing-payment-methods_skeleton .billing-interaction-item__title,
.billing-payment-methods_skeleton .billing-interaction-item__description {
  height: 16px;
  border-radius: 5px;
  background-color: var(--f5f5f5-or-ffffff-02);
}
.billing-payment-methods_skeleton .billing-interaction-item__interaction {
  display: none;
}
.billing-payment-methods_disabled .billing-interaction-item:not(.billing-interaction-item_selected) {
  opacity: 0.3;
}
.billing-delete-card-popup__header {
  padding: 20px 20px 10px;
}
.billing-delete-card-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.2px;
}
.billing-delete-card-popup__card {
  pointer-events: none;
}
.billing-delete-card-popup__info {
  padding: 8px 20px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.billing-delete-card-popup__footer {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.billing-delete-card-popup__button-icon {
  --size: 20px;
  margin-left: 4px;
}
.billing-tariff-changed {
  padding: 32px 16px;
  align-items: center;
}
.billing-tariff-changed__wrapper-image {
  height: 100px;
  width: 100px;
  margin-bottom: 24px;
}
.billing-tariff-changed__image {
  height: 100%;
  width: 100%;
}
.billing-tariff-changed__description {
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 16px;
}
.billing-tariff-changed__button {
  align-self: stretch;
  margin: 0 16px;
}
.billing-error-change-tariff {
  padding-top: 46px;
}
.billing-error-change-tariff__title,
.billing-error-change-tariff__subtitle,
.billing-error-change-tariff__description {
  margin: 0 20px;
}
.billing-error-change-tariff__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-align: center;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 4px;
}
.billing-error-change-tariff__subtitle,
.billing-error-change-tariff__description {
  padding-bottom: 24px;
  border-bottom: 1px dashed var(--separator-color-dashed);
  margin-bottom: 15px;
}
.billing-error-change-tariff__subtitle {
  --icon-width: 9px;
  --icon-height: 18px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  display: inline-block;
  place-items: center center;
}
.billing-error-change-tariff__subtitle_on-premise {
  padding-bottom: 15px;
  margin-bottom: 17px;
}
.billing-error-change-tariff__subtitle .currency-icon {
  display: contents;
}
.billing-error-change-tariff__subtitle .svg-icon {
  position: absolute;
  margin-left: 3px;
}
.billing-error-change-tariff__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.billing-error-change-tariff__description_on-premise {
  text-align: center;
  border: none;
  margin-bottom: unset;
  padding-bottom: unset;
}
.billing-error-change-tariff__description .link {
  user-select: all;
}
.billing-error-change-tariff__support-link {
  margin-right: -3px;
}
.billing-error-change-tariff__buttons {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18px 20px 19px;
  gap: 8px;
}
.billing-error-change-tariff__code {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--b4b4b4-or-ffffff-30);
  padding: 4px 20px 20px;
  height: 44px;
  text-align: center;
}
.billing-error-change-tariff__footer {
  padding: 0 16px 16px;
}
.language-change-button {
  --button-size: 32px;
  position: fixed;
  top: calc(var(--button-size) + var(--title-bar-height));
  right: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: var(--button-size);
  height: var(--button-size);
  background-color: var(--000000-05-or-ffffff-06);
  cursor: pointer;
}
.language-change-button_over {
  z-index: 103;
}
.language-change-button:hover {
  background-color: var(--000000-20-or-ffffff-06);
}
.language-change-button_transparent {
  background: transparent;
}
.language-change-icon {
  --size: 18px;
  display: flex;
  border-radius: 50%;
  width: var(--size);
  height: var(--size);
  overflow: hidden;
}
.language-change-popover__content {
  padding: 2px 0;
}
.language-change-popover_right-position {
  box-shadow: 0 2px 4px var(--popover-shadow-color);
}
.language-change-popover_right-position .language-change-popover__content {
  padding: 10px 0;
}
.language-change-popover_right-position .language-change-item {
  padding: 7px 18px 7px 24px;
  width: 238px;
}
.language-change-popover_right-position .language-change-item:hover {
  color: var(--ffffff-or-ffffff);
  background-color: var(--009fe6-or-009fe6);
}
.language-change-popover_right-position .language-change-item .language-change-item__icon {
  --size: 18px;
}
.language-change-popover_right-position .language-change-item .language-change-item__title {
  font-size: 15px;
  line-height: 22px;
}
.language-change-popover_right-position .language-change-item .language-change-item__checked {
  --size: 18px;
}
.language-change-popover_right-position .language-change-item:hover .language-change-item__title,
.language-change-popover_right-position .language-change-item:hover .language-change-item__checked {
  color: var(--ffffff-or-ffffff);
}
.language-change-item {
  display: flex;
  align-items: center;
  padding: 8px 10px 8px 12px;
  width: 146px;
  cursor: pointer;
}
.language-change-item:hover {
  background-color: var(--f8f8f8-or-transparent);
}
.language-change-item__icon {
  --size: 20px;
  margin-right: 8px;
  border-radius: 50%;
  width: var(--size);
  height: var(--size);
  overflow: hidden;
}
.language-change-item__title {
  margin-right: auto;
  font-size: 14px;
  line-height: 20px;
  color: var(--333e49-or-ffffff-75);
}
.language-change-item__checked {
  --size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--009fe6-or-006b30);
}
.remind-calendar {
  padding: 20px 16px 16px;
}
.remind-calendar__header {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  letter-spacing: -0.2px;
  font-size: 18px;
  line-height: 24px;
  padding: 0 0 0 4px;
  margin: 0 0 24px;
  color: var(--333e49-or-ffffff-75);
}
.remind-calendar__input-container {
  display: flex;
  justify-content: space-between;
  margin: 0 0 25px;
  gap: 8px;
}
.remind-calendar__date-container {
  flex: 1;
  margin: 0 4px 0 0;
  padding-left: 11px;
  display: flex;
}
.remind-calendar__date-container_day-month {
  padding: 6px 0 7px 11px;
}
.remind-calendar__hours-container {
  width: 70px;
}
.remind-calendar__minutes-container {
  width: 70px;
}
.remind-calendar__hours-container input,
.remind-calendar__minutes-container input {
  font-size: 15px;
  line-height: normal;
  padding: 7px 0 7px 12px;
  width: 100%;
  border-radius: 8px;
  background-color: transparent;
  color: var(--333e49-or-ffffff-75);
}
.remind-calendar__input {
  background-color: var(--ffffff-or-000000-20);
  border: 1px solid var(--f0f0f0-or-transparent);
  border-radius: 8px;
}
.remind-calendar__input_active {
  border-color: var(--007aff-25-or-006be0-25);
}
.remind-calendar__date-input {
  width: 18px;
  border-radius: 0;
  font-size: 15px;
  line-height: 15px;
  color: var(--333e49-or-ffffff-75);
  background-color: transparent;
}
.remind-calendar__date-input:first-child:placeholder-shown {
  text-align: right;
}
.remind-calendar__date-input:last-child {
  flex: 1;
}
.remind-calendar__date-input_first-month:placeholder-shown {
  width: 24px;
}
.remind-calendar__minutes-drop-arrows,
.remind-calendar__hours-drop-arrows {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  cursor: pointer;
  padding: 4px 6px 4px 0;
  box-sizing: content-box;
  color: var(--b4b4b4-or-ffffff-30);
}
.remind-calendar__minutes-drop-arrows:hover,
.remind-calendar__hours-drop-arrows:hover {
  color: var(--a1a1a1-or-ffffff-75);
}
.remind-calendar__arrow-top .icon_angle_small {
  --size: 16px;
  transform: rotate(270deg);
}
.remind-calendar__arrow-bottom {
  margin-top: -6px;
}
.remind-calendar__arrow-bottom .icon_angle_small {
  --size: 16px;
  transform: rotate(90deg);
}
.remind-calendar__arrow-top,
.remind-calendar__arrow-bottom {
  display: flex;
  height: 16px;
}
.remind-calendar__calendar-header {
  display: flex;
  justify-content: space-between;
}
.remind-calendar__calendar-date {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
}
.remind-calendar__arrows-container {
  display: flex;
}
.remind-calendar__arrow {
  width: 22px;
  height: 22px;
  background: var(--b4b4b4-15-or-ffffff-03);
  color: var(--b4b4b4-or-ffffff-30);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
}
.remind-calendar__arrow:hover {
  background: var(--b4b4b4-30-or-ffffff-05);
}
.remind-calendar__arrow_left {
  padding: 4px 5px 4px 3px;
  margin: 0 12px 0 0;
}
.remind-calendar__arrow_left .svg-icon {
  transform: rotate(180deg);
}
.remind-calendar__arrow_right {
  padding: 4px 3px 4px 5px;
}
.remind-calendar__arrow_disabled {
  cursor: unset;
  color: var(--e6e6e6-or-ffffff-05);
  background: var(--b4b4b4-15-or-ffffff-01);
}
.remind-calendar__arrow_disabled:hover {
  background: var(--b4b4b4-15-or-ffffff-01);
}
.remind-calendar__arrow .svg-icon {
  --size: 14px;
}
.remind-calendar__calendar {
  margin-bottom: 19px;
}
.remind-calendar__separator {
  height: 1px;
  background: var(--separator-color-line);
  margin: 0 0 12px;
}
.remind-calendar__days-row {
  display: flex;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  justify-content: space-between;
  margin: 0 2px 12px;
}
.remind-calendar__day {
  width: 24px;
  text-align: center;
  color: var(--333e49-or-ffffff-30);
}
.remind-calendar__day_weekend {
  color: var(--ff6a64-or-ff4f47);
}
.remind-calendar__dates {
  height: 172px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 0 24px;
}
.remind-calendar__dates_long .remind-calendar__date {
  margin: 0 22px 2px 0;
}
.remind-calendar__date {
  font-size: 14px;
  line-height: 20px;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 0 22px 8px 0;
  cursor: pointer;
  letter-spacing: -0.15px;
  border-radius: 50%;
  color: var(--333e49-or-ffffff-75);
}
.remind-calendar__date:nth-child(7n) {
  margin-right: 0;
}
.remind-calendar__date:not(.remind-calendar__date_hided, .remind-calendar__date_disabled, .remind-calendar__date_selected):hover {
  background: var(--f8f8f8-or-ffffff-03);
}
.remind-calendar__date_disabled {
  color: var(--f0f0f0-or-ffffff-05);
  cursor: unset;
}
.remind-calendar__date_today {
  box-shadow: inset 0 0 0 1px var(--007aff-30-or-006be0-50);
}
.remind-calendar__date_selected {
  background: var(--007aff-or-006be0);
  color: var(--ffffff-or-ffffff);
}
.remind-calendar__date_hided {
  cursor: unset;
}
.remind-calendar__button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  display: flex;
  padding: 7px 0;
  height: 35px;
  background-color: var(--009fe6-or-006be0);
}
.remind-calendar__button:hover {
  background-color: var(--0088c4-or-0058b8);
}
.remind-popup.popup__container {
  max-height: unset;
}
.remind-popup .popup__header {
  padding: 20px 46px 20px 20px;
}
.remind-popup .popup__content {
  padding: 0 16px 16px 20px;
}
.remind-popup .popup__input {
  padding-top: 8px;
  margin-bottom: 16px;
}
.remind-popup__button-icon {
  --size: 20px;
  margin-left: 4px;
}
.remind-popup__time-block {
  padding: 0 20px;
  margin-bottom: 8px;
}
.remind-popup__time-block_disabled {
  pointer-events: none;
}
.remind-popup .input-repost__text {
  max-height: 72px;
}
.remind-time-block__list {
  display: flex;
  flex-wrap: wrap;
  width: auto;
}
.remind-time-block__item {
  width: 128px;
  height: 54px;
  margin-right: 12px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--ffffff-or-ffffff-03);
  border: 1px solid var(--f0f0f0-or-transparent);
  border-radius: 5px;
  cursor: pointer;
}
.remind-time-block__item_active {
  background-color: transparent;
  border: 1px solid var(--007aff-25-or-006be0-50);
}
.remind-time-block__item_active .remind-time-block__item-title,
.remind-time-block__item_active .remind-time-block__item-subtitle-text,
.remind-time-block__item_active .remind-time-block__item-icon {
  color: var(--007aff-or-007aff);
}
.remind-time-block__item:hover:not(.remind-time-block__item_active) {
  border: 1px solid var(--dcdcdc-or-006be0-50);
  color: var(--a1a1a1-or-ffffff-30);
}
.remind-time-block__item:hover:not(.remind-time-block__item_active) .remind-time-block__item-subtitle-text {
  color: var(--a1a1a1-or-ffffff-30);
}
.remind-time-block__item:nth-child(3n + 3) {
  margin-right: 0;
}
.remind-time-block__item-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.remind-time-block__item-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  line-height: 150%;
  color: var(--677380-or-ffffff-75);
  text-align: center;
}
.remind-time-block__item-icon {
  color: var(--b4b4b4-or-ffffff-30);
  --size: 12px;
  margin-right: 5px;
}
.remind-time-block__item-subtitle {
  margin-top: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.remind-time-block__item-subtitle-text {
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 10px;
  line-height: 12px;
}
.remind-info-popup {
  padding: 20px 16px 23px;
}
.remind-info-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  padding: 0 4px;
}
.remind-info-popup__description {
  padding: 8px 4px 15px;
  border-bottom: 1px dashed var(--separator-color-dashed);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.remind-info-popup__subtitle {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  margin: 16px 0 12px;
  padding: 0 4px 8px;
}
.remind-info-popup__step {
  display: flex;
  align-items: center;
  margin: 0 0 12px;
}
.remind-info-popup__step:last-child {
  margin: 0;
}
.remind-info-popup__step-number {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  width: 25px;
  height: 25px;
  color: var(--007aff-or-006be0);
  border: 1px solid var(--007aff-or-006be0);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  line-height: 18px;
  margin-right: 8px;
}
.remind-info-popup__step-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.no-support-popup {
  padding: 46px 20px 20px;
}
.no-support-popup__content {
  margin-bottom: 16px;
  padding-bottom: 24px;
  border-bottom: 1px dashed var(--separator-color-dashed);
  text-align: center;
}
.no-support-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-ffffff-75);
}
.no-support-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
}
.no-support-popup-circle {
  --size: 80px;
}
.invoice-history {
  display: flex;
  flex-direction: column;
  overflow: scroll;
  margin: 2px 0;
  height: 766px;
}
.invoice-history__header {
  padding: 18px 20px 12px;
}
.invoice-history__description {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: left;
}
.invoice-history__content {
  margin-top: 8px;
  height: 100%;
}
.invoice-history__content .popup-empty {
  padding-bottom: 60px;
}
.invoice-history__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  --icon-width: 13px;
  --icon-height: 13px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
  margin-right: 25px;
}
.invoice-history__title .svg-icon {
  margin-left: -1px;
}
.invoice-history-placeholder {
  padding-top: 11px;
  height: 100%;
}
.invoice-history-placeholder__block:not(:last-child) {
  margin-bottom: 18px;
}
.invoice-history-placeholder__block:last-child {
  margin-bottom: 4px;
}
.invoice-history-placeholder__date {
  padding-left: 22px;
  margin-bottom: 6px;
}
.invoice-history-placeholder__item {
  height: 54px;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
.invoice-history-empty {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 128px;
}
.invoice-history-empty__icon {
  --size: 60px;
  color: var(--dcdcdc-or-ffffff-15);
  margin-bottom: 12px;
}
.invoice-history-empty__text {
  font-size: 13px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-20);
}
.invoice-history-popover-options {
  width: 238px;
  height: 96px;
}
.invoice-history-popover-options .svg-icon {
  --size: 18px;
  display: flex;
}
.invoice-history-popover-options .popover-button {
  margin-top: 2px;
}
.invoice-history-popover-options .button_preloader {
  justify-content: flex-start;
}
.invoice-history-popover-options__cancel-invoice.button_preloader .popover-button__icon {
  visibility: hidden;
}
.invoice-history-list {
  height: 100%;
  overflow-y: scroll;
  padding: 0 20px 16px;
}
.invoice-history-list__block {
  margin-bottom: 17px;
}
.invoice-history-list__block:last-child {
  margin-bottom: 0;
}
.invoice-history-time-block {
  margin-bottom: 6px;
}
.invoice-history-time-block:last-child {
  margin-bottom: 12px;
}
.invoice-history-time-block__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  line-height: 22px;
  font-size: 15px;
  color: var(--333e49-or-ffffff-75);
  letter-spacing: 0;
  text-align: left;
  padding: 8px 20px 10px 22px;
}
.invoice-history-list-item {
  height: 54px;
  display: flex;
  align-items: center;
  padding: 0 12px 0 19px;
}
.invoice-history-list-item .file-item__preview {
  margin-right: 12px;
  margin-bottom: 5px;
}
.invoice-history-list-item_active {
  background-color: var(--f8f8f8-or-transparent);
}
.invoice-history-list-item_active .invoice-history-list-item__button {
  opacity: 1;
}
.invoice-history-list-item:hover {
  background-color: var(--f8f8f8-or-transparent);
}
.invoice-history-list-item:hover .invoice-history-list-item__button {
  opacity: 1;
}
.invoice-history-list-item__button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid var(--f0f0f0-or-ffffff-05);
  border-radius: 5px;
  background: var(--ffffff-or-transparent);
  height: 34px;
  width: 34px;
  color: var(--b4b4b4-or-ffffff-30);
  margin-right: 8px;
  opacity: 0;
}
.invoice-history-list-item__button:hover {
  color: var(--009fe6-or-009fe6);
}
.invoice-history-list-item__button_active {
  color: var(--009fe6-or-009fe6);
}
.invoice-history-list-item__actions {
  display: flex;
}
.invoice-history-list-item__actions .button-square {
  margin-right: 8px;
}
.invoice-history-list-item__description {
  display: flex;
  font-size: 12px;
  color: var(--b4b4b4-or-ffffff-30);
  line-height: 20px;
}
.invoice-history-list-item__description .svg-icon {
  width: 14px;
  height: 14px;
}
.invoice-history-list-item_processing .invoice-history-list-item__description {
  color: var(--ffaa33-or-ff9d14);
}
.invoice-history-list-item_unsupported .invoice-history-list-item__description:hover {
  cursor: pointer;
  color: var(--8c8c8c-08-or-ffffff-02);
}
.invoice-history-list-item__text-block {
  flex: 1;
  margin-bottom: 4px;
}
.invoice-history-list-item__preview-text-block {
  display: flex;
  width: 100%;
}
.invoice-history-list-item.invoice-history-list-item_success .invoice-history-list-item__preview-text-block,
.invoice-history-list-item.invoice-history-list-item_processing .invoice-history-list-item__preview-text-block {
  display: flex;
  width: 100%;
  cursor: pointer;
  user-select: none;
}
.invoice-history-list-item.invoice-history-list-item_success .invoice-history-list-item__preview-text-block .file-icon__lable,
.invoice-history-list-item.invoice-history-list-item_processing .invoice-history-list-item__preview-text-block .file-icon__lable {
  cursor: pointer;
}
.invoice-history-list-item__title {
  font-size: 15px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
}
.created-invoice {
  animation: 100ms delayShow 300ms linear forwards;
  opacity: 0;
  overflow: hidden scroll;
}
.created-invoice__background {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.created-invoice__background-cloud {
  background: var(--emoji-clear-menu-clouds-background);
  opacity: var(--rating-company-popup-clouds-opacity);
  background-repeat-y: repeat;
  background-size: 150%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  animation: start-updater-clouds-slide 30s linear infinite;
}
.created-invoice__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.created-invoice__file-block {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 139px;
  flex-direction: column;
}
.created-invoice__file-block .file-icon {
  padding-left: 10px;
  padding-bottom: 20px;
}
.created-invoice__file-download-block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  user-select: none;
}
.created-invoice__file-download-block:hover,
.created-invoice__file-download-block .file-icon__text {
  cursor: pointer;
}
.created-invoice__main-block {
  height: 427px;
}
.created-invoice__file-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.25px;
  line-height: 26px;
  margin-bottom: 10px;
  color: var(--333e49-or-ffffff-75);
}
.created-invoice__file-status {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
.created-invoice__link {
  display: flex;
  gap: 4px;
  color: var(--2574a9-or-2574a9);
}
.created-invoice__link .svg-icon {
  --size: 18px;
}
.created-invoice__link-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
.created-invoice__link-text:hover {
  text-decoration: underline;
  cursor: pointer;
}
.created-invoice__action {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
}
.created-invoice__action-block {
  display: flex;
  padding: 0 20px;
}
.created-invoice__action-block_text {
  flex-direction: column;
}
.created-invoice__action-block_button {
  padding-top: 5px;
  flex-direction: row;
}
.created-invoice__action-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-ffffff-75);
}
.created-invoice__action-description {
  font-size: 15px;
  line-height: 18px;
  display: inline-block;
  justify-items: center;
}
.created-invoice__action-description .currency-icon {
  display: contents;
}
.created-invoice__action-description .svg-icon {
  position: absolute;
  margin-left: 3px;
  --icon-width: 9px;
  --icon-height: 18px;
}
.created-invoice__button-download {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  line-height: 22.5px;
  font-size: 15px;
  padding: 0 14px 0 16px;
  height: 35px;
  min-width: 110px;
}
.created-invoice__button-resend {
  color: var(--007aff-or-006be0);
  border-color: var(--007aff-or-006be0);
  margin-left: 12px;
  height: 35px;
  transition: 0.1s ease-out;
}
.created-invoice__button-resend .icon_arrow_resend {
  width: 20px;
  height: 21px;
}
.created-invoice__button-resend:hover {
  color: var(--ffffff-or-ffffff);
  background: var(--007aff-or-006be0);
}
.created-invoice__footer {
  background: var(--popup-dashboard-background-color);
  padding: 20px;
}
.created-invoice__footer-text {
  font-size: 13px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-30);
  margin-bottom: 18px;
}
.created-invoice__footer-text:last-child {
  margin-bottom: 0;
}
.requisites-popup__header {
  height: 90px;
  padding: 20px 0 0 20px;
}
.requisites-popup__divider {
  border-top: 1px dashed var(--separator-color-dashed);
  margin: 7px 4px 16px;
  padding: 0 20px;
}
.requisites-popup__content {
  height: calc(var(--content-height) - 75px - 90px - 84px);
  overflow: scroll;
  padding: 0 16px 11px;
}
.requisites-popup__header-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  display: flex;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.2px;
  margin-bottom: 12px;
  color: var(--333e49-or-ffffff-75);
}
.requisites-popup__tabs-controls {
  display: flex;
}
.requisites-popup__tab-button {
  padding: 2px 7px;
  border: 1px solid var(--007aff-10-or-006be0-10);
  border-radius: 5px;
  font-size: 13px;
  line-height: 18px;
  align-items: center;
  color: var(--2574a9-or-009fe6);
  margin-right: 10px;
  cursor: pointer;
}
.requisites-popup__tab-button_active {
  pointer-events: none;
  background: var(--007aff-10-or-006be0-10);
  border-color: transparent;
}
.requisites-popup__tab-button:hover {
  background: var(--007aff-25-or-006be0-10);
  transition: 0.2s ease-out;
  border-color: transparent;
}
.requisites-popup__footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px 20px;
  height: 75px;
  box-shadow: 0 0 0 1px var(--f0f0f0-or-ffffff-06);
}
.requisites-popup__footer-button {
  margin-top: 5px;
}
.requisites-popup__button-icon-check {
  --size: 20px;
  margin-left: 4px;
}
.requisites-popup__content-text {
  font-size: 13px;
  line-height: 18px;
  margin: 16px 4px;
}
.requisites-popup__group-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  margin: 0 6px 16px;
  color: var(--333e49-or-ffffff-75);
}
.requisites-popup__input-block {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  margin-bottom: 8px;
  border-radius: 8px;
  background: var(--popup-input-background-color);
  font-size: 15px;
  line-height: 18px;
  overflow: hidden;
  padding: 0 30px 0 14px;
  border: 1px solid transparent;
  cursor: text;
}
.requisites-popup__input-block_error {
  border-color: var(--ff6a64-or-ff4f47-50);
  transition: all 0s linear 150ms;
}
.requisites-popup__input-block_error .requisites-popup__contenteditable-input {
  border-color: var(--ff6a64-or-ff4f47-50);
  transition: all 0s linear 150ms;
}
.requisites-popup__custom-description {
  margin-right: 5px;
  min-width: fit-content;
}
.requisites-popup__cross {
  --size: 16px;
  color: var(--dcdcdc-or-ffffff-15);
  transition: 0.2s ease;
}
.requisites-popup__clearing-cross {
  display: none;
  position: absolute;
  top: 10px;
  right: 7px;
  cursor: pointer;
}
.requisites-popup__clearing-cross_visible {
  display: block;
}
.requisites-popup__clearing-cross:hover .requisites-popup__cross {
  color: var(--b4b4b4-or-009fe6);
}
.requisites-popup__input {
  height: 100%;
  width: 100%;
  background: transparent;
}
.requisites-popup__input_not-empty + .requisites-popup__clearing-cross {
  display: block;
}
.requisites-popup__input_error {
  border-color: var(--ff6a64-or-ff4f47-50);
  transition: all 0s linear 150ms;
}
.requisites-popup__input::placeholder {
  color: var(--popup-input-placeholder-color);
}
.requisites-popup__contenteditable-input {
  font-size: 15px;
  line-height: 22px;
  padding: 6px 30px 6px 13px;
  flex: 100%;
  height: 100%;
  white-space: break-spaces;
  word-break: break-word;
  overflow: hidden scroll;
  max-height: 128px;
  border: 1px solid transparent;
  background: var(--popup-input-background-color);
  border-radius: 8px;
  cursor: text;
}
.requisites-popup__contenteditable-input.requisites-popup__input_not-empty + .requisites-popup__clearing-cross {
  display: block;
}
.requisites-popup__contenteditable-input:empty::before {
  content: attr(data-placeholder);
  color: var(--b4b4b4-or-ffffff-30);
}
.requisites-popup__group {
  margin-bottom: 24px;
}
.requisites-popup__good-description {
  display: flex;
  flex-direction: column;
  max-width: 240px;
}
.requisites-popup__good-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
}
.requisites-popup__good-price {
  --icon-width: 9px;
  --icon-height: 18px;
  display: inline-block;
  place-items: center center;
  font-size: 15px;
  line-height: 18px;
}
.requisites-popup__good-price .currency-icon {
  display: contents;
}
.requisites-popup__good-price .svg-icon {
  position: absolute;
  margin-left: 3px;
}
.permissions-settings {
  overflow: hidden;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.permissions-settings__divider {
  border-top: 1px dashed var(--separator-color-dashed);
  margin: 23px 0 16px;
}
.permissions-settings__dashboard {
  padding: 16px;
  background-color: var(--popup-dashboard-background-color);
  border-bottom: 1px solid var(--popup-dashboard-border-color);
}
.permissions-settings__dashboard:hover {
  background-color: var(--popup-dashboard-background-color) !important;
}
.permissions-settings__actions_disabled {
  opacity: 0.3;
  pointer-events: none;
}
.permissions-settings__scroll {
  flex: 1;
  overflow: hidden scroll;
  display: flex;
  flex-direction: column;
}
.permissions-settings__content {
  flex: 1;
  padding: 16px 20px 20px;
}
.permissions-settings__content_disabled {
  pointer-events: none;
}
.permissions-settings__content_stub {
  padding-top: 16px;
}
.permissions-settings__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.permissions-settings .popup__footer_border {
  padding: 16px;
}
.permissions-settings__save-button {
  --size: 20px;
}
.permissions-settings__save-button .svg-icon {
  margin-left: 4px;
}
.permissions-settings-block:last-child {
  padding-bottom: 0;
}
.permissions-settings-block__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  color: var(--333e49-or-ffffff-75);
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 16px;
  padding-top: 4px;
}
.permissions-settings-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 23px;
}
.permissions-settings-switch + .permissions-settings-switch {
  margin-top: 16px;
}
.permissions-settings-switch_header {
  margin-bottom: 8px;
}
.permissions-settings-switch__title {
  font-size: 15px;
  line-height: 22px;
}
.permissions-settings-switch__title_bold {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
}
.permissions-settings-switch_blocked {
  opacity: 0.3;
  pointer-events: none;
}
.permissions-oops {
  padding: 32px 16px 24px;
  align-items: center;
}
.permissions-oops_only-description {
  padding: 32px 16px;
}
.permissions-oops_only-description .permissions-oops__description-wrapper {
  margin-bottom: 16px;
}
.permissions-oops_only-description .permissions-oops__button {
  margin: 0 8px;
}
.permissions-oops__wrapper-image {
  width: var(--permissions-oops-wrapper-image-width, 100px);
  height: var(--permissions-oops-wrapper-image-height, 100px);
  margin-bottom: var(--permissions-oops-wrapper-image-margin-bottom, 24px);
}
.permissions-oops__image {
  height: 100%;
  width: 100%;
}
.permissions-oops__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 16px;
  color: var(--333e49-or-ffffff-75);
}
.permissions-oops__description-wrapper {
  margin-bottom: 24px;
}
.permissions-oops__description {
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin-bottom: var(--permissions-oops-description-margin-bottom, 16px);
  word-break: break-word;
}
.permissions-oops__description:last-child {
  margin-bottom: 0;
}
.permissions-oops__button {
  align-self: stretch;
  margin: 0 8px;
}
.permissions-oops__button-cancel {
  margin-top: 8px;
  width: calc(100% - 16px);
}
.permissions-oops-create-space-popup {
  --permissions-oops-wrapper-image-width: 180px;
  --permissions-oops-wrapper-image-margin-bottom: 20px;
  --permissions-oops-description-margin-bottom: 8px;
  padding-bottom: 24px;
}
.permissions-no-rights-popup {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: var(--content-height);
}
.permissions-no-rights-stub .popup-empty__text {
  width: 286px;
}
.permissions-settings-confirm__user-wrapper {
  margin-bottom: 15px;
}
.permissions-settings-confirm__content {
  padding: 0 20px;
}
.permissions-settings-confirm__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  color: var(--333e49-or-ffffff-75);
  margin-bottom: 9px;
}
.permissions-settings-confirm__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.permissions-settings-confirm__text + .permissions-settings-confirm__text {
  margin-top: 20px;
}
.permissions-settings-confirm__footer {
  margin-top: 15px;
  padding: 16px;
  border-top: 1px solid var(--separator-color-line);
  display: flex;
  justify-content: space-between;
}
.permissions-settings-confirm__button-icon {
  --size: 20px;
  margin-left: 4px;
}
.members-search {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: scroll;
  border-top: 2px solid var(--ffffff-or-1c1c1c);
  border-bottom: 2px solid var(--ffffff-or-1c1c1c);
}
.members-search__tabs-slider {
  display: flex;
  overflow: auto;
  width: auto;
  padding-bottom: 8px;
  gap: 19px;
}
.members-search__tab {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 0;
  margin-right: 19px;
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.1s ease-out;
  height: 20px;
  letter-spacing: -0.15px;
  overflow: visible;
}
.members-search__tab_active {
  color: var(--2574a9-or-009fe6);
  pointer-events: none;
}
.members-search__tab_active::before {
  content: '';
  height: 1px;
  background: var(--2574a9-or-009fe6);
  width: 100%;
  position: absolute;
  bottom: -8px;
}
.members-search__tab:not(.members-search__tab_active):hover {
  cursor: pointer;
  color: var(--1f618d-or-ffffff-70);
}
.members-search__tab:nth-last-child(2) {
  margin: 0;
}
.members-search__circle-icon {
  --size: 16px;
  background-color: var(--f8f8f8-or-ffffff-03);
  color: var(--b4b4b4-or-ffffff-30);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  height: 28px;
  width: 28px;
  margin-bottom: 5px;
}
.members-search__circle-icon:hover {
  background-color: var(--f0f0f0-or-ffffff-03);
  color: var(--a1a1a1-or-009fe6);
}
.members-search__circle-icon_disabled {
  pointer-events: none;
  cursor: default;
  opacity: var(--disabled-opacity);
}
.members-search__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.members-search__scrollable {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.members-search__action-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 16px 0;
  margin-bottom: 10px;
}
.members-search__action-wrapper_without-search .members-search__circle-icon {
  visibility: hidden;
}
.members-search__header {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  padding: 18px 0 0 20px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
}
.members-search__error-stub {
  padding: 0 0 3px;
}
.members-search__empty-stub {
  padding: 0 0 16px;
  color: var(--b4b4b4-or-ffffff-15);
}
.members-search__empty-stub-link {
  border-bottom: 1px dashed var(--b4b4b4-or-ffffff-20);
  color: var(--b4b4b4-or-ffffff-20);
  cursor: pointer;
}
.members-search__empty-stub-link:hover {
  border-bottom: 1px dashed var(--a1a1a1-or-009fe6);
  color: var(--a1a1a1-or-009fe6);
}
.members-search__not-found {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-20);
  margin: 108px 18px 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}
.members-search__placeholder {
  overflow: hidden;
}
.members-search__pagination-preloader {
  min-height: 56px;
  width: 100%;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--ffffff-or-ffffff);
}
.members-search__pagination-preloader::after {
  pointer-events: none;
  content: '';
  display: block;
  background: url('../images/global/preloader-gray.svg') no-repeat center;
  animation: linear 500ms infinite rotatePreloader;
  background-size: 18px;
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
}
.members-search__form-search {
  position: absolute;
  margin: 0 0 24px;
  top: 12px;
  padding: 0 16px;
  background: var(--ffffff-or-1c1c1c);
}
.members-search__form-search .form-search__icon {
  left: 28px;
}
.members-search__form-search .form-search__preloader-wrapper {
  right: 64px;
}
.members-search__form-search .members-search__input-cross {
  right: 63px;
}
.members-search__form-search-input {
  padding-right: 38px;
  color: var(--popup-input-color);
  background-color: var(--popup-input-background-color);
  border-radius: 8px;
  width: auto;
  flex: 1;
}
.members-search__search-close-button {
  --size: 16px;
  background: var(--f8f8f8-or-ffffff-03);
  width: 28px;
  height: 28px;
  margin-left: 12px;
  border-radius: 50%;
  color: var(--b4b4b4-or-ffffff-30);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.1s ease-out;
}
.members-search__search-close-button:hover {
  cursor: pointer;
  color: var(--a1a1a1-or-009fe6);
  background: var(--f0f0f0-or-ffffff-03);
}
.request-popup {
  height: 100%;
}
.request-popup__user-header {
  background-color: var(--popup-dashboard-background-color);
  border-bottom: 1px solid var(--popup-dashboard-border-color);
  padding: 8px 0 7px;
}
.request-popup__user-header .badge_color_0 {
  background-color: var(--dcdcdc-or-ffffff-10);
}
.request-popup__comment-container {
  padding: 0 24px 0 16px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
}
.request-popup__comment-icon {
  --size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 8px;
  color: var(--b4b4b4-or-ffffff-30);
  background: var(--f8f8f8-or-171717);
  margin-right: 8px;
}
.request-popup__comment-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  word-break: break-word;
}
.request-popup__comment-text .emoji_sizer > .emoji_inner {
  margin-bottom: -3px;
}
.request-popup__content {
  margin-top: 16px;
  overflow: scroll;
}
.request-popup__text-container {
  padding-bottom: 8px;
  display: flex;
  flex-wrap: wrap;
}
.request-popup__text {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.request-popup__text:not(:first-child) {
  margin-top: 12px;
}
.request-popup__button-container {
  padding: 16px;
}
.request-popup__button {
  width: 100%;
}
.request-popup__button:not(:first-child) {
  margin-top: 8px;
}
.request-popup__button_green.button_preloader::after {
  background-image: url('../images/global/preloader-green.svg');
}
.request-popup__stamp {
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}
.request-list__item:first-child {
  margin-top: 8px;
}
.request-list__error-stub {
  padding: 0 0 16px;
}
.space-request-popup-blocking {
  padding: 0 20px 16px;
}
.space-request-popup-blocking_on-premise {
  margin-bottom: -7px;
  padding-bottom: 0;
}
.space-request-popup-blocking__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-ffffff-75);
}
.space-request-popup-blocking__description {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.space-request-popup-blocking__progress {
  margin-top: 16px;
}
.space-request-popup-blocking__button {
  margin-top: 25px;
}
.space-request-popup-blocking__line {
  margin: 8px 0 24px;
  width: 100%;
  border-bottom: 1px dashed var(--separator-color-dashed);
}
.space-request-popup-blocking__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--b4b4b4-or-ffffff-30);
  text-align: center;
}
.space-request-popup-blocking__footer {
  padding: 16px 20px 20px;
  background-color: var(--ffffff-or-171717);
}
.space-request-popup-blocking__footer_on-premise {
  padding-top: 0;
}
.licence-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  padding: 46px 0 8px;
  text-align: center;
  color: var(--333e49-or-ffffff-75);
}
.licence-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
  margin-bottom: 24px;
  padding: 0 20px;
}
.licence-popup__form {
  display: flex;
  overflow: hidden;
  height: 35px;
  margin: 0 20px;
}
.licence-popup__input-holder {
  display: flex;
  flex: 1;
  border: 1px solid var(--009fe6-or-006b30);
  transition: all 0.1s ease-out;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-right: none;
  overflow-y: hidden;
}
.licence-popup__input-holder input::placeholder {
  color: var(--popup-input-placeholder-color);
}
.licence-popup__clearing-cross {
  display: none;
  position: absolute;
  --size: 13px;
  justify-content: center;
  align-items: center;
  color: var(--b4b4b4-or-ffffff-10);
  cursor: pointer;
  right: 9px;
  top: 10px;
  transition: all 0.1s ease-out;
}
.licence-popup__clearing-cross:hover {
  color: var(--a1a1a1-or-ffffff-30);
}
.licence-popup__send-button-preloader {
  display: none;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 500ms linear forwards,
			linear 500ms infinite rotatePreloader;
  background: var(--009fe6-or-006b30);
  --size: 17px;
}
.licence-popup__send-button {
  width: 39px;
  background: var(--009fe6-or-006b30);
  color: var(--ffffff-or-ffffff);
  display: flex;
  justify-content: center;
  align-items: center;
  --size: 25px;
  cursor: pointer;
  transition: 0.2s ease-out;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.licence-popup__send-button:hover {
  background: var(--0088c4-or-006d9e);
}
.licence-popup__input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  padding: 9px 12px 8px 11px;
  display: inline-block;
  flex: 1;
  background: transparent;
  line-height: 20px;
}
.licence-popup__input[disabled='true'] {
  pointer-events: none;
}
.licence-popup__activation {
  display: none;
}
.licence-popup__validation {
  background: var(--f8f8f8-or-171717);
  margin-top: 20px;
  padding: 16px 20px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.licence-popup__company-info {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  letter-spacing: -0.12px;
  color: var(--677380-or-ffffff-75);
  justify-content: center;
}
.licence-popup__company-uniq {
  color: var(--05c46b-or-04a45a);
  border-bottom: 1px dashed var(--05c46b-or-04a45a);
  margin: 0 0 0 3px;
  height: 22px;
  cursor: pointer;
  transition: 0.2s ease-out;
  user-select: text;
}
.licence-popup__company-uniq:hover {
  border-color: var(--049a54-or-037c44);
  color: var(--049a54-or-037c44);
}
.licence-popup__activation-info {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--677380-or-ffffff-75);
  margin-top: 6px;
  text-align: center;
}
.licence-popup__hint {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  display: none;
  background: var(--f8f8f8-or-ffffff-03);
  padding: 12px;
  margin: 15px 20px 14px;
  border-radius: 8px;
}
.licence-popup__triangle-arrow {
  width: 0;
  height: 0;
  border-left: 8.5px solid transparent;
  border-right: 8.5px solid transparent;
  border-bottom: 11px solid var(--f8f8f8-or-ffffff-03);
  position: absolute;
  top: -11px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.licence-popup__button {
  margin: 0 20px 20px;
  display: flex;
}
.licence-popup__data-holder_preloader .licence-popup__send-button {
  pointer-events: none;
}
.licence-popup__data-holder_preloader .licence-popup__send-button-preloader {
  display: block;
}
.licence-popup__data-holder_activation .licence-popup__hint {
  display: block;
}
.licence-popup__data-holder_activation .licence-popup__input-holder {
  border: 1px solid var(--009fe6-50-or-006b30);
  border-radius: 8px;
  background-color: var(--009fe6-10-or-006b30-10);
}
.licence-popup__data-holder_activation .licence-popup__send-button,
.licence-popup__data-holder_activation .licence-popup__validation {
  display: none;
}
.licence-popup__data-holder_activation .licence-popup__activation {
  display: block;
}
.licence-popup__data-holder_error .licence-popup__hint {
  display: block;
  margin-bottom: 20px;
}
.licence-popup__data-holder_error .licence-popup__input-holder {
  border: 1px solid var(--ff8a00-50-or-ff9d14-50);
  border-radius: 8px;
  background-color: var(--ff8a00-05-or-ff9d14-05);
}
.licence-popup__data-holder_error .licence-popup__input {
  padding: 9px 27px 8px 11px;
}
.licence-popup__data-holder_error .licence-popup__send-button,
.licence-popup__data-holder_error .licence-popup__validation {
  display: none;
}
.licence-popup__data-holder_error .licence-popup__clearing-cross {
  display: flex;
}
.tariff-union__error-stub_change,
.tariff-union__error-stub_activate {
  padding: 117px 0 102px;
}
.tariff-union__error-stub_prolong {
  padding: 80px 0 65px;
}
.tariff-union__no-pointers-button {
  pointer-events: none;
}
.tariff-union__header {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  padding: 20px 0 0 20px;
  color: var(--333e49-or-ffffff-75);
}
.tariff-union__subtitle {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 8px 20px 0;
}
.tariff-union__content {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
}
.tariff-union__content .tariff-union__amount-block-left::before,
.tariff-union__content .tariff-union__amount-block-right::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 5px;
  background: var(--f0f0f0-07-or-1c1c1c-60);
  opacity: 0;
}
.tariff-union__content_loading .tariff-union__amount-block-left,
.tariff-union__content_loading .tariff-union__amount-block-right {
  color: transparent;
  transition: 0.1s 0.3s ease-out;
}
.tariff-union__content_loading .tariff-union__amount-block-left::before,
.tariff-union__content_loading .tariff-union__amount-block-right::before {
  opacity: 1;
  transition: 0.1s 0.3s ease-out;
}
.tariff-union__content_loading .cbutton-large {
  transition: 0.1s 0.3s ease-out;
  pointer-events: none;
  opacity: 0.3;
  cursor: default;
}
.tariff-union__select-holder {
  display: flex;
  padding: 24px 16px 0;
}
.tariff-union__select-block:first-child {
  margin-right: 16px;
}
.tariff-union__select-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: var(--b4b4b4-or-ffffff-30);
  line-height: 15px;
  padding: 0 0 12px 4px;
}
.tariff-union__select-drop {
  width: 156px;
  height: 48px;
  padding: 12px 16px;
  margin: 0 0 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 12px;
  background: var(--f8f8f8-or-ffffff-03);
}
.tariff-union__select-drop_disabled {
  user-select: none;
  pointer-events: none;
}
.tariff-union__select-drop_disabled .tariff-union__select-text,
.tariff-union__select-drop_disabled .tariff-union__select-drop-arrows {
  color: var(--dcdcdc-or-ffffff-10);
}
.tariff-union__select-drop_disabled .custom-select {
  display: none;
}
.tariff-union__select-drop:not(.tariff-union__select-drop_disabled) {
  cursor: pointer;
}
.tariff-union__select-drop:not(.tariff-union__select-drop_disabled) .tariff-union__select-drop-arrows:hover {
  color: var(--a1a1a1-or-ffffff-50);
}
.tariff-union__select-drop-arrows {
  color: var(--b4b4b4-or-b4b4b4);
  --size: 16px;
  position: absolute;
  right: 9px;
  top: 15px;
  transition: color 0.1s ease-out;
}
.tariff-union__select-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.2px;
}
.tariff-union__amount {
  padding: 0 16px;
}
.tariff-union__amount-block {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  background: var(--f8f8f8-or-ffffff-03);
  margin-bottom: 1px;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
}
.tariff-union__amount-block:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.tariff-union__amount-block:last-child {
  font-family: Lato, Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 12px 16px;
}
.tariff-union__amount-block:last-child .tariff-union__amount-block-right_price {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.tariff-union__amount-block:last-child .tariff-union__amount-block-right_price .currency-icon {
  font-size: 18px;
  line-height: 19px;
  font-weight: 400;
  letter-spacing: -0.15px;
}
.tariff-union__amount-block-right_price {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  letter-spacing: -0.15px;
}
.tariff-union__amount-block-right_price .currency-icon {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.15px;
}
.tariff-union__button-holder {
  padding: 16px 16px 0;
}
.tariff-union__gift {
  padding-top: 16px;
}
.tariff-union__gift-hint {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.tariff-union__gift-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  background: var(--f8f8f8-or-ffffff-03);
  border-radius: 8px;
  width: 328px;
  padding: 12px 16px;
}
.tariff-union__gift-image-block {
  position: absolute;
  top: -8px;
  right: 12px;
}
.tariff-union__gift-image {
  width: 32px;
}
.tariff-union__gift-arrow {
  border-width: 0 8.5px 11px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: var(--f8f8f8-or-ffffff-03);
  width: 0;
  height: 0;
  top: -11px;
  margin: auto 0;
  position: absolute;
}
.tariff-union__description {
  margin-top: 16px;
}
.tariff-union__description:empty {
  display: none;
}
.tariff-union__info-block {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  margin: 0 16px;
  font-size: 12px;
  line-height: 17px;
  background-color: var(--f8f8f8-or-ffffff-03);
  border-radius: 8px;
}
.tariff-union__info-block_text {
  padding: 12px 16px;
}
.tariff-union__info-block_html {
  border-radius: 12px;
  padding: 12px 12px 10px;
}
.tariff-union__currency-button {
  position: absolute;
  right: -48px;
  top: 48px;
  text-transform: uppercase;
  font-size: 12px;
  background: var(--353539-or-121212) !important;
}
.tariff-union-select .custom-select__item-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.2px;
}
.tariff-union-select .custom-select__item {
  padding: 6px 0;
}
.tariff-union-select .custom-select__item:first-child {
  margin-top: 6px;
}
.tariff-union-select .custom-select__item:last-child {
  margin-bottom: 6px;
}
.tariff-union-select .custom-select__item_active .custom-select__item-icon {
  --size: 20px;
  margin-right: 14px;
}
.tariff-union__downgrade-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 4px;
}
.tariff-union__downgrade-block .tariff-union-reduction__footer_text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  max-width: 189px;
  word-break: break-all;
}
.tariff-union__downgrade-block .tariff-union-reduction__footer_confirm-button:first-child {
  margin: 0 12px;
}
.tariff-union__downgrade-block .tariff-union-reduction__footer_confirm-buttons-group {
  flex: 0;
  display: flex;
}
.tariff-union-white-to-us__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 11px;
}
.tariff-union-white-to-us__buttons {
  display: flex;
  gap: 8px;
}
.tariff-union-white-to-us__button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.tariff-union-white-to-us .link {
  user-select: all;
}
.join-link-control-popup {
  max-height: 100%;
  display: flex;
  flex-direction: column;
  height: var(--content-height);
  width: 360px;
  overflow: hidden;
}
.join-link-control-popup__card-info {
  max-width: 226px;
}
.join-link-control-popup__preloader {
  padding: 10px 0 18px;
}
.join-link-control-popup__main-content {
  height: 100%;
}
.join-link-control-popup__count {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  margin-left: 20px;
  margin-right: 16px;
}
.join-link-control-popup__count-title {
  margin-top: 2px;
  font-size: 15px;
  line-height: 20px;
}
.join-link-control-popup__info-button {
  background-color: var(--f8f8f8-or-ffffff-03);
  color: var(--677380-or-ffffff-75);
  font-size: 13px;
  line-height: 18px;
  padding: 4px 10px;
  border-radius: 20px;
}
.join-link-control-popup__count-button {
  font-size: 13px;
  line-height: 18px;
  align-items: flex-end;
}
.join-link-control-popup__list-item {
  animation: delayShow 300ms linear forwards;
  margin-bottom: 17px;
}
.join-link-control-popup__data {
  margin: 14px 16px;
  display: flex;
  justify-content: space-between;
}
.join-link-control-popup__info-item {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.join-link-control-popup__info-item:not(:last-child) {
  margin-bottom: 4px;
}
.join-link-control-popup__info-item_data {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
}
.join-link-control-popup__info-item_data-error {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  color: var(--ff6a64-or-ff4f47);
}
.join-link-control-popup__container {
  height: 100%;
}
.join-link-control-popup__delete-button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
  height: 35px;
  width: 36px;
  color: var(--b4b4b4-or-ffffff-30);
  background: var(--f8f8f8-or-171717);
  transition: 0.2s ease-in-out border-color;
  min-width: 36px;
}
.join-link-control-popup__delete-button:hover,
.join-link-control-popup__delete-button_active {
  color: var(--ff6a64-or-ff4f47);
}
.join-link-control-popup__user {
  cursor: default !important;
}
.join-link-control-popup__user:hover {
  background-color: var(--ffffff-or-1c1c1c) !important;
}
.join-link-control-popup__user-avatar {
  cursor: pointer;
}
.join-link-control-popup__delete-button-icon {
  --size: 20px;
}
.join-link-control-popup__footer-text {
  color: var(--b4b4b4-or-ffffff-30);
  text-align: center;
  margin-top: 6px;
  font-size: 13px;
  line-height: 18px;
}
.join-link-control-popup__input {
  width: 100%;
  padding: 6px 28px 6px 8px;
  margin-right: 8px;
  height: 35px;
  border-radius: 5px;
  background: var(--popup-input-background-color);
  overflow: scroll hidden;
  font-size: 15px;
  line-height: 22px;
  cursor: text;
  user-select: text;
  white-space: nowrap;
  vertical-align: text-top;
}
.join-link-control-popup__input_disabled {
  color: var(--b4b4b4-or-b4b4b4);
  cursor: default;
  text-decoration: none;
  user-select: none;
}
.join-link-control-popup__input_animated {
  border: 1px solid var(--05c46b-or-04a45a);
  background: var(--04ab5d-07-or-04a45a-07);
  animation: joinLinkCopyAnimation 2s ease-in-out forwards;
}
.join-link-control-popup__copy-button {
  position: absolute;
  right: 44px;
  top: 2px;
  padding: 6px;
  height: 34px;
  color: var(--b4b4b4-or-ffffff-30);
}
.join-link-control-popup__copy-button:hover {
  cursor: pointer;
  color: var(--a1a1a1-or-009fe6);
}
.join-link-control-popup__icon {
  --size: 22px;
}
.join-link-control-popup__copy-button_trash {
  color: var(--b4b4b4-or-b4b4b4);
}
.join-link-control-popup__copy-button_trash:hover {
  color: var(--ff6a64-or-ff4f47);
}
.join-link-control-popup__header {
  padding: 20px 20px 14px;
}
.join-link-control-popup__content {
  padding: 0 16px;
  height: 100%;
  border-bottom: 2px solid var(--ffffff-or-ffffff);
}
.join-link-control-popup__container_scroll {
  overflow: hidden scroll;
  height: 100%;
}
.join-link-control-popup__create-button {
  padding: 0 16px 12px;
}
.join-link-control-popup__tabs-buttons-placeholder {
  margin: 12px 0;
}
.join-link-control-popup__tab-placeholder {
  overflow: hidden;
}
.join-link-control-popup__tabs-slider {
  display: flex;
  margin: 12px 0;
  padding: 0 0 4px;
  overflow-y: scroll;
  width: 100%;
}
.join-link-control-popup__button-icon {
  --size: 18px;
  margin-right: 6px;
}
.join-link-control-popup__divider {
  border-top: 1px dashed var(--separator-color-dashed);
  padding-bottom: 18px;
  margin: 9px 20px 0;
}
.join-link-control-popup__tab-count {
  padding-left: 4px;
}
.join-link-control-popup__tab-count:empty {
  display: none;
}
.join-link-control-popup__tab {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-right: 20px;
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.1s ease-out;
}
.join-link-control-popup__tab_active {
  color: var(--2574a9-or-009fe6);
  pointer-events: none;
}
.join-link-control-popup__tab_active .join-link-control-popup__tab-text::before {
  content: '';
  height: 1px;
  background: var(--2574a9-or-009fe6);
  width: 100%;
  position: absolute;
  bottom: -2px;
}
.join-link-control-popup__tab:first-child {
  margin-left: 16px;
}
.join-link-control-popup__tab:not(.join-link-control-popup__tab_active) {
  cursor: pointer;
}
.join-link-control-popup__tab:not(.join-link-control-popup__tab_active):hover {
  color: var(--2574a9-or-ffffff-70);
}
.join-link-control-popup-input-animation {
  position: absolute;
  width: 284px;
  opacity: 0;
  background-color: var(--ffffff-or-1c1c1c);
  pointer-events: none;
}
.join-link-control-popup-input-animation_animated {
  animation: joinLinkCopyAnimation 1.5s ease-in-out;
}
.join-link-control-popup-input-animation__text {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--05c46b-or-04a45a);
  background: var(--04ab5d-07-or-04a45a-07);
}
.join-link-control-popup-input-animation__icon {
  --size: 16px;
  color: var(--05c46b-or-04a45a);
}
.join-link-create-popup {
  margin: 16px 0;
}
.join-link-create-popup__limit {
  margin: 43px 36px 36px;
}
.join-link-create-popup__limit-button {
  margin-top: 16px;
}
.join-link-create-popup__footer {
  margin: 18px 16px 16px;
}
.join-link-create-popup__data {
  display: flex;
  justify-content: space-between;
}
.join-link-create-popup__input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  width: 100%;
  padding: 6px 35px 7px 7px;
  height: 35px;
  border-radius: 5px;
  background: var(--009fe6-05-or-006b30-05);
  border: 1px solid var(--009fe6-or-006b30);
  overflow: scroll hidden;
  cursor: text;
  user-select: text;
  white-space: nowrap;
  vertical-align: text-top;
}
.join-link-create-popup__input_disabled {
  opacity: var(--disabled-opacity);
  cursor: default;
  text-decoration: none;
  user-select: none;
}
.join-link-create-popup__input_animated {
  border: 1px solid var(--05c46b-or-04a45a);
  background: var(--05c46b-05-or-04a45a-05);
  animation: joinLinkCopyAnimation 2s ease-in-out forwards;
}
.join-link-create-popup__copy-button {
  position: absolute;
  right: 0;
  top: 2px;
  padding: 6px;
  height: 34px;
  color: var(--009fe6-or-006b30);
  cursor: pointer;
}
.join-link-create-popup__copy-button:hover {
  color: var(--0088c4-or-006d9e);
}
.join-link-create-popup__icon {
  --size: 22px;
}
.join-link-create-popup_preloader {
  opacity: 0;
  animation: 100ms delayShow 500ms linear forwards;
  pointer-events: none;
}
.join-link-create-popup__count {
  display: flex;
  padding: 6px 0;
  margin-left: 20px;
  margin-right: 16px;
}
.join-link-create-popup__count-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  margin-top: 2px;
}
.join-link-create-popup__count-button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  align-items: flex-end;
}
.join-link-create-popup__help-button {
  --size: 18px;
  display: flex;
  align-items: center;
  color: var(--dcdcdc-or-ffffff-15);
  margin-left: 5px;
  cursor: pointer;
}
.join-link-create-popup__help-button:hover {
  color: var(--c7c7c7-or-009fe6);
}
.join-link-create-popup__time-button {
  margin-left: auto;
}
.join-link-create-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  margin: 0 20px 12px;
  color: var(--333e49-or-ffffff-75);
}
.join-link-create-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 30px;
}
.join-link-create-popup-input-animation {
  position: absolute;
  width: 100%;
  opacity: 0;
  background-color: var(--ffffff-or-1c1c1c);
  pointer-events: none;
}
.join-link-create-popup-input-animation_animated {
  animation: joinLinkCopyAnimation 1.5s ease-in-out;
}
.join-link-create-popup-input-animation__text {
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--05c46b-or-04a45a);
  background: var(--05c46b-05-or-04a45a-05);
}
.join-link-create-popup-input-animation__icon {
  --size: 16px;
  color: var(--05c46b-or-04a45a);
}
.space-invite-groups {
  height: calc(var(--content-height) - 84px);
}
.space-invite-groups__header {
  padding: 20px 20px 0;
  margin-bottom: 24px;
}
.space-invite-groups__not-found {
  font-size: 12px;
  line-height: 14px;
  padding: 9px 18px 27px;
}
.space-invite-groups__search {
  margin-bottom: 16px;
}
.space-invite-groups__search_placeholder {
  margin-bottom: 13px;
}
.space-invite-groups__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 4px;
  color: var(--333e49-or-ffffff-75);
}
.space-invite-groups__description {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.15px;
}
.space-invite-groups__preloader {
  height: 56px;
  opacity: 1;
}
.members-administration-tab-deleted {
  --margin-bottom-search: 18px;
  display: grid;
  height: 100%;
}
.members-administration-tab-deleted__title {
  color: var(--b4b4b4-or-ffffff-30);
  margin: 0 18px 11px 16px;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
}
.members-administration-tab-deleted__title_placeholder {
  border-radius: 5px;
  background-color: var(--f8f8f8-or-ffffff-02);
  height: 15px;
  width: 110px;
}
.members-administration-tab-deleted .popup-item:last-child {
  margin-bottom: 6px;
}
.members-administration-tab-deleted_grid-rows {
  grid-template-rows: auto 1fr;
}
.members-administration-tab-deleted_has-no-actions .members-active__points {
  display: none !important;
}
.members-active {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.members-active__not-found {
  font-size: 13px;
  line-height: 18px;
  color: var(--b4b4b4-or-b4b4b4);
  margin: 0 16px 24px;
  padding-bottom: 8px;
  word-break: break-word;
}
.members-active__list > .hidden ~ .members-active__members-block .members-active__members-block-title {
  margin-top: 0;
}
.members-active__members-block-title {
  color: var(--b4b4b4-or-ffffff-30);
  margin: 17px 18px 11px 16px;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
}
.members-active__members-block-title_first {
  margin-top: 0;
}
.members-active__member-info {
  max-width: 162px;
}
.members-active__member-info_already-member {
  max-width: 192px;
  margin-right: 8px;
}
.members-active__member_unread {
  background: var(--009fe6-05-or-33648f-30);
  animation: notification_read 0.3s 0.7s ease-out forwards;
}
.members-active__member:hover,
.members-active__member_active {
  box-shadow: inset 0 0 0 40px var(--f8f8f8-or-232323);
  transition: box-shadow 0.1s ease-out;
}
.members-active__member:hover .members-active__points,
.members-active__member_active .members-active__points {
  display: flex;
}
.members-active__member_unknown .members-active__points,
.members-active__member_unknown:hover .members-active__points,
.members-active__member_deleted .members-active__points,
.members-active__member_deleted:hover .members-active__points {
  display: none;
}
.members-active__member_active .members-active__points .members-active__icon-points {
  color: var(--009fe6-or-009fe6);
}
.members-active__preloader {
  padding: 17px 0 18px;
}
.members-active__points {
  display: none;
  align-items: center;
}
.members-active__points .members-active__icon-points {
  --size: 20px;
  transition: color 0.1s ease-out;
  color: var(--b4b4b4-or-ffffff-30);
}
.members-active__points .members-active__icon-points:hover {
  color: var(--009fe6-or-009fe6);
}
.members-active__new {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  display: inline-block;
  padding: 1px 4px 2px;
  background: var(--3ca187-or-2f7d67);
  border-radius: 5px;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.1px;
  color: var(--ffffff-or-ffffff);
  vertical-align: top;
}
.members-active__list {
  display: none;
}
.members-active__error-holder:empty + .members-active__list {
  display: block;
}
.members-active_has-no-actions .members-active__points {
  display: none !important;
}
.members-active-placehodler__tabs {
  padding: 20px 16px 8px;
  display: flex;
  gap: 18px;
}
.members-active-placehodler__title {
  padding: 17px 16px 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.administration-admin-popup__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--333e49-or-ffffff-75);
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin: 52px 30px 0;
}
.administration-admin-popup__description {
  margin: 8px 20px 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
}
.administration-admin-popup__separator {
  margin: 23px 20px 16px;
  border-top: 1px dashed var(--separator-color-dashed);
}
.administration-admin-popup__button-wrapper {
  padding: 0 16px 16px;
  display: flex;
}
.administration-admin-popup__button {
  width: 100%;
  transition: 0.1s ease-out;
}
.members-administration {
  --members-administration-blur-color: var(--ffffff-or-232323);
  background-color: var(--ffffff-or-232323);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.members-administration__invite-button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  padding: 6px 0;
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 23px;
  transition: 0.1s ease-out;
}
.members-administration__button-icon {
  --size: 18px;
  margin-right: 5px;
}
.members-administration__tabs-buttons-placeholder {
  margin: 12px 0;
}
.members-administration__tab-placeholder {
  overflow: hidden;
}
.members-administration__tabs-slider {
  display: flex;
  padding: 20px 16px 8px;
  overflow: auto;
  gap: 19px;
}
.members-administration__content {
  background-color: var(--ffffff-or-232323);
}
.members-administration__content .popup-empty {
  justify-content: flex-start;
  padding: 106px 0 120px;
  margin: -10px 0 0;
  background: transparent;
  min-height: 200px;
}
.members-administration__tab {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 0;
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.1s ease-out;
  height: 20px;
  letter-spacing: -0.15px;
  overflow: visible;
}
.members-administration__tab_active {
  color: var(--2574a9-or-009fe6);
  pointer-events: none;
}
.members-administration__tab_active::before {
  content: '';
  height: 1px;
  background: var(--2574a9-or-009fe6);
  width: 100%;
  position: absolute;
  bottom: -8px;
}
.members-administration__tab::after {
  display: flex;
  align-items: center;
  justify-content: center;
  content: attr(data-unread);
  height: 18px;
  min-width: 18px;
  background: var(--ff6a64-or-ff4f47);
  border-radius: 30px;
  color: var(--ffffff-or-ffffff);
  margin: 0 0 0 4px;
  text-align: center;
  padding: 1px 5px;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
}
.members-administration__tab[data-unread='0']::after {
  display: none;
}
.members-administration__tab:not(.members-administration__tab_active):hover {
  cursor: pointer;
  color: var(--1f618d-or-ffffff-70);
}
.members-administration__tab_notifications-read::after {
  animation: fadeOut 0.3s 0.7s forwards, hideMembersCounter 500ms 1s forwards;
}
.members-administration__tab:nth-last-child(2) {
  margin: 0;
}
.members-administration__error-stub {
  padding: 0;
}
.members-administration__manage-links {
  --size: 22px;
  top: 48px;
  right: -48px;
  position: absolute;
}
.members-administration__requests-placeholder {
  margin-top: 8px;
}
.members-administration__footer {
  width: 100%;
  border-top: 1px solid var(--separator-color-line);
  background: var(--ffffff-or-232323);
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.members-administration__placeholder-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.members-administration__plans-info {
  margin: 14px 16px 24px;
}
.members-administration__placeholder {
  height: 100%;
}
.members-administration__placeholder .members-administration__plans-info {
  margin: 0 0 2px;
  display: flex;
}
.members-administration__placeholder .members-administration__plans-info_no-options {
  margin: 0;
}
.members-administration__placeholder .members-administration__footer {
  border: none;
  padding: 0;
}
.members-administration__placeholder-user:not(:last-child) {
  margin-bottom: 0;
}
.members-administration__placeholder-list {
  margin-top: -4px;
}
.members-administration__action-wrapper {
  margin-bottom: 24px;
  width: 100%;
}
.members-administration__action-wrapper_request-tab .members-administration__blur-right,
.members-administration__action-wrapper_request-tab .members-administration__search-wrapper {
  display: none;
}
.members-administration__action-wrapper_request-tab .members-administration__tabs-slider {
  width: auto;
}
.members-administration__blur-left {
  content: '';
  position: absolute;
  left: 0;
  width: 16px;
  top: 20px;
  height: 28px;
  background: linear-gradient(-90deg, transparent -3.6%, var(--members-administration-blur-color) 30%, var(--members-administration-blur-color) 85%);
  pointer-events: none;
}
.members-administration__blur-right {
  content: '';
  position: absolute;
  right: 0;
  width: 16px;
  top: 20px;
  height: 28px;
  background: linear-gradient(90deg, transparent -3.6%, var(--members-administration-blur-color) 30%, var(--members-administration-blur-color) 85%);
  pointer-events: none;
}
.members-administration__scroll-content {
  height: 100%;
  overflow-y: auto;
}
.members-administration__search-wrapper {
  position: absolute;
  right: 0;
  top: -7px;
  margin: 0 16px 0 0;
}
.members-administration__search-placeholder {
  background-color: var(--f8f8f8-or-ffffff-02);
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.members-administration__placeholder-item {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1px;
}
.members-administration__search {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  color: var(--b4b4b4-or-ffffff-30);
  background: var(--f8f8f8-or-ffffff-03);
  font-size: 16px;
  line-height: 1;
  transition: 0.1s ease-out;
}
.members-administration__search:hover {
  cursor: pointer;
  color: var(--a1a1a1-or-009fe6);
  background: var(--f0f0f0-or-ffffff-03);
}
.members-administration__search-icon {
  --size: 16px;
}
.members-administration__form-search {
  position: absolute;
  margin: 0 0 24px;
  top: -60px;
  padding: 0 16px;
  background-color: var(--ffffff-or-232323);
}
.members-administration__form-search .form-search__icon {
  left: 28px;
}
.members-administration__form-search .form-search__preloader-wrapper {
  right: 64px;
}
.members-administration__form-search .members-administration__input-cross {
  right: 63px;
}
.members-administration__form-search-input {
  padding-right: 38px;
  color: var(--333e49-or-ffffff-75);
  background-color: var(--f8f8f8-or-1c1c1c);
  border-radius: 8px;
  width: auto;
  flex: 1;
}
.members-administration__search-close-button {
  --size: 16px;
  background: var(--f8f8f8-or-ffffff-03);
  width: 28px;
  height: 28px;
  margin-left: 12px;
  border-radius: 50%;
  color: var(--b4b4b4-or-ffffff-30);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.1s ease-out;
}
.members-administration__search-close-button:hover {
  cursor: pointer;
  color: var(--a1a1a1-or-009fe6);
  background: var(--f0f0f0-or-ffffff-03);
}
.members-administration__scroll-preloader {
  height: 56px;
}
.members-administration__active-placeholder {
  margin-top: -7px;
}
.members-administration__button-access-guest {
  cursor: pointer;
  border-bottom: 1px dashed var(--b4b4b4-or-ffffff-20);
}
.members-administration-plans-info {
  height: 146px;
}
.members-administration-preloader {
  --size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 0;
  color: var(--b4b4b4-or-b4b4b4);
}
.members-administration-preloader__icon {
  animation: preloader 0.6s linear infinite;
}
.members-administration-search-not-found-stub .popup-empty__svg-icon {
  margin-bottom: 12px;
  flex-shrink: 0;
}
.space-no-free-place {
  padding: 0 16px 24px;
  margin-top: -4px;
}
.space-no-free-place__container {
  padding: 12px 16px 16px;
  border-radius: 12px;
  background-color: var(--ffaa33-08-or-ffdd59-05);
}
.space-no-free-place__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-ffffff-75);
}
.space-no-free-place__text {
  margin-top: 7px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.space-no-free-place__button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  width: 100%;
  height: 35px;
  margin-top: 17px;
}
.space-join-link-entry-users {
  --header-height: 60px;
  overflow: hidden;
}
.space-join-link-entry-users__header {
  padding: 20px 20px 16px;
}
.space-join-link-entry-users__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  letter-spacing: -0.2px;
  font-size: 18px;
  line-height: 24px;
}
.space-join-link-entry-users__list {
  overflow-y: auto;
  padding-top: 2px;
  padding-bottom: 16px;
  height: calc(100% - var(--header-height));
}
.space-plan-info {
  background-color: var(--f8f8f8-or-1c1c1c);
  padding: 0 16px;
}
.space-plan-info_on-premise {
  padding: 0;
}
.space-plan-info .company-avatar {
  background-color: var(--f0f0f0-or-000000-15);
}
.space-plan-info-active {
  border-radius: 12px;
}
.space-plan-info-active__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  color: var(--333e49-or-ffffff-75);
  font-size: 15px;
  line-height: 22px;
  padding: 16px 0 0;
}
.space-plan-info-active__progress {
  padding: 14px 0 0;
}
.space-plan-info-active__footer {
  display: flex;
  justify-content: space-between;
  padding: 25px 0 16px;
  font-size: 12px;
  line-height: 14px;
  gap: 8px;
}
.space-plan-info-active__footer_skeleton {
  padding-top: 24px;
}
.space-plan-info-active__link-button {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--ffffff-or-ffffff-03);
  border-radius: 12px;
  height: 63px;
  transition: background-color 0.2s ease-out;
}
.space-plan-info-active__link-button:not(.space-plan-info-active__link-button_skeleton) {
  cursor: pointer;
}
.space-plan-info-active__link-button_skeleton {
  background-color: var(--f0f0f0-or-ffffff-03);
}
.space-plan-info-active__link-button:hover {
  background-color: var(--f0f0f0-or-ffffff-03);
}
.space-plan-info-active__link-button:hover .space-plan-info-active__icon,
.space-plan-info-active__link-button:hover .space-plan-info-active__text {
  color: var(--333e49-or-009fe6);
}
.space-plan-info-active__link-button_green:hover .space-plan-info-active__text {
  color: var(--333e49-or-04a45a);
}
.space-plan-info-active__link-button_green:hover .space-plan-info-active__icon {
  color: var(--05c46b-or-04a45a);
}
.space-plan-info-active__link-button_green .space-plan-info-active__icon {
  color: var(--05c46b-or-04a45a);
}
.space-plan-info-active__link-button_blue:hover .space-plan-info-active__text {
  color: var(--333e49-or-009fe6);
}
.space-plan-info-active__link-button_blue:hover .space-plan-info-active__icon {
  color: var(--009fe6-or-009fe6);
}
.space-plan-info-active__link-button_blue .space-plan-info-active__icon {
  color: var(--009fe6-or-009fe6);
}
.space-plan-info-active__icon {
  --size: 20px;
  display: flex;
  color: var(--333e49-or-ffffff-75);
  margin-bottom: 4px;
}
.space-plan-info-active__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: var(--677380-or-ffffff-75);
  height: 15px;
}
.space-plan-info-active__invoices::after {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  min-width: 18px;
  content: attr(data-unread);
  background: var(--ff6a64-or-ff4f47);
  color: var(--ffffff-or-ffffff);
  padding: 3px 6px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  text-align: center;
  font-size: 10px;
  top: -4px;
  line-height: 12px;
  right: -4px;
}
.space-plan-info-active__invoices[data-unread='0']::after {
  display: none;
}
.space-plan-info-in-active {
  background-color: var(--ff6a64-20-or-ff4f47-20);
}
.space-plan-info-in-active__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  color: var(--ff6a64-or-ff4f47);
  font-size: 15px;
  line-height: 22px;
  padding: 12px 0 0;
}
.space-plan-info-in-active__footer {
  padding: 13px 16px 16px;
}
.space-plan-info-in-active__description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 8px 16px 0;
}
.space-plan-info-changed {
  --space-plan-info-changed-border-radius: 8px;
  position: fixed;
  top: calc(var(--title-bar-height) + 42px);
  margin: 16px 16px 0;
  width: 328px;
  background-color: var(--ffffff-or-272727);
  border: 1px solid var(--05c46b-20-or-04a45a-20);
  border-radius: var(--space-plan-info-changed-border-radius);
  text-align: center;
  pointer-events: none;
  opacity: 0;
}
.space-plan-info-changed__content {
  background-color: var(--05c46b-07-or-04a45a-07);
  border-radius: var(--space-plan-info-changed-border-radius);
}
.space-plan-info-changed__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  padding: 8px 16px 0;
  align-items: center;
}
.space-plan-info-changed__icon {
  margin-top: 21px;
  --size: 48px;
  color: var(--05c46b-or-04a45a);
}
.space-plan-info-changed__block-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.space-plan-info-changed__description {
  font-size: 12px;
  line-height: 14px;
  padding: 4px 16px 39px;
}
.space-plan-info-changed_animated {
  animation: fadeIn 0.4s ease-in-out forwards, fadeOut 0.4s 3s ease-in-out forwards;
  pointer-events: unset;
}
.space-plan-info-progress__progress-bar {
  background-color: var(--f0f0f0-or-ffffff-03);
  border-radius: 10px;
  height: 6px;
}
.space-plan-info-progress__filler {
  border-radius: 10px;
  height: 100%;
  transition: width 0.3s;
}
.space-plan-info-progress__filler[data-color='green'] {
  background-color: var(--05c46b-or-04a45a);
}
.space-plan-info-progress__filler[data-color='red'] {
  background-color: var(--ff6a64-or-ff4f47);
}
.space-plan-info-progress__filler[data-color='orange'] {
  background-color: var(--ffaa33-or-ff9d14);
}
.space-plan-info-progress__info {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 14px;
  color: var(--677380-or-ffffff-30);
  padding: 12px 0 0;
}
.space-plan-info-progress__info_skeleton {
  padding-top: 14px;
}
.space-plan-info-progress__info_no-options {
  padding: 12px 0 16px;
}
.space-plan-info-progress__days-block[data-color='orange'],
.space-plan-info-progress__users-block[data-color='orange'] {
  color: var(--ffaa33-or-ff9d14);
}
.space-plan-info-progress__days-block[data-color='red'],
.space-plan-info-progress__users-block[data-color='red'] {
  color: var(--ff6a64-or-ff4f47);
}
.space-tariff-auto-increase {
  margin-top: 40px;
  align-items: center;
}
.space-tariff-auto-increase__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  padding-top: 12px;
  color: var(--333e49-or-ffffff-75);
}
.space-tariff-auto-increase__description {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.15px;
  margin-top: 8px;
  padding: 0 20px;
}
.space-tariff-auto-increase__footer {
  width: 100%;
  padding: 24px 16px 16px;
}
.space-tariff-auto-increase__button {
  align-self: stretch;
  margin: 0 16px;
}
.space-tariff-auto-increase-circle {
  color: var(--05c46b-or-04a45a);
  background-color: var(--ffffff-or-232323);
}
.space-tariff-auto-increase-circle .circle-header__image {
  top: 0;
  width: 80px;
  height: 80px;
  background: var(--f8f8f8-or-f8f8f8);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.space-tariff-auto-increase-circle .circle-header__image .circle-header__img {
  width: 48px;
  height: 48px;
}
.space-tariff-currency-select {
  padding: 2px 0;
}
.space-tariff-currency-select__scroll-container {
  max-height: 272px;
  overflow: scroll;
  font-size: 15px;
  line-height: 22px;
  padding: 11px 11px 9px;
  min-width: 298px;
}
.space-tariff-currency-select__item {
  display: flex;
  align-items: center;
  padding: 6px 10px 6px 12px;
  margin-bottom: 2px;
  background: var(--ffffff-or-transparent);
  cursor: pointer;
  border-radius: 5px;
}
.space-tariff-currency-select__item:hover {
  cursor: pointer;
  color: var(--ffffff-or-ffffff-70);
  background: var(--009fe6-or-2e2e2e);
}
.space-tariff-currency-select__item:hover .space-tariff-currency-select__item-sign {
  color: var(--ffffff-or-009fe6);
}
.space-tariff-currency-select__item:hover .space-tariff-currency-select__item-description {
  color: var(--ffffff-or-ffffff-70);
}
.space-tariff-currency-select__item:hover .space-tariff-currency-select__item-checkmark {
  color: var(--ffffff-or-ffffff-70);
}
.space-tariff-currency-select__item_selected .space-tariff-currency-select__item-checkmark {
  display: flex;
}
.space-tariff-currency-select__item-sign {
  text-transform: uppercase;
  color: var(--009fe6-or-009fe6);
  margin-right: 12px;
  min-width: 31px;
  display: flex;
  justify-content: center;
}
.space-tariff-currency-select__item-checkmark {
  --size: 16px;
  display: none;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  color: var(--009fe6-or-009fe6);
}
.space-search-find-hints {
  position: static;
}
.space-search-find-hints__list {
  margin-bottom: 20px;
}
.space-search-find-hints__list_delay {
  animation-delay: 0ms;
  animation-duration: 90ms;
}
.space-search-find-hints__header {
  position: sticky;
  top: var(--space-search-conversation-wrapper-height, 0);
  z-index: 2;
  padding-bottom: 11px;
  padding-left: 10px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  color: var(--b4b4b4-or-ffffff-30);
  background: var(--ffffff-or-1c1c1c);
}
.space-search-find-hints__header::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--separator-color-line);
}
.space-search-find-hints__header-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 427px;
  width: fit-content;
  padding: 0 8px;
  background: var(--ffffff-or-1c1c1c);
  cursor: pointer;
}
.space-search-find-hints__preloader {
  margin: 16px 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.space-search-find-hints__preloader-icon {
  animation: linear 500ms infinite rotatePreloader;
}
.space-search-find-hints__not-found {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  margin: 117px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: var(--b4b4b4-or-b4b4b4);
}
.space-search-find-hints__not-found-icon {
  --size: 60px;
  color: var(--e6e6e6-or-ffffff-15);
  margin-bottom: 12px;
}
.space-search-find-hints__empty-block {
  background-color: var(--ffffff-or-1c1c1c);
}
.space-search-find-hints .space-search-find-hints__empty:last-child {
  padding-bottom: 68px;
}
.space-search-find-hints .space-search-find-hints__empty:last-child .space-search-find-hints__empty-block {
  margin: 0;
}
.space-search-find-hints .space-search-find-hints__empty:last-child .space-search-find-hints__empty-image {
  margin-bottom: 12px;
}
.space-search-find-hints__empty {
  height: calc(var(--content-height) - 260px);
  overflow: hidden;
}
.space-search-hint {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  font-family: Lato, Arial, sans-serif;
  display: inline-block;
  font-style: italic;
  background: var(--d7ffc3-or-144f28);
  color: var(--333e49-or-ffffff-75);
}
.space-search-audio {
  padding: 4px 8px 0 0;
  margin-top: 2px;
  display: flex;
  align-items: center;
}
.space-search-audio__content {
  pointer-events: none;
  width: 100%;
}
.space-search-audio__info {
  height: 40px;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  width: 274px;
  flex: 1;
  color: var(--333e49-or-ffffff-75);
}
.space-search-message {
  --left-width: 44px;
  width: 100%;
  padding: 0 8px 0 16px;
}
.space-search-message:hover {
  cursor: pointer;
  background-color: var(--f8f8f8-or-1c1c1c);
}
.space-search-message:hover .space-search-message {
  background: transparent;
}
.space-search-message:hover .space-search-message-thread-button__outline {
  background: transparent;
}
.space-search-message__text {
  pointer-events: none;
  display: inline;
  overflow-wrap: break-word;
  white-space: break-spaces;
  word-break: break-word;
  user-select: text;
}
.space-search-message__text_link {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  display: block;
  color: var(--2574a9-or-009fe6);
}
.space-search-message__text_link .format_green {
  color: var(--2574a9-or-009fe6);
}
.space-search-message__text_link:hover {
  color: var(--1c577f-or-2574a9);
}
.space-search-message__text .emoji_sizer > .emoji_inner {
  margin-bottom: -3px;
}
.space-search-message .space-search-message .space-search-message__content-right {
  padding-bottom: 0;
  border-bottom: none;
}
.space-search-message__main-content {
  display: flex;
  width: 100%;
  padding-top: 4px;
}
.space-search-message__content-left {
  padding-top: 4px;
  padding-right: 8px;
  width: var(--left-width);
}
.space-search-message__content-right {
  width: calc(100% - var(--left-width));
  padding-bottom: 4px;
  font-size: 15px;
  line-height: 22px;
}
.space-search-message__sender-info {
  display: flex;
  align-items: center;
}
.space-search-message__sender-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  max-width: 195px;
  margin-right: 4px;
  color: var(--333e49-or-ffffff-75);
}
.space-search-message__sender-date {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: var(--b4b4b4-or-ffffff-20);
}
.space-search-message__type-content {
  user-select: text;
  word-break: break-word;
}
.space-search-message__type-content .message-video {
  display: flex;
  flex-direction: column;
}
.space-search-message__avatar {
  pointer-events: all;
  cursor: pointer;
}
.space-search-message_thread-parent .space-search-message__type-content > .space-search-message_thread-child::before {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 15px;
  background-color: var(--f0f0f0-or-333333);
  border-radius: 2px;
}
.space-search-message_thread-parent .space-search-message__type-content > .space-search-message_thread-child > .space-search-message__main-content > .space-search-message__content-left::before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  left: -12px;
  width: 6px;
  height: 2px;
  background-color: var(--f0f0f0-or-333333);
  border-radius: 2px;
}
.space-search-message_thread-parent .space-search-message__type-content > .space-search-message_thread-child > .space-search-message__main-content > .space-search-message__content-left::after {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  left: -12px;
  width: 2px;
  height: 100%;
  background-color: var(--f0f0f0-or-333333);
  border-radius: 2px;
}
.space-search-message_thread-parent .space-search-message__type-content > .space-search-message_thread-child:last-child > .space-search-message__main-content > .space-search-message__content-left::after {
  content: none;
}
.space-search-message .space-search-message-repost__line .space-search-message-file__name {
  max-width: 270px;
}
.space-search-message_thread-child {
  --left-width: 32px;
  padding: 0 0 0 12px;
}
.space-search-message_thread-child .space-search-message__main-content {
  padding-top: 10px;
}
.space-search-message_thread-child .space-search-message__content-left {
  padding-top: 0;
}
.space-search-message_thread-child .space-search-message__content-right {
  padding-top: 0;
}
.space-search-message_thread-child .space-search-message-file__name {
  max-width: 280px;
}
.space-search-message_thread-child .space-search-message-repost__line .space-search-message-file__name {
  max-width: 240px;
}
.space-search-message__rating,
.space-search-message__profile {
  margin-top: 8px;
  margin-bottom: 4px;
}
.space-search-message__image {
  margin-top: 8px;
}
.space-search-message-repost .space-search-message {
  padding: 0 0 0 10px;
}
.space-search-message-repost__line::before {
  content: '';
  position: absolute;
  top: 14px;
  left: 0;
  width: 2px;
  height: calc(100% - 14px);
  background: var(--separator-color-line);
  border-radius: 1px;
}
.space-search-message-file {
  margin-top: 12px;
  padding-bottom: 2px;
}
.space-search-message-file__content {
  display: flex;
  align-items: center;
}
.space-search-message-file__icon {
  margin-right: 12px;
}
.space-search-message-file__info {
  width: 100%;
}
.space-search-message-file__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  max-width: 330px;
}
.space-search-message-file__size {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: var(--b4b4b4-or-ffffff-30);
}
.space-search-message-file__hint {
  margin-top: 14px;
  padding: 1px 2px;
  height: 17px;
}
.space-search-message-image {
  display: flex;
  flex-direction: column;
}
.space-search-message-image_deleted {
  align-items: center;
  justify-content: center;
}
.space-search-message-image__content {
  pointer-events: none;
  height: 100%;
  max-height: 260px;
  width: 100%;
  max-width: 400px;
  border-radius: 3px;
  cursor: zoom-in;
  background-color: var(--f5f5f5-or-ffffff-02);
  border: 1px solid var(--separator-color-line);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}
.space-search-message-image__content_deleted {
  cursor: default;
}
.space-search-message-image__buttons {
  display: flex;
  margin-left: 12px;
}
.space-search-message-image__buttons .message-image__button:not(:last-child) {
  margin-right: 4px;
}
.space-search-message-image__button {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.space-search-message-image__icon {
  margin-bottom: 12px;
}
.space-search-message-image__text {
  color: var(--b4b4b4-or-ffffff-20);
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.space-search-message-image__preloader {
  width: 24px;
  height: 24px;
  animation: delayShow 2s ease-in 1s;
}
.space-search-message-image__light-image {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.space-search-message-image__hint {
  margin-top: 9px;
  padding: 1px 2px;
  height: 17px;
  max-width: max-content;
}
.space-search-message-video__player {
  pointer-events: none;
}
.space-search-message-video__hint {
  margin-top: 9px;
  padding: 1px 2px;
  height: 17px;
  max-width: max-content;
}
.space-search-message-preview {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  margin-top: 8px;
  padding-bottom: 2px;
  word-break: break-word;
}
.space-search-message-preview_small {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.space-search-message-preview_small .space-search-message-preview__content {
  width: 296px;
}
.space-search-message-preview_small .space-search-message-preview__image {
  width: 70px;
  height: 70px;
  max-height: 70px;
  max-width: 70px;
  align-self: flex-end;
  margin-left: 12px;
  cursor: default;
}
.space-search-message-preview_placeholder .space-search-message-preview__header {
  margin-bottom: 9px;
}
.space-search-message-preview_placeholder .space-search-message-preview__favicon {
  background-color: var(--f8f8f8-or-ffffff-02);
}
.space-search-message-preview_placeholder .space-search-message-preview__site-name {
  background-color: var(--f8f8f8-or-ffffff-02);
  border-radius: 5px;
}
.space-search-message-preview_placeholder .space-search-message-preview__title {
  background-color: var(--f8f8f8-or-ffffff-02);
  border-radius: 5px;
  margin-bottom: 3px;
  height: 20px;
}
.space-search-message-preview_placeholder .space-search-message-preview__description {
  height: 20px;
  background-color: var(--f8f8f8-or-ffffff-02);
  margin-bottom: 2px;
  border-radius: 5px;
}
.space-search-message-preview_placeholder .space-search-message-preview__image {
  width: 390px;
  height: 254px;
  background: var(--f8f8f8-or-ffffff-02);
}
.space-search-message-preview_placeholder.space-search-message-preview_small .space-search-message-preview__description:last-child {
  margin-bottom: 4px;
}
.space-search-message-preview_placeholder.space-search-message-preview_small .space-search-message-preview__image {
  background: var(--f8f8f8-or-ffffff-02);
  border-radius: 3px;
}
.space-search-message-preview_placeholder.space-search-message-preview_small .space-search-message-preview__image::after {
  content: '';
  height: 24px;
  width: 24px;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 24px;
  position: absolute;
  animation: linear 500ms infinite rotatePreloader;
}
.space-search-message-preview__content {
  padding-left: 10px;
}
.space-search-message-preview__content::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 2px;
  background-color: var(--separator-color-line-secondary);
  border-radius: 1px;
  top: 0;
  left: 0;
}
.space-search-message-preview__header {
  display: flex;
  margin-bottom: 8px;
}
.space-search-message-preview__favicon {
  cursor: pointer;
  flex: none;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 8px;
  background-color: var(--f8f8f8-or-ffffff-02);
}
.space-search-message-preview__site-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  cursor: pointer;
  display: inline-block;
  color: var(--b4b4b4-or-ffffff-30);
}
.space-search-message-preview__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  user-select: text;
  color: var(--2574a9-or-2574a9);
}
.space-search-message-preview__title:empty {
  display: none;
}
.space-search-message-preview__title .emoji_sizer > .emoji_inner {
  margin-bottom: -3px;
}
.space-search-message-preview__description {
  color: var(--333e49-or-ffffff-75);
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: text;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.space-search-message-preview__description .emoji_sizer > .emoji_inner {
  margin-bottom: -3px;
}
.space-search-message-preview__description + .space-search-message-preview__image {
  margin-top: 8px;
}
.space-search-message-preview__image {
  border-radius: 5px;
  max-width: 390px;
  max-height: 254px;
  background-color: var(--f8f8f8-or-transparent);
  border: 1px solid var(--f0f0f0-or-ffffff-05);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.space-search-message-preview__image_video::after {
  content: '';
  cursor: pointer;
  display: block;
  background: url('../images/global/youtube-button.svg') center no-repeat;
  background-size: 70px 52px;
  position: absolute;
  width: 100%;
  height: 100%;
}
.space-search-message-preview__image_preloader::after {
  content: '';
  height: 24px;
  width: 24px;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 24px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards,
					linear 500ms infinite rotatePreloader;
}
.space-search-message-preview__image_waiting {
  cursor: default;
  background: var(--ffffff-or-ffffff);
}
.space-search-message-preview__title + .space-search-message-preview__image {
  margin-top: 8px;
}
.space-search-message-rating {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  user-select: none;
}
.space-search-message-rating_cloud {
  border-radius: 8px;
  border: 1px solid var(--f0f0f0-or-ffffff-05);
  background-color: var(--f8f8f8-or-f8f8f8);
  background-image: url('../images/profile/message/many-cloud.png');
  background-position: top center;
}
.space-search-message-rating__company {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  color: var(--dcdcdc-or-ffffff-70);
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.3px;
  margin-bottom: 24px;
  text-align: center;
}
.space-search-message-rating__total {
  margin-bottom: 32px;
}
.space-search-message-rating__total_one {
  margin-bottom: 24px;
}
.space-search-message-rating-total__value {
  margin-bottom: 16px;
}
.space-search-message-rating-total__description {
  text-align: center;
  font-size: 15px;
  line-height: 20px;
}
.space-search-message-profile_cloud {
  border-radius: 8px;
  border: 1px solid var(--f0f0f0-or-ffffff-05);
  background-color: var(--f8f8f8-or-f8f8f8);
  background-image: url('../images/profile/message/many-cloud.png');
  background-position: top center;
}
.space-search-message-profile_anniversary .space-search-message-profile-user {
  width: auto;
}
.space-search-message-profile_anniversary .space-search-message-profile-user__wrapper {
  width: auto;
  flex: initial;
}
.space-search-message-profile__top {
  min-height: 62px;
  padding: 15px 16px 16px;
}
.space-search-message-profile__bottom {
  height: 73px;
  border-top: 1px dashed var(--e6e6e6-or-ffffff-05);
  padding: 11px 0 10px;
}
.space-search-message-profile__bottom .message-profile-user {
  padding: 6px 12px 6px 16px;
}
.space-search-message-profile__bottom .message-profile-user__icon {
  --size: 30px;
}
.space-search-message-profile__header {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  padding: 18px 16px 7px;
  user-select: none;
}
.space-search-message-profile__description {
  color: var(--b4b4b4-or-b4b4b4);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 0 16px;
  user-select: none;
}
.space-search-message-profile_clickable {
  cursor: pointer;
}
.space-search-message-profile-event {
  display: flex;
  align-items: center;
}
.space-search-message-profile-event__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.3px;
  color: var(--dcdcdc-or-ffffff-70);
  user-select: none;
}
.space-search-message-profile-event__icon {
  --size: 26px;
  color: var(--popup-empty-icon-background-color);
}
.space-search-message-profile-event__text + .space-search-message-profile-event__icon {
  margin-left: 4px;
}
.space-search-message-profile-list {
  user-select: none;
}
.space-search-message-profile-list__header {
  color: var(--8c8c8c-or-ffffff-20);
  text-transform: uppercase;
  padding: 24px 16px 8px;
  font-size: 12px;
  line-height: 14px;
}
.space-search-message-profile-list__item:not(:last-child) {
  margin-bottom: 1px;
}
.space-search-message-profile-list__item:not(:last-child)::after {
  content: '';
  display: block;
  padding-left: 64px;
  height: 1px;
  width: 100%;
  background: linear-gradient(to right, transparent 64px, var(--f0f0f0-or-f0f0f0) 64px);
  position: absolute;
  right: 0;
  bottom: -1px;
}
.space-search-message-profile-user {
  padding: 10px 12px 10px 16px;
  width: 100%;
  display: flex;
  align-items: center;
  user-select: none;
}
.space-search-message-profile-user__avatar {
  margin-right: 8px;
}
.space-search-message-profile-user__info {
  flex: 1;
  margin-right: 16px;
  overflow: hidden;
}
.space-search-message-profile-user__wrapper {
  display: flex;
  margin-right: auto;
  cursor: pointer;
  flex: 1;
  overflow: hidden;
}
.space-search-message-profile-user__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
  color: var(--333e49-or-ffffff-75);
}
.space-search-message-profile-user__description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--b4b4b4-or-b4b4b4);
  font-size: 15px;
  line-height: 20px;
}
.space-search-message-profile-user__text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
}
.space-search-message-profile-user__value {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  padding: 3px 5px 3px 7px;
  border: 1px solid var(--f0f0f0-or-ffffff-05);
  background-color: var(--ffffff-or-ffffff);
  display: flex;
  align-items: center;
  border-radius: 8px;
}
.space-search-message-profile-user__value .icon_circle_clock {
  --size: 18px;
  margin-left: 4px;
  color: var(--b4b4b4-or-b4b4b4);
}
.space-search-message-profile-user__icon {
  --size: 24px;
  flex: none;
  color: var(--b4b4b4-or-b4b4b4);
}
.space-search-message-profile-congratulation {
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.space-search-message-profile-congratulation__icon {
  height: 60px;
  margin-bottom: 16px;
}
.space-search-message-profile-congratulation__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.3px;
  margin-bottom: 8px;
}
.space-search-message-profile-congratulation__description {
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}
.space-search-message-profile-congratulation.message-bot-cloud_dark .message-profile-congratulation__title,
.space-search-message-profile-congratulation.message-bot-cloud_dark .message-profile-congratulation__description {
  color: var(--f0f0f0-or-f0f0f0);
}
.space-search-message-thread-button {
  margin-top: 8px;
  padding: 2px 2px 0 10px;
}
.space-search-message-thread-button__outline,
.space-search-message-thread-button__outline:hover {
  background: transparent;
}
.space-search-message-thread-button::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: calc(100% + 10px);
  background-color: var(--f0f0f0-or-333333);
  border-radius: 2px;
}
.space-search-message-unsupported {
  max-width: 400px;
  cursor: pointer;
  margin-top: 8px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  border: 1px solid var(--f0f0f0-or-ffffff-05);
  border-radius: 8px;
  padding: 11px 15px 9px;
  background-color: var(--ffffff-or-ffffff);
}
.space-search-message-unsupported__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 8px;
}
.space-search-message-unsupported__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: var(--8c8c8c-or-ffffff-50);
}
.space-search-message-unsupported__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: var(--b4b4b4-or-b4b4b4);
}
.space-search-message-unsupported__avatar {
  width: 40px;
  height: 40px;
}
.fake-video-search {
  position: relative;
  /* width: 320px; */
  border-radius: 10px;
  overflow: hidden;
  background: var(--000000-or-000000);
}
.fake-video-search__img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.fake-video-search__ui {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
}
.fake-video-search__bottom {
  width: 100%;
  padding: 8px 11px 14px;
  box-sizing: border-box;
  background: linear-gradient(0deg, var(--000000-or-000000) 10%, rgba(0, 0, 0, 0) 100%);
}
.fake-video-search__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--ffffff-or-ffffff);
  margin-bottom: 13px;
}
.fake-video-search__left,
.fake-video-search__right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.fake-video-search__right {
  gap: 24px;
}
.fake-video-search__play-button {
  --size: 16px;
}
.fake-video-search__fullscreen-button,
.fake-video-search__speaker-button {
  --size: 20px;
}
.fake-video-search__progress {
  height: 4px;
  background: var(--b4b4b4-or-ffffff-30);
  border-radius: 2px;
  overflow: hidden;
  margin: 0 4px;
}
.fake-video-search__progress-fill {
  width: 0;
  height: 100%;
  background: var(--ffffff-or-ffffff);
}
.space-search-locations-wrapper {
  max-width: 100%;
  width: 100%;
}
.space-search-locations-wrapper::before,
.space-search-locations-wrapper::after {
  z-index: 1;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 16px;
  height: 48px;
}
.space-search-locations-wrapper::before {
  left: 0;
  background: linear-gradient(90deg, var(--ffffff-or-1c1c1c) 0%, transparent 100%);
}
.space-search-locations-wrapper::after {
  right: 0;
  background: linear-gradient(-90deg, var(--ffffff-or-1c1c1c) 0%, transparent 100%);
}
.space-search-locations {
  display: flex;
  align-items: center;
  height: 48px;
  overflow-x: auto;
  width: 100%;
}
.space-search-locations__skeleton {
  transform: translateY(-48px);
  background: var(--ffffff-or-ffffff);
}
.space-search-locations__skeleton * {
  pointer-events: none;
}
.space-search-locations__avatar + .space-search-locations__avatar {
  margin-left: 10px;
}
.space-search-locations__avatar_unavailable {
  opacity: 0.5;
}
.space-search-locations__avatar_unavailable .space-search-locations__avatar-hint-count {
  display: none;
}
.space-search-locations__avatar:hover.space-search-locations__avatar:not(.space-search-locations__avatar_disable) {
  cursor: pointer;
}
.space-search-locations__avatar .avatar_preloader {
  border-color: var(--f8f8f8-or-f8f8f8);
  background: var(--f8f8f8-or-f8f8f8);
}
.space-search-locations__avatar .avatar_preloader::after {
  background: var(--f8f8f8-or-f8f8f8);
  background: url('../images/global/preloader-gray.svg') no-repeat center, transparent;
  background-size: 18px;
}
.space-search-locations .space-search-locations__avatar:first-child {
  margin-left: 17px;
}
.space-search-locations::after {
  content: '';
  display: block;
  min-width: 16px;
  height: 16px;
}
.space-search-locations__avatar-hint-count {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  position: absolute;
  top: 5px;
  left: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  border: 1px solid var(--ffffff-or-1c1c1c);
  border-radius: 20px;
  background: var(--f8f8f8-or-1c1c1c);
  color: var(--ffffff-or-ffffff);
  font-size: 10px;
  line-height: 12px;
  padding: 2px 5px;
  transform: translate(-50%, -50%);
}
.space-search-locations__avatar-hint-count_green {
  background: var(--05c46b-or-04a45a);
}
.space-search-locations__avatar-hint-count_big-value {
  left: 20px;
}
.space-search-locations__preloader {
  padding: 12px 16px 12px 0;
  margin-left: 15px;
}
.space-search-locations__preloader-icon {
  animation: linear 500ms infinite rotatePreloader;
}
.space-search-recent-requests_global {
  --space-search-recent-requests-header-color: var(--ffffff-30-or-ffffff-30);
  --space-search-recent-requests-item-hover-background-color: var(--333445-or-212121);
  --space-search-recent-requests-item-content-border-color: var(--ffffff-05-or-ffffff-05);
  --space-search-recent-requests-item-text-color: var(--f8f8f8-80-or-ffffff-70);
  --space-search-recent-requests-item-icon-close-color: var(--ffffff-30-or-ffffff-30);
  --space-search-recent-requests-item-close-icon-color: var(--ffffff-80-or-009fe6);
}
.space-search-recent-requests_local {
  --space-search-recent-requests-header-color: var(--b4b4b4-or-ffffff-75);
  --space-search-recent-requests-item-hover-background-color: var(--f8f8f8-or-1c1c1c);
  --space-search-recent-requests-item-content-border-color: var(--separator-color-line);
  --space-search-recent-requests-item-icon-close-color: var(--dcdcdc-or-ffffff-20);
  --space-search-recent-requests-item-close-icon-color: var(--8c8c8c-or-009fe6);
  margin: 0 0 5px -2px;
}
.space-search-recent-requests_local:has(.space-search-recent-requests__list:empty) {
  display: none;
}
.space-search-recent-requests__header {
  padding: 4px 0 5px 18px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  color: var(--space-search-recent-requests-header-color);
}
.space-search-recent-requests__item {
  font-size: 15px;
  line-height: 22px;
  padding: 0 16px 0 18px;
  transition: 0.2s ease-in-out background-color;
  cursor: pointer;
}
.space-search-recent-requests__item:hover {
  background-color: var(--space-search-recent-requests-item-hover-background-color);
}
.space-search-recent-requests__item:not(:last-child) .space-search-recent-requests__item-content {
  border-bottom: 1px solid var(--space-search-recent-requests-item-content-border-color);
}
.space-search-recent-requests__item-content {
  height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.space-search-recent-requests__item-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--space-search-recent-requests-item-text-color);
}
.space-search-recent-requests__item-close {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin-right: -10px;
}
.space-search-recent-requests__item-close:hover .space-search-recent-requests__item-icon-close {
  color: var(--space-search-recent-requests-item-close-icon-color);
}
.space-search-recent-requests__item-icon-close {
  --size: 20px;
  color: var(--space-search-recent-requests-item-icon-close-color);
}
.space-search {
  /*
		REMARK: Если меняем высоту space-search__conversation-wrapper - это число надо обновить,
		иначе название чата будет под (по z) этим блоком
	*/
  --space-search-conversation-wrapper-height: 73px;
  overflow-x: hidden;
  border-bottom: 2px solid var(--ffffff-or-1c1c1c);
  transform: translateZ(0);
}
.space-search_global {
  height: var(--content-height);
}
.space-search_local {
  border-bottom-width: 0;
}
.space-search_local:has(.space-search-skeleton),
.space-search_local:has(.space-search-find-hints__list) {
  height: 100vh;
}
.space-search_local .space-search__header {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--ffffff-or-1c1c1c);
}
.space-search_local .space-search-find-hints__empty-block {
  padding-bottom: 10px;
}
.space-search_local .space-search-find-hints__empty {
  height: calc(var(--content-height) - 172px);
}
.space-search__close-button {
  top: 19px;
  right: 13px;
}
.space-search__conversation-wrapper {
  position: sticky;
  top: 0;
  padding: 13px 0 12px;
  overflow: auto hidden;
  background-color: var(--ffffff-or-1c1c1c);
  z-index: 2;
}
.space-search__conversation-wrapper:empty {
  display: none;
}
.space-search .space-search-empty {
  height: calc(var(--content-height) - 202px);
}
.space-search .space-search-empty .space-search-empty__block {
  margin: 0;
}
.space-search-skeleton__header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 10px 12px;
}
.space-search-skeleton__chats {
  display: flex;
  gap: 12px;
  margin: 18px 0 0 8px;
}
.space-search-skeleton-chat {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  background-color: var(--f8f8f8-or-ffffff-03);
}
.space-search-skeleton-chat_active {
  box-shadow: 0 0 0 2px var(--05c46b-or-04a45a);
}
.space-search-skeleton-chat_active .space-search-skeleton-chat__counter {
  display: none;
}
.space-search-skeleton-chat__counter {
  position: absolute;
  top: -4px;
  right: -4px;
  border-radius: 50%;
  border: 1px solid var(--ffffff-or-1c1c1c);
  width: 18px;
  height: 18px;
  background-color: var(--f8f8f8-or-232323);
}
.space-search-skeleton-chat__preloader {
  --size: 18px;
  display: flex;
  color: var(--dcdcdc-or-ffffff-30);
}
.space-search-skeleton-conversation-name {
  display: flex;
}
.space-search-skeleton-conversation-name::before {
  position: absolute;
  top: calc(50% - 1px);
  left: -18px;
  width: calc(100% + 36px);
  height: 1px;
  background-color: var(--f5f5f5-or-ffffff-02);
  content: '';
}
.space-search-skeleton-conversation-name__wrapper {
  display: inline-flex;
  padding: 0 8px;
  background-color: var(--ffffff-or-1c1c1c);
}
.space-search-skeleton-conversation-name__line {
  width: 85px;
  background-color: var(--f8f8f8-or-212121);
}
.space-search-skeleton-content-item {
  display: flex;
  gap: 8px;
  padding: 6px 16px;
}
.space-search-skeleton-content-item:last-child {
  padding-bottom: 16px;
}
.space-search-skeleton-content-item__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.space-search-skeleton-content-item__text {
  --space-search-skeleton-content-item-width: 95px;
  width: var(--space-search-skeleton-content-item-width);
}
.space-search-header {
  display: flex;
  align-items: center;
  padding: 16px;
}
.space-search-header__input {
  border-radius: 8px;
  padding: 8px 38px;
  width: 100%;
  font-size: 15px;
  line-height: 20px;
  overflow-y: hidden;
}
.space-search-header__input_local {
  color: var(--popup-input-color);
  background: var(--popup-input-background-color);
}
.space-search-header__input_local::placeholder {
  color: var(--popup-input-placeholder-color);
}
.space-search-header__input-wrapper {
  width: 100%;
  height: 36px;
  background: var(--popup-input-background-color);
  color: var(--popup-input-color);
  border-radius: 8px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.space-search-header__icon-search {
  --size: 20px;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  user-select: none;
  pointer-events: none;
}
.space-search-header__icon-search_local {
  color: var(--b4b4b4-or-ffffff-30);
}
.space-search-header__action-button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  height: 100%;
  cursor: pointer;
}
.space-search-header__action-button_local {
  --size: 14px;
  color: var(--dcdcdc-or-ffffff-30);
}
.space-search-header__icon-close {
  --size: 24px;
}
.space-search-header__preloader {
  user-select: none;
  pointer-events: none;
}
.formatting-input-panel {
  display: flex;
  padding: 7px;
}
.formatting-input-panel__type {
  display: flex;
}
.formatting-input-panel__type:not(:last-child)::after {
  margin: 8px 12px;
  width: 1px;
  background-color: var(--f5f5f5-or-ffffff-04);
  content: '';
}
.formatting-input-panel__button {
  --background-color-color-secondary: var(--dcdcdc-or-dcdcdc-50);
  --size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 36px;
  border-radius: 8px;
  color: var(--333e49-or-ffffff-75);
  cursor: pointer;
}
.formatting-input-panel__button:hover {
  background-color: var(--f8f8f8-or-ffffff-03);
}
.formatting-input-panel__icon {
  pointer-events: none;
}
.popup-leave-general .popup__header {
  padding: 20px;
}
.popup-leave-general .popup__description {
  font-size: 14px;
}
.popup-leave-general .popup__close {
  top: 17px;
  right: 13px;
}
.popup-leave-group .popup__header {
  padding: 20px 20px 0;
}
.popup-leave-group__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-right: 26px;
}
.popup_change_role_member .popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.popup_change_role_member .popup__header {
  padding: 21px 20px 0;
}
.groups-card {
  padding: 2px 0;
  min-height: 100%;
  background-color: var(--f8f8f8-or-1c1c1c);
}
.groups-card_search .groups-card__tab-list {
  display: none;
}
.groups-card__options-info {
  background-color: var(--f8f8f8-or-1c1c1c);
  padding-bottom: 24px;
}
.groups-card__scroll {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: scroll;
  flex: 1;
  background-color: var(--ffffff-or-272727);
}
.groups-card__edit-group-button {
  --size: 16px;
  width: 28px;
  height: 28px;
  color: var(--677380-or-ffffff-50);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--ffffff-or-ffffff-03);
  border-radius: 50%;
  top: 14px;
  right: 16px;
  position: absolute;
  cursor: pointer;
}
.groups-card__edit-group-button:hover {
  background-color: var(--f0f0f0-or-ffffff-03);
  color: var(--677380-or-009fe6);
}
.groups-card__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
}
.groups-card__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  color: var(--333e49-or-ffffff-75);
  align-items: center;
  margin-bottom: 4px;
  white-space: pre-wrap;
  word-break: break-word;
  text-align: center;
  padding: 0 20px;
  user-select: text;
}
.groups-card__avatar {
  margin-bottom: 12px;
  width: 80px;
  height: 80px;
}
.groups-card__avatar_clickable {
  cursor: pointer;
}
.groups-card__count-members {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--b4b4b4-or-ffffff-50);
  align-items: center;
}
.groups-card__options {
  padding: 24px 16px 0;
  display: flex;
  justify-content: space-between;
}
.groups-card__options:empty {
  display: none;
}
.groups-card__button-option {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  width: 100%;
  height: 63px;
  background-color: var(--ffffff-or-ffffff-03);
  cursor: pointer;
}
.groups-card__button-option:not(:last-child) {
  margin-right: 8px;
}
.groups-card__button-option:hover {
  background-color: var(--f5f5f5-or-ffffff-03);
}
.groups-card__button-option:hover .groups-card__button-text {
  color: var(--677380-or-009fe6);
}
.groups-card__button-option:hover .groups-card__button-icon {
  color: var(--333e49-or-009fe6);
}
.groups-card__button-option_lowercase .groups-card__button-text {
  text-transform: lowercase;
}
.groups-card__button-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: var(--677380-or-ffffff-75);
  text-align: center;
}
.groups-card__button-icon {
  --size: 20px;
  color: var(--333e49-or-ffffff-75);
}
.groups-card__button-icon_active {
  color: var(--009fe6-or-009fe6);
}
.groups-card__button-block {
  height: 20px;
  margin-bottom: 3px;
}
.groups-card__button-block_preloader {
  display: flex;
  align-items: center;
  justify-content: center;
}
.groups-card__button-block_preloader .svg-icon {
  animation: 0s fadeOut 300ms linear forwards;
}
.groups-card__button-block_preloader::after {
  content: '';
  width: 22px;
  height: 22px;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.groups-card__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  background: var(--ffffff-or-ffffff-03);
  color: var(--333e49-or-ffffff-75);
  margin: 16px 16px 0;
  width: auto;
  border-radius: 12px;
  padding: 12px 16px;
  white-space: pre-wrap;
  word-break: break-word;
  user-select: text;
  cursor: text;
}
.groups-card__description:empty {
  display: none;
}
.groups-card__description .emoji_outer {
  width: 18px;
  height: 18px;
}
.groups-card__description .emoji_sizer > .emoji_inner {
  margin-bottom: -3px;
}
.groups-card__tab-content {
  flex: 1;
  background-color: var(--ffffff-or-232323);
}
.groups-card-skeleton {
  --groups-card-skeleton-padding: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.groups-card-skeleton__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px var(--groups-card-skeleton-padding) 24px var(--groups-card-skeleton-padding);
}
.groups-card-skeleton__avatar {
  margin-bottom: 17px;
}
.groups-card-skeleton__data-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-bottom: 26px;
}
.groups-card-skeleton__title {
  width: 120px;
}
.groups-card-skeleton__count-members {
  width: 88px;
}
.groups-card-skeleton__buttons {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  width: 100%;
  height: 63px;
}
.groups-card-skeleton__button {
  border-radius: 12px;
  background-color: var(--f0f0f0-or-ffffff-03);
}
.groups-card-skeleton__content {
  padding: 0 var(--groups-card-skeleton-padding);
  height: 100%;
  background-color: var(--ffffff-or-ffffff-03);
}
.groups-card-skeleton__tab-list {
  display: grid;
  grid-template-columns: 66px repeat(4, 1fr);
  gap: 16px;
  padding-top: 22px;
  margin-bottom: 27px;
}
.groups-card-skeleton__tab-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.groups-card-skeleton__tab-search-input {
  width: 120px;
}
.groups-card-skeleton__tab-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
}
.groups-card-skeleton__tab-group:not(:last-child) {
  margin-bottom: 1px;
}
.groups-card-skeleton__tab-group-data {
  display: flex;
  gap: 8px;
}
.groups-card-skeleton__tab-group-data-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.groups-card-skeleton__tab-group-badge {
  width: 52px;
}
.groups-card-skeleton__tab-subtitle-block {
  padding: 17px 0 10px;
}
.groups-card-skeleton__tab-subtitle {
  width: 100px;
}
.group-change-popup {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.group-change-popup_limited .group-change-popup__description-input {
  display: none;
}
.group-change-popup_limited .group-change-popup__info {
  margin-bottom: 8px;
}
.group-change-popup__info {
  display: flex;
  margin-bottom: 16px;
}
.group-change-popup__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 20px 0;
}
.group-change-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--333e49-or-ffffff-75);
}
.group-change-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.group-change-popup__content {
  padding: 24px 16px 0;
}
.group-change-popup__avatar {
  position: relative;
  background: linear-gradient(to top, var(--3c81db-or-3c81db), var(--74b2ff-or-74b2ff)) center / cover;
  cursor: pointer;
  margin-right: 8px;
}
.group-change-popup__avatar.avatar_preloader::after {
  background-size: 20px;
}
.group-change-popup__avatar-camera-icon,
.group-change-popup__avatar-increase-icon {
  display: none;
  user-select: none;
}
.group-change-popup__avatar:not([style*='background-image']) .group-change-popup__avatar-camera-icon {
  --size: 24px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.6;
}
.group-change-popup__avatar[style*='background-image'] .group-change-popup__avatar-increase-icon {
  --size: 16px;
}
.group-change-popup__avatar[style*='background-image']:hover .group-change-popup__avatar-increase-icon {
  display: block;
  z-index: 1;
}
.group-change-popup__avatar:hover::before {
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: var(--04040a-30-or-000000-30);
  user-select: none;
  content: '';
}
.group-change-popup__avatar_remove:hover .group-change-popup__remove-avatar {
  display: block;
}
.group-change-popup__remove-avatar {
  display: none;
  position: absolute;
  width: 24px;
  height: 24px;
  top: -7px;
  right: -7px;
  cursor: pointer;
}
.group-change-popup__remove-avatar .close-filled__circle {
  fill: var(--f8f8f8-or-616161);
}
.group-change-popup__remove-avatar .close-filled__cross {
  fill: var(--b4b4b4-or-ffffff);
}
.group-change-popup__remove-avatar:hover .close-filled__circle {
  fill: var(--ff6a64-or-ff4f47);
}
.group-change-popup__remove-avatar:hover .close-filled__cross {
  fill: var(--popup-close-cross-color);
}
.group-change-popup__name-input-block {
  margin-top: 2px;
  display: flex;
  width: 280px;
  height: 36px;
  background-color: var(--f8f8f8-or-1c1c1c);
  border-radius: 8px;
}
.group-change-popup__input-name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  width: 280px;
  height: 36px;
  padding: 9px 30px 9px 12px;
  color: var(--popup-input-color);
  background-color: var(--popup-input-background-color);
}
.group-change-popup__input-name::placeholder {
  color: var(--popup-input-placeholder-color);
}
.group-change-popup__input-name-clear {
  position: absolute;
  top: 20px;
  right: 6px;
  color: var(--dcdcdc-or-ffffff-30);
  transform: translateY(-50%);
}
.group-change-popup__input-name-clear-icon {
  --size: 17px;
  cursor: pointer;
}
.group-change-popup__input-name-clear-icon:hover {
  fill: var(--c7c7c7-or-ffffff-70);
}
.group-change-popup__description-input {
  border: 2px solid var(--f8f8f8-or-transparent);
  border-radius: 8px;
  margin-bottom: 8px;
  overflow: hidden;
  background-color: var(--popup-input-background-color);
}
.group-change-popup__description-input-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 6px 34px 6px 10px;
  min-height: 65px;
  max-height: 174px;
  overflow: auto;
  background-color: transparent;
}
.group-change-popup__description-emoji-button {
  padding: 4px 6px;
}
.tab-list {
  --tab-list-item-gap: 18px;
  display: flex;
  padding: 20px 0 8px 16px;
  background-color: var(--ffffff-or-232323);
  color: var(--333e49-or-ffffff-75);
}
.tab-list__item {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  cursor: pointer;
  white-space: nowrap;
}
.tab-list__item:not(:last-child) {
  margin-right: var(--tab-list-item-gap);
}
.tab-list__item:last-child {
  padding-right: 16px;
}
.tab-list__item:last-child::after {
  width: calc(100% - 16px);
}
.tab-list__item_active {
  position: relative;
  color: var(--2574a9-or-009fe6);
}
.tab-list__item_active::after {
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 1px;
  background-color: var(--2574a9-or-009fe6);
  content: '';
}
.tab-list__preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
  width: 100%;
  background-color: var(--f8f8f8-or-232323);
  opacity: 0;
  animation: delayShowPreloader 100ms linear forwards;
}
.tab-content {
  padding: 0 2px 2px;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.card-tab-stub {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
  min-height: 166px;
  width: 100%;
  height: 100%;
  background-color: var(--ffffff-or-232323);
}
.card-tab-stub__icon {
  --size: 60px;
  margin-bottom: 8px;
  color: var(--dcdcdc-or-ffffff-15);
  flex-shrink: 0;
}
.card-tab-stub__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: var(--b4b4b4-or-ffffff-20);
  margin-bottom: 24px;
}
.card-tab-date-block {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  --card-tab-date-block-padding-side: 14px;
  --first-card-tab-date-block-padding-bottom: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: var(--b4b4b4-or-ffffff-30);
  text-transform: uppercase;
  padding: 16px var(--card-tab-date-block-padding-side) 10px;
  background-color: var(--f8f8f8-or-232323);
}
.card-tab-date-block_skeleton {
  background-color: var(--ffffff-or-ffffff);
}
.card-tab-date-block_files {
  padding-top: 19px;
  padding-bottom: var(--first-card-tab-date-block-padding-bottom);
  background-color: var(--ffffff-or-232323);
}
.card-tab-date-block__date:empty {
  width: 70px;
  height: 15px;
  background-color: var(--f8f8f8-or-ffffff-02);
  opacity: 0.7;
  border-radius: 5px;
}
.card-tab-date-block__switcher {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.card-tab-date-block__switcher-text {
  margin-right: 12px;
}
.card-tab-date-block__switcher-text:empty {
  border-radius: 5px;
  width: 84px;
  height: 15px;
  background-color: var(--f8f8f8-70-or-ffffff-02);
}
.card-tab-date-block__switcher-slider {
  --checkbox-switch-background-color: var(--f0f0f0-or-171717);
  --checkbox-switch-circle-color: var(--ffffff-or-ffffff-20);
  --checkbox-switch-active-background-color: var(--4cd964-or-171717);
  --checkbox-switch-active-circle-color: var(--ffffff-or-009fe6);
  border-radius: 12px;
  width: 36px;
  height: 23px;
}
.card-tab-groups {
  display: grid;
  flex: 1;
  grid-template-rows: 1fr auto;
  /*
		Наличие данного класса говорит, что отображается скелетон, по этому,
		чтобы не было серого фона, растягиваем блок на всю высоту
	*/
}
.card-tab-groups__list {
  width: 100%;
  padding-top: 14px;
  background-color: var(--ffffff-or-232323);
}
.card-tab-groups__list ~ .card-tab-groups-shared-invite {
  padding-top: 24px;
}
.card-tab-groups__list.delay-animation {
  height: 100%;
}
.card-tab-groups__item:not(:last-child) {
  margin-bottom: 1px;
}
.card-tab-groups-item {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr 52px;
  padding: 5px 14px 6px;
  width: 100%;
}
.card-tab-groups-item:not([data-conversation-key='']):hover {
  background-color: var(--f8f8f8-or-232323);
  cursor: pointer;
}
.card-tab-groups-item__avatar,
.card-tab-groups-item__info {
  pointer-events: none;
}
.card-tab-groups-item__avatar {
  margin-right: 8px;
}
.card-tab-groups-item__avatar:empty {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: var(--f5f5f5-or-ffffff-02);
}
.card-tab-groups-item__info {
  width: 212px;
  overflow: hidden;
}
.card-tab-groups-item__title,
.card-tab-groups-item__description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.card-tab-groups-item__title:empty,
.card-tab-groups-item__description:empty {
  border-radius: 5px;
  height: 17px;
  background-color: var(--f8f8f8-or-ffffff-02);
}
.card-tab-groups-item__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: var(--333e49-or-ffffff-75);
}
.card-tab-groups-item__title:empty {
  margin-top: 1px;
  margin-bottom: 6px;
  width: 105px;
}
.card-tab-groups-item__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  margin-top: -1px;
  color: var(--b4b4b4-or-ffffff-30);
}
.card-tab-groups-item__description:empty {
  margin-bottom: 1px;
  width: 128px;
}
.card-tab-groups-bot-groups-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-tab-groups-bot-groups-button_skeleton .card-tab-groups-bot-groups-button__icon {
  border-radius: 5px;
  color: var(--f5f5f5-or-transparent);
  background-color: var(--f5f5f5-or-ffffff-02);
}
.card-tab-groups-bot-groups-button:not(.card-tab-groups-bot-groups-button_skeleton) .card-tab-groups-bot-groups-button__icon {
  --size: 20px;
  color: var(--b4b4b4-or-ffffff-30);
  cursor: pointer;
  transition: opacity 0.3s linear;
}
.card-tab-groups-bot-groups-button:not(.card-tab-groups-bot-groups-button_skeleton) .card-tab-groups-bot-groups-button__icon:hover {
  color: var(--ff6a64-or-ff4f47);
}
.card-tab-groups-bot-groups-button:not(.card-tab-groups-bot-groups-button_skeleton) .card-tab-groups-bot-groups-button__icon use {
  pointer-events: none;
}
.button_preloader .card-tab-groups-bot-groups-button__icon {
  opacity: 0;
}
.card-tab-groups-shared-badge {
  pointer-events: none;
}
.card-tab-groups-shared-badge_skeleton {
  background-color: var(--f5f5f5-or-ffffff-02);
}
.card-tab-groups-shared-badge_skeleton,
.card-tab-groups-shared-badge_skeleton .badge__icon {
  color: var(--f5f5f5-or-transparent);
}
.card-tab-groups-shared-invite {
  padding: 0 14px 13px;
  width: 100%;
  background-color: var(--ffffff-or-232323);
}
.card-tab-groups-shared-invite__button {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  padding: 6px;
  height: 35px;
}
.card-tab-attachments {
  display: flex;
  flex-direction: column;
  padding: 0 2px 2px;
}
.card-tab-attachments__mouth-block {
  display: flex;
  flex-direction: column;
}
.card-tab-attachments__mouth-block:last-child {
  padding-bottom: 40px;
}
.card-tab-attachments__mouth-block_not-padding-bottom:last-child {
  padding-bottom: 0;
}
.card-tab-attachments__list {
  display: flex;
  flex-direction: column;
  background-color: var(--ffffff-or-232323);
}
.card-tab-media-popup::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid var(--ffffff-or-1c1c1c);
  border-radius: 8px;
  user-select: none;
  pointer-events: none;
  content: '';
}
.card-tab-media {
  --card-tab-media-item-height: 118px;
}
.card-tab-media .card-tab-date-block_files {
  --first-card-tab-date-block-padding-bottom: 20px;
}
.card-tab-media .card-tab-attachments__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
}
.card-tab-media-item {
  height: var(--card-tab-media-item-height);
  background-color: var(--f8f8f8-or-ffffff-02);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-tab-media-item-deleted {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--f5f5f5-or-252525);
  user-select: none;
  pointer-events: none;
}
.card-tab-media-item-deleted__icon {
  --size: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--b4b4b4-or-ffffff-15);
  transform: translate(-50%, -50%);
}
.card-tab-media-item-content {
  width: 100%;
  height: 100%;
  color: var(--ffffff-or-ffffff);
  background-color: transparent;
  transition: background-color 0.1s linear;
  cursor: pointer;
}
.card-tab-media-item-content:hover {
  background-color: var(--000000-50-or-000000-50);
}
.card-tab-media-item-content:hover .card-tab-media-item-content__icon {
  display: block;
}
.card-tab-media-item-content__icon {
  position: absolute;
  display: none;
}
.card-tab-media-item-content__icon_open-media {
  --size: 28px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.card-tab-media-item-content__icon_repost-media {
  --size: 20px;
  top: 10px;
  right: 8px;
}
.card-tab-media-item-content__icon:hover {
  opacity: 0.7;
}
.card-tab-media-item-content__video-time {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 500;
  position: absolute;
  width: 34px;
  right: 8px;
  height: 16px;
  bottom: 8px;
  border-radius: 4px;
  padding: 2px 4px;
  color: var(--ffffff-or-ffffff);
  background: var(--000000-40-or-000000-40);
  user-select: none;
  pointer-events: none;
}
.card-tab-audio__placeholder {
  padding: 9px 14px;
  display: flex;
  align-items: center;
}
.card-tab-audio__placeholder-icon {
  --size: 38px;
  margin-right: 14px;
}
.card-tab-audio-item {
  background-color: var(--ffffff-or-232323);
  display: flex;
  align-items: center;
  padding: 9px 14px;
  height: 74px;
  width: 100%;
}
.card-tab-audio-item:hover {
  background-color: var(--f8f8f8-or-232323);
}
.card-tab-audio-item__icon-button {
  --size: 20px;
}
.card-tab-audio-item__info {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.card-tab-audio-item__info_voice {
  height: 100%;
}
.card-tab-audio-item__info_voice .message-file__name {
  margin-top: 6px;
}
.card-tab-audio-item__info_voice .message-voice__timeline {
  margin-top: 6px;
}
.card-tab-audio-item__control_voice .message-audio-control__speed {
  margin-left: 14px;
  margin-top: 1px;
}
.card-tab-audio-item__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  width: 186px;
  color: var(--333e49-or-ffffff-75);
  user-select: text;
}
.card-tab-audio-item__name_deleted {
  color: var(--b4b4b4-or-ffffff-50);
}
.card-tab-audio-item__text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  max-width: 186px;
  color: var(--b4b4b4-or-ffffff-50);
  text-align: left;
}
.card-tab-audio-item__buttons {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.card-tab-audio-item__button {
  width: 20px;
  height: 20px;
}
.card-tab-audio-item__button:hover {
  color: var(--009fe6-or-009fe6);
}
.card-tab-audio-item__preview {
  height: 38px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.card-tab-audio-item__speed {
  margin-left: 15px;
  margin-top: 0;
}
.card-tab-audio-item_deleted .message-voice__button {
  pointer-events: none;
  cursor: none;
}
.card-tab-audio-item_deleted .card-tab-audio-item__name,
.card-tab-audio-item_deleted .card-tab-audio-item__text {
  width: 90%;
}
.card-tab-audio-item_fake {
  padding: 0 16px;
  height: 74px;
}
.card-tab-audio-item_fake:hover {
  background-color: var(--ffffff-or-ffffff);
}
.card-tab-audio-item > .message-audio-control,
.card-tab-audio-item > .message-file__audio-info {
  display: none;
}
.card-tab-audio-item .message-voice__button {
  margin-right: 0;
}
.card-tab-audio-item_playing > .message-file__time {
  display: inherit;
}
.card-tab-audio-item_playing > .message-file__audio-info {
  width: 179px;
  flex: none;
  display: inherit;
}
.card-tab-audio-item_playing > .card-tab-audio-item__info {
  display: none;
}
.card-tab-audio-item_playing > .message-audio-control,
.card-tab-audio-item_playing > .message-file__audio-info {
  display: block;
}
.card-tab-link-placeholder {
  display: flex;
  align-items: center;
  padding: 10px 16px 7px 17px;
}
.card-tab-link-placeholder__icon {
  margin-right: 8px;
  border-radius: 3px;
  width: 50px;
  height: 50px;
  background-color: var(--f8f8f8-or-ffffff-02);
}
.card-tab-link-item {
  width: 100%;
  min-height: 74px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.card-tab-link-item_simple {
  align-items: flex-start;
  padding: 9px 16px 12px;
}
.card-tab-link-item:hover {
  background-color: var(--f8f8f8-or-232323);
}
.card-tab-link-item__image {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  border-radius: 3px;
  border: solid 1px var(--f0f0f0-or-transparent);
  margin-right: 8px;
}
.card-tab-link-item__image_simple {
  margin-top: 4px;
}
.card-tab-link-item__image_preloader {
  background: var(--f8f8f8-or-ffffff-03);
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-tab-link-item__image_preloader::after {
  content: '';
  height: 20px;
  width: 20px;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 20px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.card-tab-link-item__image-empty {
  --size: 28px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  background: var(--f8f8f8-or-ffffff-03);
  color: var(--dcdcdc-or-ffffff-15);
}
.card-tab-link-item__info {
  display: flex;
  flex-direction: column;
}
.card-tab-link-item__preview-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
  color: var(--333e49-or-ffffff-75);
  width: 230px;
}
.card-tab-link-item__preview-url {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
  color: var(--2574a9-or-2574a9);
  width: 230px;
  user-select: all;
}
.card-tab-link-item__preview-url:hover {
  color: var(--1c577f-or-2574a9);
}
.card-tab-link-item__preview-data {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-50);
  width: 230px;
}
.card-tab-link-item__button {
  margin-left: auto;
  width: 20px;
  height: 20px;
}
.card-tab-link-item__button_simple {
  margin-top: 18px;
}
.card-tab-files-icon {
  padding-left: 6px;
}
.card-tab-files-icon__text {
  user-select: none;
  overflow: hidden;
}
.card-tab-files-icon__lable {
  font-family: Nunito, Arial, sans-serif;
  font-weight: 700;
  position: absolute;
  color: var(--ffffff-or-ffffff);
  cursor: default;
  text-transform: uppercase;
  overflow: hidden;
  text-align: center;
}
.card-tab-files-icon__paper {
  user-select: none;
}
.card-tab-files-icon__paper_80 > .card-tab-files-icon__lable {
  width: 63px;
  height: 32px;
  border-radius: 2px;
  font-size: 20px;
  line-height: 34px;
  top: 40px;
  right: 9px;
}
.card-tab-files-icon__paper_80 > .card-tab-files-icon__shadow {
  content: ' ';
  height: 4px;
  width: 53px;
  border-radius: 0 0 2px;
  top: 70px;
  background: var(--cad1d8-or-ffffff-02);
  position: absolute;
}
.card-tab-files-icon__paper_80 > .paper-img {
  width: 62px;
  height: 84px;
}
.card-tab-files-icon__paper_50 > .card-tab-files-icon__lable {
  width: 37px;
  height: 18px;
  border-radius: 2px;
  font-size: 13px;
  line-height: 18px;
  top: 24px;
  right: 6px;
}
.card-tab-files-icon__paper_50 > .card-tab-files-icon__shadow {
  content: ' ';
  height: 6px;
  width: 31px;
  border-radius: 0 0 2px;
  top: 38px;
  background: var(--cad1d8-or-ffffff-02);
  position: absolute;
}
.card-tab-files-icon__paper_50 > .paper-img {
  width: 37px;
  height: 50px;
}
.card-tab-files-icon__paper_40 > .card-tab-files-icon__lable {
  width: 30px;
  height: 14px;
  border-radius: 2px;
  font-size: 9px;
  line-height: 14px;
  bottom: 6px;
  right: 5px;
}
.card-tab-files-icon__paper_40 > .card-tab-files-icon__shadow {
  content: ' ';
  height: 3px;
  width: 25px;
  border-radius: 0 0 2px;
  bottom: 5px;
  background: var(--cad1d8-or-ffffff-02);
  position: absolute;
}
.card-tab-files-icon__paper_40 > .paper-img {
  width: 30px;
  height: 40px;
}
.card-tab-files-icon__paper_38 > .card-tab-files-icon__lable {
  width: 28px;
  height: 14px;
  border-radius: 2px;
  font-size: 9px;
  line-height: 14px;
  top: 18px;
  right: 6px;
}
.card-tab-files-icon__paper_38 > .card-tab-files-icon__shadow {
  content: ' ';
  height: 3px;
  width: 22px;
  border-radius: 0 0 2px;
  top: 30px;
  background: var(--cad1d8-or-ffffff-02);
  position: absolute;
}
.card-tab-files-icon__paper_38 > .paper-img {
  width: 28px;
  height: 38px;
}
.card-tab-files__placeholder-item {
  display: flex;
  align-items: center;
  padding: 10px 16px 7px 19px;
}
.card-tab-files__placeholder-icon {
  --icon-width: 44px;
  --icon-height: 50px;
  margin-right: 11px;
}
.card-tab-files__file-item {
  display: flex;
  align-items: center;
  padding: 9px 14px 9px 13px;
  height: 74px;
  width: 100%;
  background-color: var(--ffffff-or-232323);
  user-select: none;
}
.card-tab-files__file-item:hover {
  background-color: var(--f8f8f8-or-232323);
}
.card-tab-files__file-item:hover .card-tab-files__file-item-button_download {
  opacity: 1;
}
.card-tab-files__file-item-info {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.card-tab-files__file-item-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  width: 186px;
  color: var(--333e49-or-ffffff-75);
}
.card-tab-files__file-item-name_deleted {
  width: 262px;
  color: var(--b4b4b4-or-ffffff-50);
}
.card-tab-files__file-item-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  max-width: 186px;
  color: var(--b4b4b4-or-ffffff-50);
  text-align: left;
}
.card-tab-files__file-item-buttons {
  display: flex;
  flex-direction: row;
}
.card-tab-files__file-item-buttons-more {
  --size: 20px;
  height: 20px;
  color: var(--b4b4b4-or-ffffff-50);
  margin-right: 16px;
}
.card-tab-files__file-item-buttons-more:hover,
.card-tab-files__file-item-buttons-more_active {
  cursor: pointer;
  color: var(--009fe6-or-009fe6);
}
.card-tab-files__file-item-button {
  width: 20px;
  height: 20px;
}
.card-tab-files__file-item-button_download {
  margin-right: 16px;
  opacity: 0;
  transition: opacity 0.1s;
}
.card-tab-files__file-item-button_download-progress {
  font-size: 20px;
  margin-right: 16px;
}
.card-tab-files__file-item-button:hover {
  color: var(--009fe6-or-009fe6);
}
.card-tab-files__file-preview-info {
  display: flex;
  width: 100%;
  cursor: pointer;
}
.card-tab-files__file-item-preview {
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.card-tab-files__file-item-preview_deleted {
  margin-left: 2px;
  margin-right: 6px;
}
.card-tab-files__file-item-preview .icon_deleted_file {
  height: inherit;
  width: 37px;
  color: var(--f0f0f0-or-ffffff-10);
}
.card-members {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--ffffff-or-232323);
}
.card-members__preloader {
  background-color: var(--ffffff-or-272727);
}
.card-members_wider .card-members__section-search {
  margin-left: 14px;
  margin-right: 14px;
}
.card-members_wider .card-members__section-top,
.card-members_wider .popup-item {
  padding-left: 14px;
  padding-right: 14px;
}
.card-members__section-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 12px 14px 0;
}
.card-members__search {
  width: 288px;
  background-color: var(--f8f8f8-or-1c1c1c);
}
.card-members__clear {
  --size: 16px;
  position: absolute;
  right: 7px;
  top: 10px;
  cursor: pointer;
  color: var(--dcdcdc-or-ffffff-30);
}
.card-members__clear:hover {
  color: var(--b4b4b4-or-ffffff-75);
}
.card-members__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.card-members__section {
  display: flex;
  flex-direction: column;
  background-color: var(--ffffff-or-232323);
}
.card-members__section .card-members__button-show-search {
  display: none;
}
.card-members__section_loading,
.card-members__section_error {
  height: 100%;
}
.card-members__section_upper .card-members__section-top {
  padding-top: 17px;
  height: 49px;
  min-height: 49px;
}
.card-members__section_upper .card-members__button-show-search {
  display: flex;
}
.card-members__section .popup__preloader {
  min-height: 56px;
}
.card-members__section_error .card-members__section-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0 40px;
  height: inherit;
}
.card-members__section-content {
  height: 100%;
}
.card-members__section-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 4px;
  background-color: var(--ffffff-or-232323);
  height: 42px;
  min-height: 42px;
}
.card-members__section-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: var(--b4b4b4-or-ffffff-30);
}
.card-members__circle-icon {
  --size: 16px;
  background-color: var(--f8f8f8-or-ffffff-03);
  color: var(--b4b4b4-or-ffffff-30);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  height: 28px;
  width: 28px;
}
.card-members__circle-icon:hover {
  background-color: var(--f0f0f0-or-ffffff-03);
  color: var(--a1a1a1-or-009fe6);
}
.card-members__not-found {
  font-size: 12px;
  line-height: 14px;
  color: var(--b4b4b4-or-ffffff-30);
  margin: 24px 16px;
  word-break: break-word;
}
.card-members__button-error {
  margin-top: 24px;
}
.card-members-item {
  background-color: var(--ffffff-or-232323);
}
.card-members-item_active,
.card-members-item:hover {
  box-shadow: inset 0 0 0 40px var(--f8f8f8-or-232323);
  transition: box-shadow 0.1s ease-out;
}
.card-members-item_active .card-members-item__options,
.card-members-item:hover .card-members-item__options {
  display: flex;
}
.card-members-item__invite-button {
  cursor: default;
  margin-left: auto;
}
.card-members-item__invite-button .button-author {
  padding-right: 4px;
}
.card-members-item__invite-button-disabled {
  user-select: none;
  pointer-events: none;
}
.card-members-item_active .card-members-item__icon-points {
  color: var(--009fe6-or-009fe6);
}
.card-members-item__options {
  display: none;
  align-items: center;
}
.card-members-item__icon-large {
  --size: 16px !important;
  color: var(--677380-or-b4b4b4);
}
.card-members-item__icon-points {
  --size: 20px;
  transition: 0.1s ease-out;
  color: var(--b4b4b4-or-b4b4b4);
}
.card-members-item__icon-points:hover {
  color: var(--009fe6-or-009fe6);
}
.menu-popover:not(.menu-popover:has(.menu-popover__icon)) .menu-popover__content {
  padding-left: 15px;
}
.menu-popover__content {
  padding: 11px;
}
.menu-popover__content_very-small {
  width: 227px;
}
.menu-popover__content_small {
  min-width: 266px;
}
.menu-popover__content_small-medium {
  width: 270px;
}
.menu-popover__content_medium {
  width: 288px;
}
.menu-popover__content_large {
  width: 298px;
}
.menu-popover__menu {
  display: flex;
  flex-direction: column;
}
.menu-popover__button {
  --size: 18px;
  display: flex;
  align-items: center;
  align-content: center;
  padding: 6px 5px 6px 12px;
  height: 36px;
  border: none;
}
.menu-popover__button_disabled {
  pointer-events: none;
  cursor: default;
}
.menu-popover__button_disabled .menu-popover__icon {
  color: var(--b4b4b4-30-or-ffffff-10);
}
.menu-popover__button_disabled .menu-popover__text {
  color: var(--333e49-30-or-ffffff-30);
}
.menu-popover__button_red .menu-popover__icon {
  color: var(--ff6a64-or-ff4f47);
}
.menu-popover__button_green .menu-popover__icon {
  color: var(--05c46b-or-04a45a);
}
.menu-popover__button_blue .menu-popover__icon,
.menu-popover__button_blue .menu-popover__text {
  color: var(--0595d6-or-2574a9);
}
.menu-popover__button_active,
.menu-popover__button:hover {
  cursor: pointer;
  background-color: var(--009fe6-or-2e2e2e);
  border-radius: 5px;
}
.menu-popover__button_active .menu-popover__icon-child,
.menu-popover__button:hover .menu-popover__icon-child,
.menu-popover__button_active .menu-popover__text,
.menu-popover__button:hover .menu-popover__text {
  color: var(--ffffff-or-ffffff-70);
}
.menu-popover__button_active .menu-popover__select,
.menu-popover__button:hover .menu-popover__select {
  color: var(--ffffff-or-009fe6);
}
.menu-popover__button_active .button_preloader::after,
.menu-popover__button:hover .button_preloader::after {
  background-image: url('../images/global/preloader-white.svg');
}
.menu-popover__button_no-hover .menu-popover__child:hover {
  cursor: pointer;
}
.menu-popover__button_no-hover .menu-popover__child:hover .menu-popover__icon-child {
  color: var(--333e49-or-ffffff-75);
}
.menu-popover__button_no-hover:hover {
  cursor: default;
  background-color: transparent;
}
.menu-popover__button_no-hover:hover .menu-popover__text {
  color: var(--333e49-or-ffffff-75);
}
.menu-popover__button_no-hover:hover .menu-popover__icon-child {
  color: var(--b4b4b4-or-ffffff-30);
}
.menu-popover__button_no-hover:hover .menu-popover__select {
  color: var(--009fe6-or-009fe6);
}
.menu-popover__button_no-hover.message-reactions__add_active .menu-popover__icon-child {
  color: var(--333e49-or-ffffff-75);
}
.menu-popover__button_active .menu-popover__icon,
.menu-popover__button:not(.menu-popover__button_red, .menu-popover__button_green):hover .menu-popover__icon {
  color: var(--ffffff-or-ffffff-30);
}
.menu-popover__button .button_preloader {
  display: block;
}
.menu-popover__button .button_preloader::after {
  background-image: url('../images/global/preloader-gray.svg');
  cursor: initial;
  top: 3px;
  left: 1px;
}
.menu-popover__icon {
  height: 22px;
  color: var(--b4b4b4-or-ffffff-30);
  margin-right: 8px;
}
.menu-popover__icon-svg {
  margin-top: 2px;
}
.menu-popover__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-ffffff-75);
}
.menu-popover__text_small {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
.menu-popover__select {
  margin-right: 2px;
}
.menu-popover__child,
.menu-popover__select {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  color: var(--009fe6-or-009fe6);
}
.menu-popover__child {
  min-width: 24px;
  min-height: 24px;
}
.menu-popover__icon-child {
  color: var(--b4b4b4-or-ffffff-30);
}
.menu-popover__line-separator {
  height: 14px;
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.menu-popover__line-separator::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--f5f5f5-or-ffffff-05);
}
.popup-confirm {
  padding: 20px 16px 16px;
}
.popup-confirm__header {
  display: flex;
  margin: 0 0 24px 4px;
}
.popup-confirm__avatar {
  margin: 2px 12px 0 0;
}
.popup-confirm__info {
  display: flex;
  flex-direction: column;
}
.popup-confirm__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--333e49-or-ffffff-75);
  margin-bottom: 4px;
}
.popup-confirm__title_without-avatar {
  margin-bottom: 8px;
}
.popup-confirm__description {
  font-size: 15px;
  line-height: 20px;
}
.popup-confirm__description_small {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.popup-confirm__footer {
  display: flex;
  place-content: center space-between;
}
.file-img {
  height: 50px;
  width: 50px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  border: solid 1px var(--separator-color-line);
}
.file-img_popover {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.file-img__magnifier {
  --size: 24px;
  opacity: 0;
  position: absolute;
  width: inherit;
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  color: var(--ffffff-or-ffffff);
  background: var(--000000-40-or-000000-40);
  transition: opacity 0.1s;
}
.file-img__background {
  width: inherit;
  height: inherit;
  background-position: center;
  background-size: cover;
}
.file-img:hover .file-img__magnifier {
  opacity: 1;
}
.file-icon {
  padding-left: 6px;
}
.file-icon__text {
  overflow: hidden;
  user-select: none;
}
.file-icon__lable {
  font-family: Nunito, Arial, sans-serif;
  font-weight: 700;
  position: absolute;
  color: var(--ffffff-or-ffffff);
  cursor: default;
  text-transform: uppercase;
  overflow: hidden;
  text-align: center;
}
.file-icon__paper {
  user-select: none;
}
.file-icon__paper_80 > .file-icon__lable {
  width: 63px;
  height: 32px;
  border-radius: 2px;
  font-size: 20px;
  line-height: 34px;
  top: 40px;
  left: -10px;
}
.file-icon__paper_80 > .file-icon__shadow {
  content: ' ';
  height: 4px;
  width: 53px;
  border-radius: 0 0 2px;
  top: 69px;
  background: var(--cad1d8-or-ffffff-02);
  position: absolute;
}
.file-icon__paper_80 > .paper-img {
  width: 62px;
  height: 84px;
}
.file-icon__paper_50 > .file-icon__lable {
  width: 37px;
  height: 18px;
  border-radius: 2px;
  font-size: 13px;
  line-height: 18px;
  top: 23px;
  left: -6px;
}
.file-icon__paper_50 > .file-icon__shadow {
  content: ' ';
  height: 6px;
  width: 31px;
  border-radius: 0 0 2px;
  top: 36.5px;
  background: var(--cad1d8-or-ffffff-02);
  position: absolute;
}
.file-icon__paper_50 > .paper-img {
  width: 37px;
  height: 50px;
}
.file-icon__paper_40 > .file-icon__lable {
  width: 30px;
  height: 15px;
  padding-top: 1px;
  border-radius: 1.5px;
  font-size: 9px;
  line-height: 14px;
  bottom: 6px;
  left: -5px;
}
.file-icon__paper_40 > .file-icon__shadow {
  content: ' ';
  height: 3px;
  width: 25px;
  border-radius: 0 0 1.5px;
  bottom: 5px;
  background: var(--cad1d8-or-ffffff-02);
  position: absolute;
}
.file-icon__paper_40 > .paper-img {
  width: 30px;
  height: 40px;
}
.file-icon__paper_38 > .file-icon__lable {
  width: 28px;
  height: 14px;
  border-radius: 1.5px;
  font-size: 9px;
  line-height: 14px;
  top: 18px;
  left: -6px;
}
.file-icon__paper_38 > .file-icon__shadow {
  content: ' ';
  height: 3px;
  width: 22px;
  border-radius: 0 0 1.5px;
  top: 30px;
  background: var(--cad1d8-or-ffffff-02);
  position: absolute;
}
.file-icon__paper_38 > .paper-img {
  width: 28px;
  height: 38px;
}
.files-popover {
  width: 360px;
  background-color: var(--popover-background-color);
  overflow: hidden;
}
.files-popover__angle-clear::after {
  border-bottom: 8px solid var(--popover-background-color);
}
.files-popover__scroll {
  overflow: scroll;
  max-height: 219px;
}
.files-popover__header {
  padding: 16px 16px 12px;
  display: flex;
  justify-content: space-between;
}
.files-popover__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  color: var(--333e49-or-ffffff-75);
  letter-spacing: -0.2px;
  font-size: 18px;
  line-height: 23px;
  word-break: break-word;
}
.files-popover__list {
  padding-bottom: 16px;
}
.files-popover__clear {
  font-size: 15px;
  line-height: 18px;
  color: var(--2574a9-or-009fe6);
  padding: 3px 0 2px;
  cursor: pointer;
}
.files-popover__clear:hover {
  color: var(--1f618d-or-0088c4);
}
.files-popover__buttons {
  display: flex;
  padding: 16px;
  justify-content: space-between;
  width: 100%;
  background: var(--ffffff-or-ffffff);
}
.files-popover__helper-text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.15px;
  color: var(--333e49-or-333e49);
}
.files-popover-item {
  display: flex;
  align-items: center;
  padding: 6px 16px;
}
.files-popover-item:hover {
  background-color: var(--f8f8f8-or-272727);
}
.files-popover-item .message-file__button_load {
  margin-left: auto;
}
.files-popover-item__icon {
  margin-right: 12px;
}
.files-popover-item__info {
  max-width: 231px;
  display: flex;
  flex-direction: column;
}
.files-popover-item__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--333e49-or-ffffff-75);
  font-size: 15px;
  line-height: 20px;
}
.files-popover-item__size {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 12px;
  line-height: 20px;
}
.files-popover-item_downloaded {
  cursor: pointer;
}
.files-popover-clear {
  width: 360px;
  padding: 0;
}
.files-popover-clear__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 7px;
}
.files-popover-clear__clouds {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
  background: var(--remove-download-files-clouds-background);
  transform: translateZ(0);
  animation: start-updater-clouds-slide 30s linear infinite;
}
.files-popover-clear__buttons {
  display: flex;
  padding: 0 16px 16px;
  justify-content: space-between;
  width: 100%;
}
.files-popover-clear__icon {
  --size: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0 11px;
  color: var(--b4b4b4-or-ffffff-30);
}
.files-popover-clear__helper-text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.15px;
  white-space: pre-line;
}
.card-common-horizontal-info-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  width: 100%;
  background-color: var(--ffffff-or-ffffff-03);
  color: var(--333e49-or-ffffff-75);
}
.card-common-horizontal-info-block_switch {
  padding: 12px 16px 10px;
}
.card-common-horizontal-info-block__content {
  display: flex;
  gap: 5px;
  align-items: center;
}
.card-common-horizontal-info-block__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.card-common-horizontal-info-block__question {
  --size: 18px;
  height: var(--size);
  color: var(--dcdcdc-or-ffffff-30);
  cursor: pointer;
}
.card-common-horizontal-info-block__question:hover {
  color: var(--b4b4b4-or-009fe6);
}
.card-common-horizontal-info-block__data {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
}
.card-common-horizontal-info-block__data_clickable {
  cursor: pointer;
}
.card-common-horizontal-info-block__data:empty {
  height: 17px;
  width: 80px;
  border-radius: 5px;
  opacity: 0.5;
  background-color: var(--f5f5f5-or-ffffff-02);
}
.card-common-block-list {
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}
.card-common-block-list__item:not(:last-child) {
  margin-bottom: 1px;
}
.card-common-tooltip-info {
  border-radius: 12px;
  padding: 12px 16px;
  width: 100%;
  background-color: var(--f0f0f0-or-171717);
}
.card-common-tooltip-info__header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.card-common-tooltip-info__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--333e49-or-ffffff-75);
}
.card-common-tooltip-info__avatar {
  display: flex;
  border-radius: 50%;
  width: 20px;
  min-width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  background-color: var(--e6e6e6-or-1c1c1c);
  background-position: center;
  background-size: cover;
}
.card-common-tooltip-info__avatar::after {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  position: absolute;
  font-size: 10px;
  color: var(--677380-or-ffffff-50);
  opacity: 0.3;
  content: attr(data-text);
  user-select: none;
}
.card-common-tooltip-info__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: var(--677380-or-ffffff-50);
}
.card-common-tooltip-info__description_member {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.card-common-tooltip-info__tail {
  --tail-color: var(--f0f0f0-or-171717);
  bottom: -14px;
  left: 26px;
  --tail-width: 12px;
  --tail-height: 16px;
}
.card-common-tooltip-info__tail_right {
  --tail-color: var(--f0f0f0-or-171717);
  bottom: -14px;
  left: 286px;
  --tail-width: 12px;
  --tail-height: 16px;
}
.card-common-switch {
  --checkbox-switch-width: 36px;
  --checkbox-switch-height: 22px;
}
.card-common-info-input {
  --card-common-info-input-width-skeleton: 172px;
  --card-common-info-input-button-size: 20px;
  border-radius: 12px;
  padding: 8px 16px 14px;
  width: 100%;
  background-color: var(--ffffff-or-ffffff-03);
}
.card-common-info-input__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 2px;
  width: 100%;
  color: var(--677380-or-ffffff-30);
}
.card-common-info-input__input-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-common-info-input__input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-right: 16px;
  width: 100%;
  background-color: transparent;
  overflow: hidden;
}
.card-common-info-input__input[type='password'] {
  width: var(--card-common-info-input-width-skeleton);
  color: var(--677380-or-ffffff-75);
  user-select: none;
  pointer-events: none;
  font-size: 19px;
}
.card-common-info-input__input[type='text'] {
  color: var(--333e49-or-ffffff-75);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-common-info-input__input[type='text'].card-common-info-input__input_not-ellipsis {
  white-space: unset;
  text-overflow: unset;
}
.card-common-info-input__input[type='password'] ~ .card-common-info-input__buttons {
  --eye-open: 0;
  --eye-close: 1;
}
.card-common-info-input__input[type='text'] ~ .card-common-info-input__buttons {
  --eye-open: 1;
  --eye-close: 0;
}
.card-common-info-input__input[value=''],
.card-common-info-input__input[value=''] ~ .card-common-info-input__buttons > .card-common-info-input__button {
  border-radius: 5px;
  height: var(--card-common-info-input-button-size);
  color: var(--f5f5f5-or-transparent);
  background-color: var(--f5f5f5-50-or-ffffff-02);
}
.card-common-info-input__input[value=''] {
  width: var(--card-common-info-input-width-skeleton);
}
.card-common-info-input__input[value=''] ~ .card-common-info-input__buttons > .card-common-info-input__button {
  width: var(--card-common-info-input-button-size);
}
.card-common-info-input__buttons {
  display: flex;
}
.card-common-info-input__button {
  --size: var(--card-common-info-input-button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--b4b4b4-or-ffffff-30);
  cursor: pointer;
}
.card-common-info-input__button:not(:last-child) {
  margin-right: 16px;
}
.card-common-info-input__button:hover {
  color: var(--a1a1a1-or-009fe6);
}
.card-common-id {
  background-color: var(--f8f8f8-or-ffffff-03);
  display: flex;
  width: 144px;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
}
.card-common-id:hover {
  background-color: var(--f5f5f5-or-ffffff-02);
}
.card-common-id:hover .card-common-id__title {
  color: var(--333e49-or-009fe6);
}
.card-common-id:hover .card-common-id__copy-icon {
  color: var(--677380-or-009fe6);
}
.card-common-id__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: right;
  color: var(--333e49-or-ffffff-75);
  margin-right: 4px;
  white-space: nowrap;
}
.card-common-id__copy {
  display: flex;
  align-items: center;
}
.card-common-id__copy-icon {
  --size: 18px;
  color: var(--677380-or-ffffff-75);
}
.card-common-command-block {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--ffffff-or-ffffff-03);
}
.card-common-command-block_skeleton::before,
.card-common-command-block_skeleton::after {
  display: block;
  border-radius: 5px;
  height: 24px;
  background-color: var(--f5f5f5-50-or-ffffff-02);
  content: '';
}
.card-common-command-block_skeleton::before {
  width: 80%;
  margin-bottom: 12px;
}
.card-common-command-block_skeleton::after {
  width: 40%;
}
.card-common-command {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  align-items: center;
  padding: 3px 8px;
  background: var(--007aff-10-or-006be0-10);
  border-radius: 5px;
  margin-bottom: 12px;
  color: var(--2574a9-or-009fe6);
  cursor: pointer;
}
.card-common-command:first-child {
  margin-top: 4px;
}
.card-common-command:last-child {
  margin-bottom: 4px;
}
.card-common-command:hover {
  background: var(--007aff-20-or-006be0-20);
}
.card-common-update-version {
  padding-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 12px;
}
.card-common-update-version__header {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.card-common-update-version__notice {
  display: block;
  border-radius: 50%;
  height: 6px;
  width: 6px;
  background-color: var(--ff6a64-or-ff4f47);
  margin-right: 6px;
}
.card-common-update-version__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 284px;
  white-space: nowrap;
  color: var(--333e49-or-ffffff-75);
}
.card-common-update-version__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 8px;
}
.card-common-update-version__button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  width: 100%;
}
.card-common-badge-input {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  border-radius: 5px;
  padding: 2px;
  width: 52px;
  height: 17px;
  font-size: 10px;
  text-align: center;
  color: var(--ffffff-or-ffffff);
  caret-color: var(--ffdd59-or-ffd638);
  background-color: var(--f8f8f8-or-ffffff-03);
  overflow: hidden;
  flex-shrink: 0;
}
.card-common-badge-input[readonly] {
  pointer-events: none;
}
.card-common-badge-input[value=''] {
  color: var(--f8f8f8-or-f8f8f8);
  caret-color: var(--f8f8f8-or-f8f8f8);
}
.card-common-badge-input[data-color-id='0'] {
  background-color: var(--dcdcdc-or-ffffff-10);
}
.card-common-badge-input[data-color-id='1'] {
  background-color: var(--badge-color-green);
}
.card-common-badge-input[data-color-id='2'] {
  background-color: var(--badge-color-blue);
}
.card-common-badge-input[data-color-id='3'] {
  background-color: var(--badge-color-black);
}
.card-common-badge-input[data-color-id='4'] {
  background-color: var(--badge-color-purple);
}
.card-common-badge-input[data-color-id='5'] {
  background-color: var(--badge-color-pink);
}
.card-common-badge-input[data-color-id='6'] {
  background-color: var(--badge-color-grass);
}
.card-common-badge-input[data-color-id='7'] {
  background-color: var(--badge-color-dune);
}
.card-common-badge-input[data-color-id='8'] {
  background-color: var(--badge-color-bordo);
}
.card-common-badge-color-picker {
  display: flex;
  padding: 9px 13px;
}
.card-common-badge-color-picker_show {
  display: flex;
}
.card-common-badge-color-picker__color {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  cursor: pointer;
}
.card-common-badge-color-picker__color:not(:last-child) {
  margin-right: 14px;
}
.card-common-badge-color-picker__color[data-is-enabled='false'] {
  opacity: 0.2;
}
.card-common-badge-color-picker__color[data-color-id='1'] {
  color: var(--badge-color-green);
}
.card-common-badge-color-picker__color[data-color-id='2'] {
  color: var(--badge-color-blue);
}
.card-common-badge-color-picker__color[data-color-id='3'] {
  color: var(--badge-color-black);
}
.card-common-badge-color-picker__color[data-color-id='6'] {
  color: var(--badge-color-grass);
}
.card-common-badge-color-picker__color[data-color-id='7'] {
  color: var(--badge-color-dune);
}
.card-common-badge-color-picker__color[data-color-id='8'] {
  color: var(--badge-color-bordo);
}
.card-common-badge-color-picker__svg-icon {
  pointer-events: none;
}
.card-common-description-input {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  width: 100%;
  height: 20px;
  color: var(--333e49-or-ffffff-75);
  background-color: transparent;
  overflow: hidden;
}
.card-common-description-input[value=''][readonly] {
  border-radius: 5px;
  opacity: 0.5;
  background-color: var(--f5f5f5-or-ffffff-02);
  pointer-events: none;
}
.card-common-description-input__icon {
  --size: 20px;
  color: var(--dcdcdc-or-ffffff-30);
  cursor: pointer;
}
.card-common-description-input__icon:hover {
  color: var(--c7c7c7-or-009fe6);
}
.card-common-description-input::placeholder {
  color: var(--popup-input-placeholder-color);
}
.card-common-status-input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 12px 16px;
  width: 100%;
  color: var(--333e49-or-ffffff-75);
  background-color: var(--ffffff-or-ffffff-03);
  word-wrap: break-word;
}
.card-common-status-input[contenteditable='false'] {
  white-space: pre-wrap;
  user-select: text;
}
.card-common-status-input[contenteditable='false']:empty::after {
  display: block;
  border-radius: 5px;
  width: 100%;
  height: 20px;
  background-color: var(--f5f5f5-or-ffffff-02);
  opacity: 0.5;
  content: '';
}
.card-common-status-input[contenteditable='true'] {
  white-space: break-spaces;
  word-break: break-word;
}
.card-common-badge-and-description {
  display: flex;
  align-items: center;
  padding: 12px 12px 12px 16px;
  width: 100%;
  background-color: var(--ffffff-or-ffffff-03);
}
.card-common-badge-and-description__badge-input {
  margin-right: 11px;
}
.card-common-badge-and-description .card-common-description-input-question {
  --size: 20px;
  display: none;
  position: absolute;
  right: 12px;
  top: 12px;
  color: var(--dcdcdc-or-ffffff-30);
}
.card-common-badge-and-description .card-common-description-input-question:hover {
  color: var(--c7c7c7-or-009fe6);
}
.card-common-badge-and-description .card-common-description-input-question__icon {
  cursor: pointer;
}
.card-common-badge-and-description_question .card-common-description-input-question {
  display: block;
}
.card-common-badge-and-description_question .card-common-description-input {
  padding-right: 22px;
}
.card-options-block {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.card-options-block_disabled .card-options-button {
  pointer-events: none;
  cursor: default;
}
.card-options-block_disabled .card-options-button__icon-block,
.card-options-block_disabled .card-options-button__button-text {
  color: var(--677380-30-or-ffffff-21);
}
.card-options-button {
  --size: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  width: 100%;
  height: 63px;
  background-color: var(--ffffff-or-ffffff-03);
  cursor: pointer;
}
.card-options-button:not(:last-child) {
  margin-right: 8px;
}
.card-options-button:hover {
  background-color: var(--f5f5f5-or-ffffff-03);
}
.card-options-button:hover .card-options-button__button-text,
.card-options-button:hover .card-options-button__icon-block {
  color: var(--333e49-or-009fe6);
}
.card-options-button_preloader .svg-icon {
  animation: 0s fadeOut 300ms linear forwards;
}
.card-options-button_preloader .card-options-button__icon-block::after {
  content: '';
  top: 0;
  left: 0;
  width: var(--size);
  height: var(--size);
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: cover;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.card-options-button_preloader-blue .card-options-button__icon-block::after {
  background: url('../images/global/preloader-blue.svg') center no-repeat;
}
.card-options-button__icon-block {
  height: var(--size);
  color: var(--333e49-or-ffffff-75);
  margin-bottom: 3px;
}
.card-options-button__icon-block_preloader {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-options-button__icon-block_preloader .svg-icon {
  animation: 0s fadeOut 300ms linear forwards;
}
.card-options-button__icon-block_preloader::after {
  content: '';
  width: 22px;
  height: 22px;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 16px;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.card-options-button__button-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: var(--677380-or-ffffff-75);
  text-align: center;
}
.card-options-button_lowercase .card-options-button__button-text {
  text-transform: lowercase;
}
.card-options-button .card-options-button__button-icon_warning {
  color: var(--ff6a64-or-ff4f47);
}
.card-options-button .card-options-button__button-icon_highlight {
  color: var(--009fe6-or-009fe6);
}
.card-common-name-input {
  background-color: var(--ffffff-or-ffffff-03);
  padding: 8px 16px 12px;
}
.card-common-name-input__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--677380-or-ffffff-30);
}
.card-common-name-input__input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  width: 100%;
  background-color: transparent;
  color: var(--333e49-or-ffffff-75);
}
.card-common-alert {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 8px 16px;
  width: 100%;
  color: var(--ffffff-or-ffffff-70);
  background-color: var(--000000-80-or-181818);
}
.card-common-alert__content {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
}
.card-common-check-notifications {
  padding-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 12px;
  margin-bottom: 16px;
}
.card-common-check-notifications__icon-block {
  width: 14px;
  height: 14px;
  display: flex;
}
.card-common-check-notifications__header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.red-dot-exclamation .card-common-check-notifications__icon {
  --size: 7px;
}
.card-common-check-notifications__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
}
.card-common-check-notifications__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 8px;
}
.card-common-check-notifications__button {
  width: 100%;
}
.user-card-popup {
  min-height: 100%;
}
.user-card-popup__edit-card-button {
  --size: 16px;
  width: 28px;
  height: 28px;
  color: var(--677380-or-ffffff-50);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--ffffff-or-ffffff-03);
  border-radius: 50%;
  top: 14px;
  right: 16px;
  position: absolute;
  cursor: pointer;
}
.user-card-popup__edit-card-button:hover {
  background-color: var(--f0f0f0-or-ffffff-03);
  color: var(--333e49-or-009fe6);
}
.user-card-popup__theme-switch {
  margin-top: 16px;
  cursor: pointer;
}
.user-card-popup__theme-switch_active .user-card-popup-theme-switch__scheme,
.user-card-popup__theme-switch:hover .user-card-popup-theme-switch__scheme {
  --user-card-switch-color-scheme-block-icon-color: currentcolor;
  color: var(--009fe6-or-009fe6);
}
.user-card-popup__user_id {
  margin-top: 16px;
  cursor: pointer;
}
.user-card-popup__user_id:hover .user-card-popup-user-id__copy,
.user-card-popup__user_id:hover .user-card-popup-user-id__copy-icon {
  color: var(--009fe6-or-009fe6);
}
.user-card-popup__tab-content {
  background-color: var(--f8f8f8-or-232323);
}
.user-card-popup_has-alert .user-card-popup__header {
  margin-bottom: 16px;
}
.user-card-popup_has-alert-name .user-card-popup__average-time {
  margin-bottom: 16px;
}
.user-card-popup__scroll {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: scroll;
  flex: 1;
  background-color: var(--f8f8f8-or-1c1c1c);
}
.user-card-popup__options-info {
  padding: 0 16px 24px;
  background-color: var(--f8f8f8-or-1c1c1c);
}
.user-card-popup__options-info_bot {
  display: grid;
  gap: 16px;
}
.user-card-popup__heart {
  color: var(--ff6a64-or-ff4f47);
}
.user-card-popup__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  padding-top: 32px;
}
.user-card-popup__header_bot {
  margin-bottom: 0;
  padding-top: 32px;
}
.user-card-popup__language {
  top: 14px;
  left: 0;
  position: absolute;
}
.user-card-popup__language-picture {
  background-color: var(--ffffff-or-ffffff-03);
  color: var(--333e49-or-ffffff-30);
  font-size: 24px;
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}
.user-card-popup__language-picture .language-change-icon {
  --size: 15px;
}
.user-card-popup__language-picture:hover {
  background-color: var(--f0f0f0-or-ffffff-05);
}
.user-card-popup__alert {
  padding-bottom: 16px;
}
.user-card-popup__activity {
  margin-top: 16px;
}
.user-card-popup__description-item:not(.hidden):not(:first-child) {
  margin-top: 1px;
}
.user-card-popup__description-block {
  margin-top: 16px;
  border-radius: 12px;
  overflow: hidden;
}
.user-card-popup__avatar {
  margin-bottom: 11px;
  width: 80px;
  height: 80px;
}
.user-card-popup__avatar_clickable {
  cursor: pointer;
}
.user-card-popup__avatar_clickable:hover::before {
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: var(--04040a-30-or-000000-30);
  user-select: none;
  content: '';
}
.user-card-popup__avatar_clickable:hover[data-has-avatar='true'] .user-card-edit-popup__avatar-icon {
  display: block;
}
.user-card-popup__avatar_bot {
  --size: 61px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--677380-or-b4b4b4);
}
.user-card-popup__avatar_bot[data-avatar-id=''] {
  color: var(--f5f5f5-or-f5f5f5);
  background-color: var(--f5f5f5-or-f5f5f5);
}
.user-card-popup__avatar_bot[data-avatar-id='0'] {
  --bot-avatar-enabled-opacity: 0;
  --bot-avatar-disabled-opacity: 1;
  color: var(--b4b4b4-or-b4b4b4);
  background-color: var(--f0f0f0-or-f0f0f0);
}
.user-card-popup__avatar_bot[data-avatar-id='1'] {
  background-color: var(--fcf5eb-or-fcf5eb);
}
.user-card-popup__avatar_bot[data-avatar-id='2'] {
  background-color: var(--f5f8ea-or-f5f8ea);
}
.user-card-popup__avatar_bot[data-avatar-id='3'] {
  background-color: var(--ebf2fc-or-ebf2fc);
}
.user-card-popup__avatar_bot[data-avatar-id='4'] {
  background-color: var(--edfaee-or-edfaee);
}
.user-card-popup__avatar_bot[data-avatar-id='5'] {
  background-color: var(--eeebfc-or-eeebfc);
}
.user-card-popup__avatar_bot[data-avatar-id='6'] {
  background-color: var(--fff3ff-or-fff3ff);
}
.user-card-popup__avatar-icon {
  position: absolute;
  display: none;
}
.user-card-popup__average-time-text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
}
.user-card-popup__average-time-text .icon_infinite_chat {
  --size: 23px;
  margin-left: 5px;
}
.user-card-popup__name-block {
  display: flex;
  justify-content: center;
}
.user-card-popup__name-block_bot {
  align-items: center;
  padding-bottom: 8px;
}
.user-card-popup__name-block_bot .user-card-popup__mute-block {
  top: 12px;
}
.user-card-popup__mute-block {
  position: absolute;
  left: 1px;
  top: 0;
  --size: 16px;
  margin: 2px 5px 0 -21px;
  width: var(--size);
  height: var(--size);
  color: var(--b4b4b4-or-ffffff-30);
}
.user-card-popup__full-name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  max-width: 288px;
  text-align: center;
  color: var(--333e49-or-ffffff-75);
  white-space: pre-wrap;
  word-break: break-word;
  user-select: text;
}
.user-card-popup__average-time {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--b4b4b4-or-ffffff-50);
  text-align: center;
  margin: 0 0 24px;
}
.user-card-popup__average-time-touch {
  display: inline-block;
  cursor: pointer;
}
.user-card-popup__update-version {
  margin-bottom: 24px;
}
.user-card-popup__tab-list {
  --tab-list-item-gap: 14px;
}
.user-card-popup-alert {
  width: 100%;
  padding: 10px 16px;
  border-radius: 5px;
  background-color: var(--000000-80-or-171717);
}
.user-card-popup-alert_bot {
  margin-top: -8px;
}
.user-card-popup-alert__cross {
  position: absolute;
  top: 8px;
  right: 11px;
  cursor: pointer;
}
.user-card-popup-alert__cross-icon {
  --size: 16px;
  color: var(--f8f8f8-or-ffffff-50);
}
.user-card-popup-alert__cross-icon:hover {
  color: var(--f8f8f8-80-or-ffffff-70);
}
.user-card-popup-alert__warning {
  color: var(--ff6a64-or-ff4f47-80);
}
.user-card-popup-alert_change-name {
  padding: 10px 16px;
}
.user-card-popup-alert_change-name .user-card-popup-alert__content {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--f8f8f8-or-ffffff-70);
}
.user-card-popup-alert_unavailable {
  padding: 8px 16px;
}
.user-card-popup-alert_unavailable .user-card-popup-alert__content {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: var(--ffffff-or-ffffff-70);
  display: flex;
  justify-content: center;
  text-align: center;
}
.user-card-popup-theme-switch {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  border-radius: 12px;
}
.user-card-popup-theme-switch__scheme {
  --size: 18px;
  --user-card-switch-color-scheme-block-icon-color: var(--b4b4b4-or-ffffff-50);
  display: flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
}
.user-card-popup-theme-switch__scheme-icon {
  color: var(--user-card-switch-color-scheme-block-icon-color);
}
.user-card-popup-install {
  border-radius: 12px;
  margin-top: 16px;
  padding: 11px 16px;
  cursor: pointer;
}
.user-card-popup-install__icon {
  --size: 44px;
  color: var(--009fe6-or-007aff);
}
.user-card-popup-install__arrow {
  --size: 20px;
  transform: rotate(270deg);
  color: var(--b4b4b4-or-b4b4b4);
}
.user-card-popup-install__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-left: 8px;
  margin-right: auto;
  max-width: 200px;
}
.user-card-popup-install:hover .user-card-popup-install__arrow {
  color: var(--a1a1a1-or-009fe6);
}
.user-card-popup-user-id {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  border-radius: 12px;
}
.user-card-popup-user-id__copy {
  display: flex;
  align-items: center;
  gap: 4px;
}
.user-card-popup-user-id__copy-icon {
  --size: 18px;
  color: var(--b4b4b4-or-ffffff-50);
}
.user-card-edit-popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  overflow: scroll;
  padding: 16px;
  background-color: var(--f8f8f8-or-1c1c1c);
}
.user-card-edit-popup__header-buttons {
  position: absolute;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.user-card-edit-popup__block {
  align-self: stretch;
  margin-bottom: 16px;
}
.user-card-edit-popup__block_info {
  margin-bottom: 16px;
}
.user-card-edit-popup__block:last-child {
  margin-bottom: 0;
}
.user-card-edit-popup__settings {
  margin-bottom: 24px;
}
.user-card-edit-popup__name-block {
  margin-top: 24px;
}
.user-card-edit-popup__header-button {
  display: flex;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 13px;
  line-height: 18px;
  background-color: var(--ffffff-or-ffffff-03);
}
.user-card-edit-popup__header-button:hover {
  background-color: var(--f0f0f0-or-ffffff-03);
  color: var(--333e49-or-009fe6);
}
.user-card-edit-popup__header-button_cancel {
  color: var(--333e49-or-ffffff-50);
}
.user-card-edit-popup__header-button_submit {
  color: var(--333e49-or-ffffff-50);
}
.user-card-edit-popup__header-button_submit.button_preloader::after {
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  background-size: 14px;
}
.user-card-edit-popup__avatar-block {
  margin-top: 16px;
}
.user-card-edit-popup__name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  padding: 0 20px;
  color: var(--333e49-or-ffffff-75);
  text-align: center;
  white-space: pre-wrap;
  word-break: break-word;
  margin: 12px 0 24px;
}
.user-card-edit-popup__avatar {
  width: 80px;
  height: 80px;
}
.user-card-edit-popup__avatar_clickable {
  cursor: pointer;
}
.user-card-edit-popup__avatar_clickable:hover::before {
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: var(--04040a-30-or-000000-30);
  user-select: none;
  content: '';
}
.user-card-edit-popup__avatar_clickable:hover[data-has-avatar='true'] .user-card-edit-popup__avatar-icon {
  display: block;
}
.user-card-edit-popup__avatar_clickable:hover[data-has-avatar='false'] .user-card-edit-popup__empty-avatar-icon {
  display: block;
}
.user-card-edit-popup__avatar-icon {
  position: absolute;
  display: none;
}
.user-card-edit-popup__empty-avatar-icon {
  width: 36px;
  height: 36px;
  opacity: 0.4;
  position: absolute;
  display: none;
}
.user-card-popup-respect__header {
  text-align: center;
  padding: 46px 20px 12px;
}
.user-card-popup-respect__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  padding-right: 0;
  letter-spacing: 0;
  word-break: break-word;
  color: var(--333e49-or-ffffff-75);
}
.user-card-popup-respect .popup__footer {
  padding: 16px 20px 20px;
}
.user-card-popup-respect__input {
  background: var(--popup-input-background-color);
  border-radius: 8px;
  cursor: text;
  height: 82px;
  margin: 0 20px 23px;
  display: flex;
  overflow: hidden;
  border: 1px solid var(--f8f8f8-or-transparent);
}
.user-card-popup-respect__input-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  flex: 100%;
  height: 100%;
  cursor: text;
  white-space: break-spaces;
  word-break: break-word;
  overflow: hidden scroll;
  padding: 7px 36px 8px 11px;
}
.user-card-popup-respect__input-text:empty::before {
  content: attr(data-placeholder);
  color: var(--b4b4b4-or-ffffff-30);
  display: block;
}
.user-card-popup-respect__input-count {
  position: absolute;
  right: 8px;
  bottom: 8px;
  text-align: center;
  overflow: hidden;
  color: var(--b4b4b4-or-ffffff-30);
  font-size: 12px;
}
.user-card-popup-respect__divider {
  border-top: 1px dashed var(--separator-color-dashed);
  margin: 0 20px;
}
.user-card-popup-respect_wrap {
  display: flex;
  flex-direction: column;
}
.user-card-popup-respect__emoji-button {
  padding: 5px 7px;
}
.user-card-screen-time-stat {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.user-card-screen-time-stat__scroll {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: scroll;
}
.user-card-screen-time-stat_how-it-works .user-card-screen-time-stat-how-it-works {
  display: flex;
}
.user-card-screen-time-stat_how-it-works .user-card-screen-time-stat__scroll {
  display: none;
}
.user-card-screen-time-stat__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 16px;
  padding-top: 46px;
  color: var(--333e49-or-ffffff-75);
}
.user-card-screen-time-stat__content {
  margin-bottom: 24px;
}
.user-card-screen-time-stat__quarter {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--b4b4b4-or-ffffff-30);
  margin-bottom: 16px;
}
.user-card-screen-time-stat__quarter-text {
  margin-left: 8px;
}
.user-card-screen-time-stat__how-works {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
  color: var(--677380-or-ffffff-50);
  margin-bottom: 23px;
}
.user-card-screen-time-stat__how-works-text {
  display: inline-block;
  text-align: center;
  border-bottom: 1px dashed var(--677380-or-ffffff-50);
  transition: 0.2s linear;
}
.user-card-screen-time-stat__how-works-text:hover {
  cursor: pointer;
  border-color: var(--7a8794-or-009fe6-80);
  color: var(--7a8794-or-009fe6-80);
}
.user-card-screen-time-stat-chart {
  height: 100%;
}
.user-card-screen-time-stat-chart::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 24px;
  background: linear-gradient(270deg, var(--ffffff-or-1c1c1c) 0%, transparent 100%);
}
.user-card-screen-time-stat-chart__time {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  padding: 50px 12px 0 20px;
  background: var(--ffffff-or-1c1c1c);
}
.user-card-screen-time-stat-chart__time::after {
  content: '';
  position: absolute;
  right: -16px;
  top: 0;
  display: block;
  height: 100%;
  width: 16px;
  background: linear-gradient(90deg, var(--ffffff-or-1c1c1c) 0%, transparent 100%);
}
.user-card-screen-time-stat-chart__time-list {
  width: 32px;
  display: flex;
  flex-direction: column;
}
.user-card-screen-time-stat-chart__time-item {
  font-size: 12px;
  line-height: 15px;
  color: var(--b4b4b4-or-ffffff-30);
  text-align: center;
  margin-bottom: 2px;
}
.user-card-screen-time-stat-chart__date-value {
  width: 100%;
  height: 100%;
  overflow-x: auto;
  padding-left: 80px;
}
.user-card-screen-time-stat-chart__date-value_scrolling {
  cursor: grabbing;
}
.user-card-screen-time-stat-chart__date-list {
  display: flex;
  flex-wrap: nowrap;
}
.user-card-screen-time-stat-chart__date-list .user-card-screen-time-stat-chart__date-item-wrapper:last-child {
  padding-right: 18px;
  margin-left: 6px;
}
.user-card-screen-time-stat-chart__date-list .user-card-screen-time-stat-chart__date-item-wrapper:last-child .user-card-screen-time-stat-chart__date-item {
  width: 66px;
  background: var(--f8f8f8-or-ffffff-02);
}
.user-card-screen-time-stat-chart__date-list .user-card-screen-time-stat-chart__date-item-wrapper:last-child .user-card-screen-time-stat-chart__week,
.user-card-screen-time-stat-chart__date-list .user-card-screen-time-stat-chart__date-item-wrapper:last-child .user-card-screen-time-stat-chart__day {
  color: var(--677380-or-ffffff-75);
}
.user-card-screen-time-stat-chart__date-list .user-card-screen-time-stat-chart__date-item-wrapper:last-child .user-card-screen-time-stat-chart__summary .user-card-screen-time-performance {
  color: var(--b4b4b4-or-ffffff-30);
  background: transparent;
}
.user-card-screen-time-stat-chart__date-item-wrapper + .user-card-screen-time-stat-chart__date-item-wrapper {
  margin-left: 12px;
}
.user-card-screen-time-stat-chart__date-item {
  width: 45px;
  border-radius: 5px;
  padding: 7px 0 10px;
  text-align: center;
}
.user-card-screen-time-stat-chart__date-item_preloader:not(.user-card-screen-time-stat-chart__date-item_today) .user-card-screen-time-stat-chart__week,
.user-card-screen-time-stat-chart__date-item_empty:not(.user-card-screen-time-stat-chart__date-item_today) .user-card-screen-time-stat-chart__week,
.user-card-screen-time-stat-chart__date-item_preloader:not(.user-card-screen-time-stat-chart__date-item_today) .user-card-screen-time-stat-chart__day,
.user-card-screen-time-stat-chart__date-item_empty:not(.user-card-screen-time-stat-chart__date-item_today) .user-card-screen-time-stat-chart__day,
.user-card-screen-time-stat-chart__date-item_preloader:not(.user-card-screen-time-stat-chart__date-item_today) .user-card-screen-time-stat-chart__summary,
.user-card-screen-time-stat-chart__date-item_empty:not(.user-card-screen-time-stat-chart__date-item_today) .user-card-screen-time-stat-chart__summary {
  opacity: 0;
}
.user-card-screen-time-stat-chart__date-item_preloader:not(.user-card-screen-time-stat-chart__date-item_today) .user-card-screen-time-stat-chart__summary .user-card-screen-time-performance,
.user-card-screen-time-stat-chart__date-item_empty:not(.user-card-screen-time-stat-chart__date-item_today) .user-card-screen-time-stat-chart__summary .user-card-screen-time-performance {
  min-width: 38px;
}
.user-card-screen-time-stat-chart__week-day {
  font-size: 12px;
  font-weight: 400;
}
.user-card-screen-time-stat-chart__week {
  margin-bottom: 3px;
  text-transform: uppercase;
  color: var(--b4b4b4-or-ffffff-30);
}
.user-card-screen-time-stat-chart__day {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--dcdcdc-or-ffffff-50);
}
.user-card-screen-time-stat-chart__date-time-list {
  display: grid;
  grid-gap: 9px 1px;
  grid-template-columns: repeat(4, 8px);
  justify-content: center;
  margin-bottom: 10px;
}
.user-card-screen-time-stat-chart__date-time-list .user-card-screen-time-performance {
  width: 8px;
  height: 8px;
  border-radius: 2px;
}
.user-card-screen-time-stat-chart__summary {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-size: 9px;
  line-height: normal;
}
.user-card-screen-time-stat-chart__summary .user-card-screen-time-performance {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  height: 19px;
  line-height: 19px;
  width: fit-content;
  white-space: nowrap;
  min-width: 35px;
  padding: 2px 4px;
  border-radius: 4px;
  background: var(--dcdcdc-or-ffffff-10);
}
.user-card-screen-time-stat-chart__summary .user-card-screen-time-performance_good {
  background: var(--05c46b-or-04a45a-70);
}
.user-card-screen-time-stat-chart__summary .user-card-screen-time-performance_normal {
  background: var(--ffaa33-or-ff9d14-70);
}
.user-card-screen-time-stat-chart__summary .user-card-screen-time-performance_bad {
  background: var(--ff6a64-or-ff4f47-70);
}
.user-card-screen-time-performance {
  background: var(--f0f0f0-or-ffffff-03);
  color: var(--ffffff-or-1e2022);
}
.user-card-screen-time-performance_good {
  background: var(--05c46b-or-04a45a-70);
}
.user-card-screen-time-performance_normal {
  background: var(--ffaa33-or-ff9d14-70);
}
.user-card-screen-time-performance_bad {
  background: var(--ff6a64-or-ff4f47-70);
}
.user-card-screen-time-stat-how-it-works {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  display: none;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.user-card-screen-time-stat-how-it-works__scroll {
  flex-direction: column;
  flex: 1;
  overflow-y: scroll;
  display: flex;
}
.user-card-screen-time-stat-how-it-works__scroll .user-card-screen-time-performance {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 19px;
  white-space: nowrap;
  line-height: 1;
  font-size: 9px;
  width: 38px;
  padding: 2px 4px;
  border-radius: 4px;
  margin-top: 3px;
}
.user-card-screen-time-stat-how-it-works__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 16px;
  padding-top: 46px;
}
.user-card-screen-time-stat-how-it-works__description {
  padding: 0 20px;
  margin-bottom: 16px;
}
.user-card-screen-time-stat-how-it-works__info {
  padding: 0 20px;
  margin-bottom: 24px;
}
.user-card-screen-time-stat-how-it-works__performance-title {
  padding: 0 20px;
  margin-bottom: 12px;
}
.user-card-screen-time-stat-how-it-works__performance-list {
  margin-bottom: 70px;
}
.user-card-screen-time-stat-how-it-works__performance-item {
  margin-left: 50px;
  display: flex;
}
.user-card-screen-time-stat-how-it-works__performance-item + .user-card-screen-time-stat-how-it-works__performance-item {
  margin-top: 12px;
}
.user-card-screen-time-stat-how-it-works__performance-text {
  margin-left: 5px;
}
.user-card-screen-time-stat-how-it-works__footer-wrapper {
  margin: 0 20px 20px;
}
.user-card-screen-time-stat-how-it-works__footer {
  padding-top: 16px;
  border-top: 1px dashed var(--separator-color-dashed);
}
.user-card-screen-time-stat-empty {
  padding: 144px 0 160px;
  overflow: scroll;
}
.user-bot-base {
  background: var(--f8f8f8-or-1c1c1c);
  height: 100%;
  overflow: hidden;
}
.user-bot-base .base-input__content-wrapper {
  padding-left: 16px;
  padding-right: 16px;
}
.user-bot-base_create .user-bot-base__scroll-content {
  height: calc(100% - 67px);
}
.user-bot-base__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 23px;
  max-width: 100%;
  text-align: center;
}
.user-bot-base__scroll-content {
  padding: 16px 16px 20px;
  height: 100%;
  overflow: auto;
}
.user-bot-base__group + .user-bot-base__group {
  margin-top: 16px;
}
.user-bot-base__action {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  align-items: center;
  height: 46px;
  padding: 14px 16px;
  border-radius: 12px;
  background-color: var(--ffffff-or-ffffff-03);
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.user-bot-base__action_link {
  color: var(--2574a9-or-2574a9);
}
.user-bot-base__action_warning {
  color: var(--ff6a64-or-ff4f47);
}
.user-bot-base__action-icon {
  --size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-bot-base__header-buttons {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
}
.user-bot-base__header-button {
  display: flex;
  cursor: pointer;
  height: 28px;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 13px;
  background-color: var(--ffffff-or-ffffff-03);
  border: none;
}
.user-bot-base__header-button:hover {
  background-color: var(--f0f0f0-or-ffffff-03);
  color: var(--333e49-or-009fe6);
}
.user-bot-base__header-button_cancel {
  color: var(--677380-or-b4b4b4);
}
.user-bot-base__header-button_submit {
  color: var(--333e49-or-ffffff-50);
}
.user-bot-base__switch-text {
  display: flex;
}
.user-bot-base__switch-text-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  --size: 18px;
  color: var(--b4b4b4-or-ffffff-30);
  margin-left: 5px;
}
.user-bot-base__input-size-wrapper {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.user-bot-base__input-app-width .base-input__content-wrapper,
.user-bot-base__input-app-height .base-input__content-wrapper {
  background-color: transparent;
  padding: 7px 8px;
  width: 51px;
  height: 34px;
  border: 1px solid var(--f0f0f0-or-ffffff-03);
  border-radius: 5px;
}
.user-bot-base__input-app-width .base-input__input,
.user-bot-base__input-app-height .base-input__input {
  text-align: center;
}
.user-bot-base__input-app-height .base-input__content-wrapper {
  padding-left: 9px;
}
.user-bot-base__input-size-divider {
  --size: 10px;
}
.user-bot-base__footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 16px 16px;
  border-top: 1px solid var(--f0f0f0-or-ffffff-03);
  background: inherit;
}
.user-bot-base__input-smart-app-key .card-common-info-input {
  border-radius: 0;
}
.user-bot-base__avatar-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  padding-top: 16px;
}
.user-bot-base__avatar-container:has( + .user-bot-base__title) {
  margin-bottom: 16px;
}
.user-bot-base__avatar-default {
  --size: 61px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--677380-or-b4b4b4);
  width: 80px;
  height: 80px;
  cursor: pointer;
}
.user-bot-base__avatar-default[data-avatar-id=''] {
  color: var(--f5f5f5-or-f5f5f5);
  background-color: var(--f5f5f5-or-f5f5f5);
}
.user-bot-base__avatar-default:hover::before {
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: var(--04040a-50-or-000000-50);
  user-select: none;
  content: '';
}
.user-bot-base__avatar-default:hover .user-bot-base__avatar-default_camera-icon {
  display: block;
}
.user-bot-base__avatar-default:hover .user-bot-base__avatar-default_avatar-icon {
  display: none;
}
.user-bot-base__avatar-default_camera-icon {
  position: absolute;
  display: none;
  --size: 48px;
  cursor: pointer;
  margin-right: 8px;
  color: var(--ffffff-or-ffffff);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.user-bot-base__avatar-default[data-avatar-id='0'] {
  --bot-avatar-enabled-opacity: 0;
  --bot-avatar-disabled-opacity: 1;
  color: var(--b4b4b4-or-b4b4b4);
  background-color: var(--f0f0f0-or-f0f0f0);
}
.user-bot-base__avatar-default[data-avatar-id='1'] {
  background-color: var(--fcf5eb-or-fcf5eb);
}
.user-bot-base__avatar-default[data-avatar-id='2'] {
  background-color: var(--f5f8ea-or-f5f8ea);
}
.user-bot-base__avatar-default[data-avatar-id='3'] {
  background-color: var(--ebf2fc-or-ebf2fc);
}
.user-bot-base__avatar-default[data-avatar-id='4'] {
  background-color: var(--edfaee-or-edfaee);
}
.user-bot-base__avatar-default[data-avatar-id='5'] {
  background-color: var(--eeebfc-or-eeebfc);
}
.user-bot-base__avatar-default[data-avatar-id='6'] {
  background-color: var(--fff3ff-or-fff3ff);
}
.user-bot-base__avatar-create {
  position: relative;
  background: linear-gradient(to top, var(--3c81db-or-3c81db), var(--74b2ff-or-74b2ff)) center / cover;
  cursor: pointer;
  width: 80px;
  height: 80px;
}
.user-bot-base__avatar-create.avatar_preloader::after {
  background-size: 20px;
}
.user-bot-base__avatar-create_camera-icon {
  display: none;
  user-select: none;
}
.user-bot-base__avatar-create:hover::before {
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: var(--04040a-30-or-000000-30);
  user-select: none;
  content: '';
}
.user-bot-base__avatar-create__button-remove {
  display: none;
  position: absolute;
  width: 30px;
  height: 30px;
  top: -7px;
  right: -7px;
  cursor: pointer;
}
.user-bot-base__avatar-create__button-remove .close-filled__circle {
  fill: var(--f8f8f8-or-616161);
}
.user-bot-base__avatar-create__button-remove .close-filled__cross {
  fill: var(--b4b4b4-or-ffffff);
}
.user-bot-base__avatar-create__button-remove:hover .close-filled__circle {
  fill: var(--ff6a64-or-ff4f47);
}
.user-bot-base__avatar-create__button-remove:hover .close-filled__cross {
  fill: var(--popup-close-cross-color);
}
.user-bot-base__avatar-create_remove:hover .user-bot-base__avatar-create__button-remove {
  display: block;
}
.user-bot-base__avatar-create:not([style*='background-image']) .user-bot-base__avatar-create_camera-icon {
  position: absolute;
  --size: 48px;
  cursor: pointer;
  margin-right: 8px;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.4;
}
.user-bot-base__avatar-custom {
  width: 80px;
  height: 80px;
}
.user-bot-base__avatar-custom_clickable {
  cursor: pointer;
}
.user-bot-base__avatar-custom_clickable:hover::before {
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: var(--04040a-30-or-000000-30);
  user-select: none;
  content: '';
}
.user-bot-base__avatar-custom_clickable:hover[data-has-avatar='true'] .user-card-edit-popup__avatar-icon {
  display: block;
}
.user-bot-base .base-input__content-wrapper_error {
  border-color: transparent;
  --placeholder-color: var(--ff6a64-or-ff4f47);
}
.user-bot-confirm-refresh {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.user-bot-confirm-refresh__header {
  display: flex;
  padding: 20px 20px 0;
}
.user-bot-confirm-refresh__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding-top: 4px;
  cursor: default;
}
.user-bot-confirm-refresh__description:not(:last-child) {
  margin-bottom: 8px;
}
.user-bot-confirm-refresh .popup__title {
  margin-bottom: 5px;
}
.user-bot-confirm-refresh .popup__footer {
  padding: 20px 16px 16px;
}
.user-bot-confirm-refresh .popup__footer .svg-icon {
  --size: 18px;
  margin-left: 6px;
}
.guest-access-popup {
  padding: 46px 0 20px;
}
.guest-access-popup .popup__header {
  margin-bottom: 8px;
  padding: 0 20px;
  text-align: center;
}
.guest-access-popup .popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  padding: 0;
}
.guest-access-popup .popup__content {
  padding: 0 20px;
  margin-bottom: 23px;
}
.guest-access-popup .popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 8px;
  text-align: center;
}
.guest-access-popup .popup__description:last-child {
  margin-bottom: 0;
}
.guest-access-popup .popup__footer {
  padding: 0 20px;
}
.guest-access-popup__divider {
  border-top: 1px dashed var(--separator-color-dashed);
  padding: 0 20px;
  margin-bottom: 16px;
}
.guest-access-popup__footer {
  flex-direction: column;
}
.upgrade-guest-popup__header {
  background-color: var(--popup-dashboard-background-color);
  border-bottom: 1px solid var(--popup-dashboard-border-color);
  padding: 8px 0 7px;
}
.upgrade-guest-popup__info {
  padding: 16px 20px 8px;
}
.upgrade-guest-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  margin-bottom: 9px;
}
.upgrade-guest-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.upgrade-guest-popup__footer {
  padding: 16px;
  display: flex;
  align-self: center;
  justify-content: space-between;
}
.auth-content {
  padding: 20px 16px 16px;
}
.auth-content__input-number {
  margin-bottom: 12px;
}
.auth-login-documents {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  width: 360px;
  margin-top: 16px;
  padding: 0 5px;
  justify-content: center;
  color: var(--f8f8f8-30-or-ffffff-10);
  text-align: center;
  position: absolute;
}
.auth-login-documents__link-button {
  display: inline;
  transition: all 0.2s;
  cursor: pointer;
  white-space: pre;
}
.auth-login-documents__link-button::before {
  content: '';
  height: 1px;
  transition: all 0.2s;
  width: 100%;
  background: var(--f8f8f8-30-or-ffffff-10);
  position: absolute;
  bottom: -1px;
}
.auth-login-documents__link-button:hover {
  color: var(--f8f8f8-60-or-009fe6);
}
.auth-login-documents__link-button:hover::before {
  background: var(--f8f8f8-60-or-009fe6);
}
.login-by-token {
  width: 360px;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 0 0 3px var(--000000-05-or-transparent);
  background: var(--ffffff-or-272727);
  margin-bottom: 13px;
}
.login-by-token__footer {
  background: var(--f8f8f8-or-ffffff-02);
  padding: 12px 40px;
  border-radius: 0 0 8px 8px;
  display: flex;
  justify-content: center;
}
.login-by-token__content {
  padding: 36px 16px 0;
  margin-bottom: 16px;
}
.login-by-token__logo {
  --size: 80px;
  width: var(--size);
  height: var(--size);
  display: block;
  margin: 0 auto 16px;
}
.login-by-token__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  width: 328px;
  margin-bottom: 16px;
}
.login-by-token__input-wrapper {
  margin-bottom: 12px;
  border: 1px solid var(--f0f0f0-or-ffffff-10);
  transition: border-color 300ms linear;
  border-radius: 8px;
  padding: 8px;
}
.login-by-token__input-wrapper_error {
  border-color: var(--ff6a64-or-ff4f47-50);
}
.login-by-token__input-wrapper_error-delay {
  border-color: var(--ff6a64-or-ff4f47-50);
  animation-name: form-input-pin-code-error;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-duration: 500ms;
  animation-delay: 2000ms;
}
.login-by-token__how-to-get {
  display: inline-block;
  color: var(--f8f8f8-30-or-ffffff-15);
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
}
.login-by-token__how-to-get:hover {
  color: var(--f8f8f8-or-009fe6);
}
.login-by-token__footer-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-30);
  width: fit-content;
}
.login-by-token__footer-icon {
  color: var(--b4b4b4-or-ffffff-30);
  position: absolute;
  right: 16px;
  top: 13px;
}
.login-by-token__footer-icon .svg-icon {
  --size: 16px;
}
.login-by-token__footer-icon:hover {
  color: var(--8c8c8c-or-ffffff-50);
  cursor: pointer;
}
.login-by-token__help-link {
  color: var(--2574a9-80-or-2574a9);
}
.login-by-token__help-link:hover {
  color: var(--1d5c86-or-1d5c86);
}
.auth-login-by-token-input {
  width: 310px;
  height: 58px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: left;
  overflow: hidden scroll;
  overflow-wrap: break-word;
}
.auth-login-by-token-input_disabled {
  pointer-events: none;
}
.auth-server-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0 16px 16px;
  background-color: var(--ffffff-or-272727);
  height: 100%;
}
.auth-server-error__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-ffffff-75);
  margin: 46px 0 4px;
}
.auth-server-error__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
  padding: 0 4px 7px;
}
.auth-server-error__button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
}
.auth-server-error__server-name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  word-break: break-all;
}
.auth-server-error__scroll-block {
  flex: 1;
  overflow: auto;
}
.auth-server-error__certificate:not(:empty) {
  margin: 9px 0 7px;
}
.auth-server-error__certificate-divider {
  width: 100%;
  margin: 0 0 16px;
  padding: 0 0 16px;
  border-bottom: 1px dashed var(--dcdcdc-or-ffffff-10);
}
.certificate-error-block {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--f0f0f0-or-ffffff-05);
  border-radius: 8px;
  padding: 11px;
  background-color: var(--f8f8f8-or-ffffff-03);
  transition: 0.2s ease-in-out;
}
.certificate-error-block__header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.certificate-error-block__icon_copy {
  color: var(--009fe6-or-006b30);
  cursor: pointer;
  transition: color 0.1s ease-out;
}
.certificate-error-block__icon_copy:hover {
  color: var(--0088c4-or-006d9e);
}
.certificate-error-block__icon_check {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  color: var(--05c46b-or-05c46b);
}
.certificate-error-block__info-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
}
.certificate-error-block__info-block:last-child {
  margin-bottom: 0;
}
.certificate-error-block__title,
.certificate-error-block__info-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
}
.certificate-error-block__info-description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
.certificate-error-block_copy {
  animation: copyErrorAnimation 2s ease-in-out forwards;
}
.certificate-error-block_copy .certificate-error-block__icon_copy {
  height: 0;
  animation: fadeInWithPointerEvent 0s 2s ease-out forwards;
}
.certificate-error-block_copy .certificate-error-block__icon_check {
  opacity: 1;
  animation: fadeOut 0s 2s ease-out forwards;
}
@keyframes copyErrorAnimation {
  0% {
    border-color: var(--05c46b-or-04a45a-50);
  }
  100% {
    border-color: var(--f0f0f0-or-ffffff-05);
  }
}
@keyframes fadeInWithPointerEvent {
  from {
    opacity: 0;
    height: 0;
  }
  to {
    opacity: 1;
    height: var(--icon-width, var(--icon-size));
  }
}
.server-activation {
  text-align: center;
}
.server-activation__header-icon {
  display: flex;
  justify-content: center;
  padding: 16px;
}
.server-activation__header-icon .circle-header-image {
  width: 80px;
  height: 80px;
}
.server-activation__info {
  width: 320px;
}
.server-activation__content {
  border-radius: 8px;
  box-shadow: 0 0 0 3px var(--000000-05-or-transparent);
  background: var(--ffffff-or-272727);
  padding: 20px 20px 24px;
  text-align: center;
}
.server-activation__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 6px;
}
.server-activation__icon {
  --size: 20px;
}
.server-activation__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin-bottom: 16px;
}
.server-activation__input-wrapper {
  display: flex;
  justify-content: space-between;
}
.server-activation__input-stub {
  position: absolute;
  top: 8px;
  left: 12px;
  border-radius: 4px;
  width: 233px;
  height: 20px;
  background: var(--f0f0f0-or-ffffff-02);
}
.server-activation__input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  width: 272px;
  padding: 8px 27px 8px 12px;
  margin-right: 12px;
  border-radius: 8px;
  background: var(--f8f8f8-or-1c1c1c);
  overflow: scroll hidden;
  white-space: nowrap;
  vertical-align: text-top;
}
.server-activation__input_disabled {
  color: var(--b4b4b4-or-ffffff-30);
  cursor: default;
  text-decoration: none;
  user-select: none;
}
.server-activation__input_animated {
  border: 1px solid var(--05c46b-or-04a45a);
  background: var(--f2fcf7-or-252d29);
  animation: joinLinkCopyAnimation 2s ease-in-out forwards;
}
.server-activation__support-button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
  height: 35px;
  width: 36px;
  color: var(--05c46b-or-04a45a);
  background: var(--f8f8f8-or-1c1c1c);
  transition: 0.2s ease-in-out border-color;
}
.server-activation__support-button:hover {
  color: var(--05c46b-or-2f7d67);
  background: var(--f0f0f0-or-1c1c1c);
}
.server-activation__fade {
  content: '';
  position: absolute;
  height: 100%;
  width: 16px;
}
.server-activation__fade_right {
  right: 75px;
  top: 0;
  background: linear-gradient(90deg, var(--f8f8f8-or-1c1c1c) 14.05%, transparent 92.26%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.server-activation__delete-button-icon {
  --size: 20px;
}
.server-activation__copy-button {
  position: absolute;
  display: flex;
  align-items: center;
  right: 56px;
  height: 100%;
  color: var(--b4b4b4-or-ffffff-30);
}
.server-activation__copy-button:hover {
  cursor: pointer;
  color: var(--a1a1a1-or-009fe6);
}
.server-activation__exit {
  color: var(--b4b4b4-or-ffffff-30);
  background-color: var(--f8f8f8-or-ffffff-03);
  cursor: pointer;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  position: absolute;
  right: 16px;
  top: 16px;
}
.server-activation__exit:hover {
  background: var(--f0f0f0-or-ffffff-03);
  color: var(--b4b4b4-or-009fe6);
}
.server-activation__exit-icon {
  --size: 14px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.server-activation-input-animation {
  position: absolute;
  width: 272px;
  opacity: 0;
  background-color: var(--ffffff-or-16181a);
  pointer-events: none;
  border-radius: 8px;
}
.server-activation-input-animation_animated {
  animation: joinLinkCopyAnimation 1.5s ease-in-out;
}
.server-activation-input-animation__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--05c46b-or-04a45a);
  background: var(--f2fcf7-or-252d29);
  padding: 7px 11px;
  border-radius: 8px;
}
.server-activation-input-animation__icon {
  position: absolute;
  right: 9px;
  --size: 16px;
  color: var(--05c46b-or-04a45a);
}
.help-login-token {
  background: var(--ffffff-or-1c1c1c);
  margin: 20px;
}
.help-login-token__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--333e49-or-ffffff-75);
}
.help-login-token__info-block {
  display: flex;
  background-color: var(--f8f8f8-or-ffffff-05);
  padding: 12px 20px 16px 16px;
  margin-top: 8px;
  border-radius: 12px;
}
.help-login-token__info-block:first-child {
  margin-top: 20px;
}
.help-login-token__icon-block {
  background: var(--ffffff-or-1c1c1c);
  width: 32px;
  height: 32px;
  margin-right: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.help-login-token__icon {
  --size: 20px;
  color: var(--009fe6-or-006b30);
}
.help-login-token__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding-top: 2px;
}
.help-login-token__need-help {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--b4b4b4-or-ffffff-30);
  margin-top: 16px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.help-login-token__need-help:hover {
  color: var(--8c8c8c-or-ffffff-60);
}
.start-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 19px;
  pointer-events: none;
}
.start-logo__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  color: var(--ffffff-or-ffffff);
  font-size: 44px;
}
.start-logo__title_saas {
  margin: 0 0 20px 1px;
}
.start-logo__title_on-premise {
  line-height: 1;
  margin: 0 0 27px 1px;
}
.start-logo__image {
  --size: 142px;
  width: var(--size);
  height: var(--size);
}
.start-logo__image_saas {
  margin: 6px 0 19px;
}
.start-logo__image_on-premise {
  margin-bottom: 42px;
}
.start-logo__image-text {
  width: 256px;
}
.start-logo__image-text_saas {
  height: 237px;
}
.start-logo__image-text_on-premise {
  height: 275px;
}
.start-logo__progress-bar {
  width: 256px;
}
.start-logo__progress-bar_on-premise {
  margin-bottom: 20px;
}
.start-logo__progress-bar-total {
  position: absolute;
  width: 100%;
  height: 6px;
  border: 1px solid var(--f0f0f0-10-or-transparent);
  border-radius: 3px;
  background-color: var(--ffffff-10-or-ffffff-10);
}
.start-logo__progress-bar-complete {
  position: absolute;
  height: 6px;
  border: 1px solid var(--ffffff-or-ffffff);
  border-radius: 3px;
  background: var(--ffffff-or-ffffff);
  transition: width 0.6s ease;
  animation: progress-bar-stripes 2s linear infinite;
}
.start-logo-skip-update {
  --size: 20px;
  position: absolute;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  color: var(--ffffff-30-or-ffffff-30);
  background-color: var(--000000-05-or-ffffff-06);
  cursor: pointer;
}
.start-logo-skip-update:hover {
  color: var(--ff6a64-or-ffffff-50);
}
.virtual-scroll {
  --observer-height: 10px;
  transform: translateZ(0);
  overscroll-behavior: contain;
}
.virtual-scroll_scrolling div {
  pointer-events: none;
}
.virtual-scroll .observer-scroll-bottom,
.virtual-scroll .observer-scroll-top {
  position: relative;
  min-height: var(--observer-height);
}
.virtual-scroll .observer-scroll-top {
  position: absolute;
  top: 0;
  left: 0;
}
.virtual-scroll .observer-scroll-bottom {
  position: relative;
}
.server-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 16px 16px;
  height: 100%;
}
.server-error__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-ffffff-75);
  margin: 46px 0 4px;
}
.server-error__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
  padding: 0 4px 7px;
}
.server-error__scroll-block {
  flex: 1;
  overflow: auto;
}
.server-error__certificate:not(:empty) {
  margin: 9px 0 7px;
}
.server-error__divider {
  border-bottom: 1px dashed var(--separator-color-dashed);
  margin: 0 0 16px;
  padding: 0 0 16px;
  width: 100%;
}
.server-error__button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  margin-bottom: 12px;
}
.server-error__server-name {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  word-break: break-all;
}
.slide-bottom-server-error {
  --leftmenu-footer-info-panel-height: 134px;
  background: var(--333445-or-272727);
  display: block;
  animation: menuShow 0.25s forwards ease-in;
  height: var(--leftmenu-footer-info-panel-height);
  padding: 16px 16px 24px;
}
.slide-bottom-server-error_hide {
  animation: menuHide 0.25s forwards ease-in;
}
.slide-bottom-server-error__content-slide {
  display: flex;
  gap: 10px;
  margin-bottom: 19px;
}
.slide-bottom-server-error__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  width: 207px;
  color: var(--f8f8f8-or-ffffff-75);
  text-overflow: ellipsis;
  overflow: hidden;
}
.slide-bottom-server-error__domain {
  letter-spacing: 0;
  white-space: nowrap;
}
.slide-bottom-server-error__icon-block {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ffaa33-or-ff9d14);
  color: var(--333445-or-272727);
}
.slide-bottom-server-error__icon {
  --size: 20px;
}
.leftmenu-tabs-carousel {
  --tab-leftmenu-padding-left: 18px;
  padding: 17px 8px 10px 0;
}
.leftmenu-tabs-carousel__container {
  margin-bottom: 5px;
  height: 24px;
}
.leftmenu-tabs-carousel__list {
  display: flex;
  gap: 14px;
  padding-left: var(--tab-leftmenu-padding-left);
  padding-right: 7px;
}
.leftmenu-tabs-carousel__fade {
  background: linear-gradient(90deg, var(--393a4d-or-212121) 14.05%, transparent 92.26%);
  content: '';
  position: absolute;
  height: 100%;
  width: 15px;
}
.leftmenu-tabs-carousel__fade_left {
  left: 0;
  top: 0;
}
.leftmenu-tabs-carousel__fade_right {
  transform: matrix(-1, 0, 0, 1, 0, 0);
  right: 0;
  top: 0;
}
.leftmenu-tabs-carousel__divider {
  border-top: 1px solid var(--ffffff-05-or-ffffff-04);
  height: 1px;
  margin-left: var(--tab-leftmenu-padding-left);
}
.leftmenu-tabs-carousel-tab {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  padding: 5px 0;
  color: var(--ffffff-30-or-ffffff-30);
}
.leftmenu-tabs-carousel-tab_active .leftmenu-tabs-carousel-tab__title {
  color: var(--009fe6-or-009fe6);
}
.leftmenu-tabs-carousel-tab__unread-count {
  margin-left: 6px;
  color: var(--009fe6-or-009fe6);
}
.users-with-pay-rights {
  overflow: auto;
  border: 2px solid var(--ffffff-or-1c1c1c);
  border-left: none;
  border-right: none;
}
.users-with-pay-rights__header {
  padding: 18px 20px 0;
}
.users-with-pay-rights__header::after {
  content: '';
  display: block;
  width: 100%;
  border-bottom: 1px dashed var(--separator-color-dashed);
  margin: 15px 0 14px;
}
.users-with-pay-rights__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.users-with-pay-rights__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.users-with-pay-rights__empty-stub,
.users-with-pay-rights__error-stub {
  display: flex;
  place-content: center center;
  height: 264px;
  padding: 0 36px 52px;
}
.users-with-pay-rights__content-placeholder {
  height: 264px;
}
.users-with-pay-rights__member {
  height: 52px;
  margin: 0;
}
.users-with-pay-rights__member:last-child {
  margin-bottom: 12px;
}
.users-with-pay-rights__content_blocked .users-with-pay-rights__member {
  pointer-events: none;
}
.server-space-list {
  padding: 16px;
  background-color: var(--f8f8f8-or-1c1c1c);
}
.server-space-list__item + .server-space-list__item {
  margin-top: 16px;
}
.server-space-list__button {
  margin-top: 24px;
}
.server-space-list_placeholder {
  padding-bottom: 12px;
}
.server-space-list_placeholder .server-space-list__button {
  background: var(--f0f0f0-or-ffffff-03);
}
.server-space-list .company-avatar-with-desc__content {
  width: 200px;
}
.server-space-list-item {
  display: flex;
  justify-content: space-between;
}
.server-space-list-item__actions {
  display: flex;
  gap: 8px;
}
.server-space-list-item__support {
  --size: 20px;
  margin-top: 4px;
  background: var(--ffffff-or-ffffff-03);
  color: var(--05c46b-or-04a45a);
  border-radius: 32px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.server-space-list-item__support:not(.server-space-list-item__support_skeleton) {
  cursor: pointer;
}
.server-space-list-item__support:hover:not(.server-space-list-item__support_skeleton) {
  color: var(--049a54-or-2f7d67);
}
.server-space-list-item__button {
  --size: 20px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--ffffff-or-ffffff-03);
  color: var(--b4b4b4-or-ffffff-50);
  cursor: pointer;
  margin-top: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.server-space-list-item__button_active,
.server-space-list-item__button:hover:not(.server-space-list-item__button_disabled) {
  color: var(--8c8c8c-or-009fe6);
}
.server-space-list-item__button_disabled {
  pointer-events: none;
  cursor: default;
  color: var(--b4b4b4-30-or-ffffff-30);
}
.on-premise-monetization-need-help {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 43px 20px 19px;
}
.on-premise-monetization-need-help__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  padding-top: 3px;
  margin-bottom: 8px;
}
.on-premise-monetization-need-help__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
  margin-bottom: 19px;
}
.on-premise-monetization-need-help__description .link {
  user-select: all;
}
.on-premise-monetization-need-help__buttons {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.on-premise-monetization-need-help__button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.on-premise-monetization-need-help__button:not(:last-child) {
  margin-right: 8px;
}
.on-premise-monetization-need-help__footer {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--b4b4b4-or-ffffff-30);
}
.on-premise-monetization-need-help__footer:not(:empty) {
  padding-top: 23px;
}
.on-premise-monetization-need-help__code {
  user-select: text;
}
.onpremise-monetization-conversation-stub {
  border-radius: 16px;
  border: 1px solid var(--f0f0f0-60-or-transparent);
  width: 403px;
  background: var(--ffffff-or-232323);
  align-items: center;
  padding-top: 16px;
  /*
		SEE: ELE-27259

		REMARK:
		Это чтобы на маленьких экранах блок был по центру.
		Откуда 802: Margins 220 + 220 + высота самой заглушки
	*/
}
.onpremise-monetization-conversation-stub_fixed-top-stub {
  margin-top: 220px;
}
@media screen and (max-height: 802px) {
  .onpremise-monetization-conversation-stub {
    margin: auto;
  }
}
.onpremise-monetization-conversation-stub__icon {
  display: flex;
  justify-content: center;
  padding: 16px 16px 24px;
}
.onpremise-monetization-conversation-stub__icon .circle-header-image {
  width: 92px;
  height: 92px;
}
.onpremise-monetization-conversation-stub__button-close {
  position: unset;
}
.onpremise-monetization-conversation-stub__button-close-icon {
  top: 13px;
  right: 12px;
}
.onpremise-monetization-conversation-stub__button-close-icon .close-filled__circle {
  fill: var(--f8f8f8-or-ffffff-03);
}
.onpremise-monetization-conversation-stub__content {
  padding: 0 32px;
}
.onpremise-monetization-conversation-stub__footer {
  padding: 0 31px;
  padding-bottom: 16px;
  display: grid;
  gap: 16px;
}
.onpremise-monetization-conversation-stub__footer .cbutton-text_small {
  margin-bottom: 16px;
}
.onpremise-monetization-conversation-stub__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  padding-bottom: 12px;
  text-align: center;
  color: var(--333e49-or-ffffff-75);
}
.onpremise-monetization-conversation-stub__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding-bottom: 24px;
  text-align: center;
}
.onpremise-monetization-conversation-stub__error-code {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.onpremise-monetization-conversation-stub__progress-btn {
  height: 44px;
  margin-bottom: 16px;
}
.server-management {
  height: 100%;
  overflow: auto;
  background-color: var(--f8f8f8-or-1c1c1c);
  border: 2px solid var(--f8f8f8-or-1c1c1c);
  border-left: none;
  border-right: none;
}
.server-management__content-wrapper {
  padding: 0 16px;
}
.server-management__license-info {
  margin-top: 14px;
}
.server-management__block-role {
  margin-bottom: 15px;
}
.server-management__block-role:last-child {
  margin-bottom: 13px;
}
.server-management__unique-users {
  margin: 16px 0;
}
.server-management__error-stub {
  padding: 0 20px;
}
.license-info__title-block {
  display: flex;
  justify-content: space-between;
}
.license-info__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 300px;
  padding-right: 16px;
}
.license-info__support {
  --size: 16px;
  background: var(--ffffff-or-ffffff-05);
  color: var(--05c46b-or-04a45a);
  border-radius: 50%;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.license-info__support:hover {
  color: var(--04a45a-or-2f7d67);
}
.license-info__footer {
  display: flex;
  justify-content: space-between;
  padding-top: 25px;
  font-size: 12px;
  line-height: 14px;
  gap: 8px;
}
.license-info-error-stub {
  background-color: var(--ffaa33-05-or-ff9d14-05);
  border: 1px solid var(--ffaa33-20-or-ff9d14-20);
  border-radius: 8px;
  text-align: center;
  pointer-events: none;
  margin-bottom: 16px;
}
.license-info-error-stub__block-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.license-info-error-stub__icon {
  margin-top: 27px;
  --size: 48px;
  color: var(--ffaa33-or-ff9d14);
}
.license-info-error-stub__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  padding: 8px 24px 4px;
  align-items: center;
}
.license-info-error-stub__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  padding: 0 16px 27px;
  align-items: center;
}
.license-info-success-stub {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 18px;
  background-color: var(--edf9f3-or-24302a);
  border: 1px solid var(--04ab5d-20-or-04a45a-20);
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  pointer-events: none;
  opacity: 0;
}
.license-info-success-stub__content {
  height: 100%;
}
.license-info-success-stub__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  padding: 8px 16px 0;
  align-items: center;
}
.license-info-success-stub__icon {
  --size: 48px;
  color: var(--05c46b-or-04a45a);
}
.license-info-success-stub__block-icon {
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.license-info-success-stub__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 16px 30px;
}
.license-info-success-stub_animated {
  animation: fadeIn 0.4s ease-in-out forwards, fadeOut 0.4s 3s ease-in-out forwards;
  pointer-events: unset;
}
.license-info-cloud-stub {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  background-color: var(--007aff-05-or-006be0-06);
  border: 1px solid var(--007aff-20-or-006be0-20);
}
.license-info-cloud-stub_placeholder {
  background-color: var(--ffffff-or-232323);
  border: 1px solid var(--ffffff-or-232323);
}
.license-info-cloud-stub_placeholder .license-info-cloud-stub__block-icon {
  padding-top: 26px;
}
.license-info-cloud-stub_placeholder .license-info-cloud-stub__title {
  padding: 16px 16px 0;
}
.license-info-cloud-stub_placeholder .license-info-cloud-stub__description {
  padding: 6px 16px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.license-info-cloud-stub__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.license-info-cloud-stub__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  padding: 8px 16px 0;
  display: flex;
}
.license-info-cloud-stub__icon {
  --size: 48px;
  color: var(--05c46b-or-04a45a);
}
.license-info-cloud-stub__block-icon {
  padding-top: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.license-info-cloud-stub__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 16px 24px;
}
.license-info-cloud-stub__support {
  position: absolute;
  top: 9px;
  right: 9px;
  --size: 16px;
  background: var(--ffffff-or-ffffff-05);
  color: var(--009fe6-or-009fe6);
  border-radius: 50%;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.license-info-cloud-stub__support:hover {
  color: var(--2574a9-or-2574a9);
}
.unique-users {
  display: flex;
  flex-direction: column;
  gap: 1px;
  border-radius: 12px;
  overflow: hidden;
}
.unique-users__block-count {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
}
.unique-users__block-space-list {
  cursor: pointer;
}
.unique-users__block-space-list:hover .unique-users__block-count-space {
  color: var(--333e49-or-009fe6);
}
.unique-users__block-space-list:hover .unique-users__block-count-space-icon {
  color: var(--b4b4b4-or-009fe6);
}
.unique-users__block-count-space {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  display: flex;
  align-items: center;
  padding-right: 16px;
}
.unique-users__block-count-space-icon {
  --size: 18px;
  margin-left: 3px;
  color: var(--b4b4b4-or-ffffff-75);
  position: absolute;
  right: -5px;
  transform: rotate(270deg);
  transition: transform 0.3s ease;
}
.unique-users__space-list-item {
  padding: 6px 0;
}
.unique-users__space-list {
  margin-top: -1px;
  padding: 0 16px 6px;
  display: none;
  background-color: var(--ffffff-or-ffffff-03);
}
.unique-users__space-list_opened.unique-users__space-list {
  display: block;
}
.unique-users__space-list_opened .unique-users__block-count-space-icon {
  transform: rotate(360deg);
}
.unique-users__block {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--ffffff-or-ffffff-03);
}
.unique-users__block .placeholder-animated {
  background-color: var(--f5f5f5-or-ffffff-02) !important;
}
.unique-users__block-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.unique-users__block-question {
  --size: 20px;
  flex-grow: 1;
  margin-left: 5px;
  height: 20px;
}
.unique-users__question {
  height: var(--size);
  width: var(--size);
}
.unique-users__icon {
  color: var(--e6e6e6-or-ffffff-15);
  cursor: pointer;
}
.unique-users__icon_skeleton {
  color: var(--e6e6e6-or-ffffff-03);
  cursor: default;
}
.unique-users__icon:hover:not(.unique-users__icon_skeleton) {
  color: var(--dcdcdc-or-009fe6);
}
.unique-users__user {
  padding: 12px 12px 12px 16px;
  display: flex;
  justify-content: space-between;
}
.user-role-list {
  border-radius: 12px;
  overflow: hidden;
}
.user-role-list__header-question {
  --size: 20px;
  flex-grow: 1;
  margin-left: 4px;
  top: 2px;
}
.user-role-list__question {
  height: var(--size);
  width: var(--size);
}
.user-role-list__list {
  margin-top: 1px;
  padding: 6px 0;
  background-color: var(--ffffff-or-ffffff-03);
}
.user-role-list__list .popup-item__info {
  width: 100%;
}
.user-role-list__list .popup-item:hover {
  background-color: var(--f5f5f5-or-transparent);
}
.user-role-list__list_skeleton {
  padding: 6px 0 5px;
}
.user-role-list__list_skeleton .popup-item:not(:last-child) {
  margin-bottom: 0;
}
.user-role-list__header {
  padding: 13px 12px 12px 16px;
  display: flex;
  justify-content: space-between;
  background-color: var(--ffffff-or-ffffff-03);
}
.user-role-list__header_skeleton {
  padding-bottom: 11px;
}
.user-role-list__user:hover,
.user-role-list__user_active {
  background-color: var(--f5f5f5-or-transparent);
}
.user-role-list__user:hover .members-active__points,
.user-role-list__user_active .members-active__points {
  display: flex;
}
.user-role-list__user_active .members-active__points .members-active__icon-points {
  color: var(--009fe6-or-009fe6);
}
.user-role-list__user-action {
  margin-left: auto;
  flex-grow: 0;
}
.user-role-list__icon {
  color: var(--e6e6e6-or-ffffff-15);
  cursor: pointer;
}
.user-role-list__icon_skeleton {
  color: var(--e6e6e6-or-ffffff-03);
  cursor: default;
}
.user-role-list__icon:hover:not(.user-role-list__icon_skeleton) {
  color: var(--dcdcdc-or-009fe6);
}
.user-role-list__header-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
}
.users-selection {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.users-selection .popup__title {
  padding-right: 0;
}
.users-selection .popup__header {
  padding-right: 20px;
}
.users-selection__scroll {
  transform: translateZ(0);
}
.users-selection__footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  padding: 10px;
}
.users-selection__preloader {
  margin-top: 12px;
  margin-bottom: 12px;
}
.users-selection.popup__container.popup__container_search .popup__input {
  padding: 16px 16px 13px;
}
.users-selection .popup__description-black {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  margin-top: 8px;
}
.users-selection .popup__input {
  padding: 20px 16px 17px;
}
.users-selection .form-search__icon {
  left: 12px;
  top: 8px;
}
.users-selection .form-search__input {
  padding: 0 42px 0 38px;
}
.users-selection .popup-list__header {
  padding: 7px 18px 12px;
}
.users-selection .popup-empty__text {
  padding: 0 36px;
}
.users-selection__limit {
  margin: 18px 16px 16px;
}
.users-selection .popup-item__info {
  max-width: 280px;
}
.users-selection-limit {
  padding: 12px 16px;
  border-radius: 5px;
  background-color: var(--f8f8f8-or-ffffff-03);
}
.users-selection-limit__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: var(--b4b4b4-or-ffffff-50);
}
.users-selection-animation {
  opacity: 0;
  animation: 100ms delayShow 300ms linear forwards;
}
.need-update-server {
  display: flex;
  place-content: center center;
  position: relative;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  height: 100%;
  background-color: var(--f8f8f8-or-1c1c1c);
}
.need-update-server__clouds {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url('../images/onPremise/cloud_server_update.svg') repeat-y center, var(--f8f8f8-or-1c1c1c);
  opacity: var(--need-update-server-clouds-opacity);
}
.need-update-server__content {
  color: var(--333e49-or-ffffff-75);
  text-align: center;
  margin: 0 24px 60px;
}
.need-update-server__content:has(.need-update-server__button) {
  margin: 0 24px;
}
.need-update-server__icon-block {
  height: 127px;
}
.need-update-server__icon {
  width: 160px;
  height: 127px;
}
.need-update-server__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
}
.need-update-server__description {
  margin-top: 8px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.need-update-server__button {
  margin-top: 24px;
}
.promocode-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  padding: 46px 0 8px;
  text-align: center;
  color: var(--333e49-or-ffffff-75);
}
.promocode-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
  margin-bottom: 24px;
  padding: 0 20px;
}
.promocode-popup__form {
  display: flex;
  overflow: hidden;
  height: 35px;
  margin: 0 20px;
}
.promocode-popup__input-holder {
  display: flex;
  flex: 1;
  border: 1px solid var(--009fe6-or-006b30);
  transition: all 0.1s ease-out;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-right: none;
  overflow-y: hidden;
}
.promocode-popup__input-holder input::placeholder {
  color: var(--popup-input-placeholder-color);
}
.promocode-popup__clearing-cross {
  display: none;
  position: absolute;
  --size: 13px;
  justify-content: center;
  align-items: center;
  color: var(--b4b4b4-or-ffffff-10);
  cursor: pointer;
  right: 9px;
  top: 10px;
  transition: all 0.1s ease-out;
}
.promocode-popup__clearing-cross:hover {
  color: var(--a1a1a1-or-ffffff-30);
}
.promocode-popup__send-button-preloader {
  display: none;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 500ms linear forwards,
			linear 500ms infinite rotatePreloader;
  background: var(--009fe6-or-006b30);
  --size: 17px;
}
.promocode-popup__send-button {
  width: 39px;
  background: var(--009fe6-or-006b30);
  color: var(--ffffff-or-ffffff);
  display: flex;
  justify-content: center;
  align-items: center;
  --size: 25px;
  cursor: pointer;
  transition: 0.2s ease-out;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.promocode-popup__send-button:hover {
  background: var(--0088c4-or-006d9e);
}
.promocode-popup__input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  padding: 9px 12px 8px 11px;
  display: inline-block;
  flex: 1;
  background: transparent;
  line-height: 20px;
}
.promocode-popup__input[disabled='true'] {
  pointer-events: none;
}
.promocode-popup__activation {
  display: none;
}
.promocode-popup__validation {
  background: var(--f8f8f8-or-171717);
  margin-top: 20px;
  padding: 16px 20px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.promocode-popup__company-info {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  letter-spacing: -0.12px;
  color: var(--677380-or-ffffff-75);
  justify-content: center;
}
.promocode-popup__company-uniq {
  color: var(--05c46b-or-04a45a);
  border-bottom: 1px dashed var(--05c46b-or-04a45a);
  margin: 0 0 0 3px;
  height: 22px;
  cursor: pointer;
  transition: 0.2s ease-out;
  user-select: text;
}
.promocode-popup__company-uniq:hover {
  border-color: var(--049a54-or-037c44);
  color: var(--049a54-or-037c44);
}
.promocode-popup__activation-info {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--677380-or-ffffff-75);
  margin-top: 6px;
  text-align: center;
}
.promocode-popup__hint {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  display: none;
  background: var(--f8f8f8-or-ffffff-03);
  padding: 12px;
  margin: 15px 20px 14px;
  border-radius: 8px;
}
.promocode-popup__hint-text {
  text-align: center;
}
.promocode-popup__triangle-arrow {
  width: 0;
  height: 0;
  border-left: 8.5px solid transparent;
  border-right: 8.5px solid transparent;
  border-bottom: 11px solid var(--f8f8f8-or-ffffff-03);
  position: absolute;
  top: -11px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.promocode-popup__button {
  margin: 0 20px 20px;
  display: flex;
}
.promocode-popup__data-holder_preloader .promocode-popup__send-button {
  pointer-events: none;
}
.promocode-popup__data-holder_preloader .promocode-popup__send-button-preloader {
  display: block;
}
.promocode-popup__data-holder_activation .promocode-popup__hint {
  display: block;
}
.promocode-popup__data-holder_activation .promocode-popup__input-holder {
  border: 1px solid var(--009fe6-50-or-006b30);
  border-radius: 8px;
}
.promocode-popup__data-holder_activation .promocode-popup__send-button,
.promocode-popup__data-holder_activation .promocode-popup__validation {
  display: none;
}
.promocode-popup__data-holder_activation .promocode-popup__activation {
  display: block;
}
.promocode-popup__data-holder_error .promocode-popup__hint {
  display: block;
  margin-bottom: 20px;
}
.promocode-popup__data-holder_error .promocode-popup__input-holder {
  border: 1px solid var(--ff8a00-50-or-ff9d14-50);
  border-radius: 8px;
  background-color: var(--ff8a00-05-or-ff9d14-05);
}
.promocode-popup__data-holder_error .promocode-popup__input {
  padding: 9px 27px 8px 11px;
}
.promocode-popup__data-holder_error .promocode-popup__send-button,
.promocode-popup__data-holder_error .promocode-popup__validation {
  display: none;
}
.promocode-popup__data-holder_error .promocode-popup__clearing-cross {
  display: flex;
}
.safety-popup {
  padding: 50px 16px 16px;
  overflow: auto;
}
.safety-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 6px;
}
.safety-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
  padding: 0 4px;
  margin-bottom: 16px;
  word-wrap: break-word;
}
.safety-popup__description_before-label {
  margin-bottom: 14px;
}
.safety-popup__form-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  gap: 14px;
}
.safety-popup__icon {
  --width: 48px;
  --height: 32px;
}
.safety-popup__footer {
  display: flex;
  justify-content: space-between;
}
.safety-popup__data-loss:not(.hidden) + .safety-popup__footer {
  display: none;
}
.safety-popup__data-loss {
  display: flex;
  justify-content: space-between;
  padding: var(--data-loss-padding, 0);
}
.safety-popup__data-loss-text-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
}
.safety-popup__data-loss-text-description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
.safety-popup__data-loss-buttons {
  display: flex;
  gap: 12px;
}
.safety-popup__category {
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.safety-popup__category-title {
  display: flex;
  justify-content: space-between;
  padding: 10px 0 2px;
}
.safety-popup__forgot-password-button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: right;
  cursor: pointer;
  color: var(--2574a9-70-or-009fe6-50);
  transition: color 0.1s ease-out;
  text-transform: none;
}
.safety-popup__forgot-password-button:hover {
  color: var(--2574a9-or-009fe6);
}
.safety-popup .base-input__content-wrapper {
  background-color: var(--f8f8f8-or-171717);
}
.safety-change-password__old {
  margin-top: -2px;
}
.safety-change-password .safety-popup__category + .safety-popup__category {
  margin-top: 2px;
}
.safety-confirm-sms-popup {
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
}
.safety-confirm-sms-popup .safety-popup__content {
  flex: 1;
}
.base-input {
  display: block;
  --background-color: var(--popup-input-background-color);
  --placeholder-color: var(--popup-input-placeholder-color);
  --text-color: var(--popup-input-color);
  --icon-hover: var(--a1a1a1-or-ffffff-30);
}
.base-input__header {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  color: var(--label-color);
}
.base-input__input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  line-height: 1;
  background-color: transparent;
  width: 100%;
  overflow-y: hidden;
  caret-color: var(--base-input-content-wrapper-caret-color, var(--333e49-or-ffffff-75));
  color: currentcolor;
}
.base-input__input::placeholder {
  color: var(--base-input-content-wrapper-placeholder-color, var(--placeholder-color));
}
.base-input__input-checkbox {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.base-input__input-checkbox:hover {
  cursor: pointer;
}
.base-input__right-content {
  --size: var(--icon-size, 20px);
  display: flex;
  cursor: pointer;
  margin-left: 10px;
}
.base-input__left-content {
  margin-right: 8px;
}
.base-input__content-wrapper {
  height: var(--input-height, 36px);
  background-color: var(--base-input-content-wrapper-background-color, var(--ffffff-or-ffffff-03));
  border-radius: var(--border-radius, 8px);
  color: var(--base-input-content-wrapper-color, var(--text-color));
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--base-input-content-wrapper-border-color, transparent);
  padding: var(--base-input-content-wrapper-padding, 9px 12px);
}
.base-input__content-wrapper_error {
  border-color: var(--error-color, var(--ff6a64-or-ff4f47));
}
.base-input__content-wrapper_disabled {
  pointer-events: none;
  user-select: none;
}
.base-input__group {
  --padding: 12px 15px;
  --input-height: 44px;
  display: flex;
  flex-direction: column;
  row-gap: 1px;
  border-radius: 8px;
  overflow: hidden;
}
.base-input__group .base-input__input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  line-height: initial;
}
.base-input__group .base-input__label {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.base-input__group .base-input__content-wrapper {
  border-radius: 0;
}
.base-input-icon {
  color: var(--placeholder-color);
  margin-right: -5px;
}
.base-input-icon:hover {
  color: var(--icon-hover);
}
.base-input-icon_close {
  --size: 14px;
}
.base-input-phone__wrapper {
  padding: 0;
}
.base-input-phone__input {
  margin: 9px 12px 9px 0;
}
.base-input-phone__country {
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 4px 0 7px;
  padding: 0 4px 0 7px;
}
.base-input-phone__country_disabled {
  pointer-events: none;
}
.base-input-phone__country-flag {
  display: flex;
  text-align: center;
}
.base-input-phone__country-code {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  display: flex;
  color: var(--text-color);
  margin-left: 8px;
}
.base-input-phone__country-flag-icon {
  width: 15px;
  height: 15px;
  background-size: contain;
  display: inline-block;
}
.base-input__content-wrapper-checkbox {
  --check-box-weight: 700;
  --check-box-font-size: 14px;
  --check-box-line-height: 20px;
  --check-box-letter-spacing: -0.15px;
}
.base-input__content-wrapper-checkbox .base-input__left-content {
  font-weight: var(--check-box-weight);
  font-size: var(--check-box-font-size);
  line-height: var(--check-box-line-height);
  letter-spacing: var(--check-box-letter-spacing);
}
.security-confirm-code {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  --data-loss-padding: 15px 0 0 0;
}
.security-confirm-code__pin-code-wrapper {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.security-confirm-code__pin-code-button {
  --size: 20px;
  width: 20px;
  height: 20px;
  margin-left: 11px;
  position: absolute;
  right: 0;
}
.security-confirm-code__error {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 6px;
  padding-top: 10px;
  color: var(--ff6a64-or-ff4f47-50);
  min-height: 28px;
}
.security-confirm-code__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 4px 8px;
}
.security-confirm-code__footer-right {
  color: var(--b4b4b4-or-ffffff-30);
  text-align: right;
}
.security-confirm-code__resend-button {
  cursor: pointer;
  color: var(--ff8a00-or-db7600);
}
.leftmenu-additional-prompt {
  padding: 6px 16px 16px;
  background: var(--333445-or-1c1c1c);
}
.leftmenu-additional-prompt__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--ffffff-50-or-ffffff-30);
  padding-bottom: 16px;
}
.leftmenu-additional-prompt__divider {
  margin-bottom: 12px;
  flex-shrink: 0;
  height: 1px;
  border-top: 1px solid var(--ffffff-05-or-ffffff-05);
}
.leftmenu-additional-prompt__button {
  color: var(--b4b4b4-or-ffffff-50);
  background-color: var(--f5f5f5-10-or-ffffff-10);
}
.leftmenu-additional-prompt__button:hover {
  background-color: var(--f5f5f5-05-or-ffffff-05);
}
.video-conference-popup-connect {
  flex-direction: column;
  align-items: center;
  background-color: var(--ffffff-or-232527-or-272727);
}
.video-conference-popup-connect__preloader {
  --size: 60px;
  color: var(--b4b4b4-or-ffffff-30);
}
.video-conference-popup-connect__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 66px;
  text-align: center;
  gap: 16px;
}
.video-conference-popup-connect__stub {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 45px 33px;
}
.video-conference-popup-connect__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
}
.video-conference {
  width: 100%;
  height: var(--content-height);
}
.single-video-conference {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.single-video-conference__container {
  display: flex;
  flex-direction: column;
  width: 354px;
  height: 76px;
  padding: 14px 16px 14px 14px;
  background-color: var(--393a4d-or-232527);
}
.single-video-conference__user {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.single-video-conference__user-avatar {
  width: 48px;
  height: 48px;
  background-size: 48px 48px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
  margin-right: 8px;
}
.single-video-conference__user-avatar_dialing {
  background: url('../images/calls/dialing-avatar-48.svg') no-repeat center;
  background-size: 48px;
}
.single-video-conference__user-avatar_ended {
  background: url('../images/calls/ended-avatar-48.svg') no-repeat center;
  background-size: 48px;
}
.single-video-conference__user-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.single-video-conference__user-text {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1 0;
}
.single-video-conference__user-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: var(--ffffff-or-ffffff-80);
  max-width: 218px;
}
.single-video-conference__call-info {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: var(--ffffff-or-ffffff-70);
  max-width: 218px;
}
.single-video-conference__buttons-group {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 17px;
}
.single-video-conference__buttons-group > * + * {
  margin-left: 8px;
}
.single-video-conference__button {
  width: 34px;
  height: 34px;
  cursor: pointer;
  background-size: 34px 34px;
  color: var(--ffffff-or-ffffff-80);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--333445-or-ffffff-03);
  flex: none;
}
.single-video-conference__button:hover {
  background-color: var(--282936-or-ffffff-10);
}
.single-video-conference__button_accept {
  color: var(--ffffff-or-ffffff);
  background-color: var(--05c46b-60-or-04a45a-60);
}
.single-video-conference__button_accept:hover {
  background-color: var(--04ab5d-60-or-037c44-60);
}
.single-video-conference__button_decline {
  color: var(--ffffff-or-ffffff);
  background-color: var(--eb3931-60-or-eb3931-60);
}
.single-video-conference__button_decline:hover {
  background-color: var(--d41d15-60-or-d41d15-40);
}
.single-video-conference__button-icon {
  --size: 20px;
}
.single-video-conference__arrow {
  border-style: solid;
  border-color: transparent;
  top: 0;
  left: 330px;
  margin-left: 0;
  border-width: 0 7px 9px;
  border-bottom-color: var(--393a4d-or-232527);
  position: absolute;
}
.video-conference-popover {
  width: 398px;
}
.video-conference-popover__header {
  margin-bottom: 16px;
  padding: 19px 19px 0;
}
.video-conference-popover__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
}
.video-conference-popover__actions-block {
  margin-bottom: 16px;
}
.video-conference-popover__actions {
  display: flex;
  justify-content: space-between;
}
.video-conference-popover__placeholder-line {
  background-color: var(--ffffff-or-ffffff-03);
}
.video-conference-popover__info {
  background-color: var(--f8f8f8-or-212121);
  border: 1px solid var(--f8f8f8-or-212121);
  border-radius: 12px;
  padding: 16px 14px;
  margin: 15px 16px 20px;
}
.video-conference-popover__info_active {
  border-color: var(--009fe6-20-or-212121);
  background-color: var(--009fe6-05-or-212121);
}
.video-conference-popover__button {
  border-color: var(--009fe6-10-or-006be0-10);
  color: var(--009fe6-or-006b30);
}
.video-conference-popover__switcher {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  display: flex;
  justify-content: space-between;
}
.video-conference-popover__switcher + .video-conference-popover__switcher {
  margin-top: 16px;
}
.video-conference-popover__switcher-description {
  display: flex;
}
.video-conference-popover__switcher_list {
  display: grid;
  padding: 0 20px;
}
.video-conference-popover__error-stub {
  padding-top: 70px;
  padding-bottom: 77px;
}
.video-conference-popover__content {
  padding-top: 28px;
}
.video-conference-popover__tab-list {
  display: flex;
  align-items: center;
  background: var(--f8f8f8-or-212121);
  border-radius: 8px;
  padding: 2px;
  margin: 0 15px;
}
.video-conference-popover__tab-wrapper {
  position: absolute;
  inset: 0 0 auto;
}
.video-conference-popover__tab-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  height: 16px;
  width: 100%;
  background: linear-gradient(180deg, var(--ffffff-or-272727) 83.86%, transparent 100%);
}
.video-conference-popover__tab {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  height: 24px;
  width: 100%;
  background: transparent;
  color: var(--8c8c8c-or-ffffff-50);
  text-align: center;
}
.video-conference-popover__tab_active {
  cursor: default;
  background: var(--ffffff-or-ffffff-03);
  color: var(--333e49-or-ffffff-75);
}
.video-conference-popover__tab:not(.video-conference-popover__tab_active):hover {
  cursor: pointer;
  color: var(--787878-or-009fe6);
}
.video-conference-popover__container {
  height: 264px;
  overflow: auto;
}
.video-conference-popover-options-block {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.video-conference-popover-options-block_disabled .video-conference-popover-options-button {
  pointer-events: none;
  cursor: default;
  border: none;
  background-color: var(--ffffff-or-ffffff-02);
  color: var(--333e49-20-or-ffffff-15);
}
.video-conference-popover-options-block_disabled .video-conference-popover-options-button .video-conference-popover-options-button__button-text {
  color: var(--677380-20-or-ffffff-15);
}
.video-conference-popover-info-question {
  --size: 18px;
  color: var(--e6e6e6-or-ffffff-15);
  margin-left: 4px;
  top: 1px;
  width: 18px;
  height: 18px;
}
.video-conference-popover-info-question:hover {
  color: var(--c7c7c7-or-009fe6);
}
.video-conference-popover-info-question__icon {
  cursor: pointer;
}
.video-conference-popover-info__input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  width: 100%;
  padding: 8px 8px 8px 12px;
  height: 35px;
  border-radius: 5px;
  background-color: var(--ffffff-or-006be0-10);
  border: 1px solid var(--009fe6-20-or-006be0-20);
  overflow: scroll hidden;
  white-space: nowrap;
  vertical-align: text-top;
  cursor: pointer;
}
.video-conference-popover-info__input_disabled {
  opacity: var(--disabled-opacity);
  cursor: default;
  text-decoration: none;
  user-select: none;
}
.video-conference-popover-info__input_animated {
  animation: copyInputAnimation 3s ease-in-out forwards;
}
.video-conference-popover-info__progress-content {
  width: 100% !important;
  height: 35px;
}
.video-conference-popover-info__progress-content .progress {
  height: 35px;
}
@keyframes copyInputAnimation {
  0% {
    background-color: var(--ffffff-or-ffffff-03);
    border-color: var(--009fe6-20-or-006be0-20);
  }
  10% {
    border-color: var(--05c46b-15-or-04a45a-40);
    background-color: var(--05c46b-10-or-04a45a-10);
  }
  90% {
    border-color: var(--05c46b-15-or-04a45a-40);
    background-color: var(--05c46b-10-or-04a45a-10);
  }
  100% {
    background-color: var(--ffffff-or-ffffff-03);
    border-color: var(--009fe6-20-or-006be0-20);
  }
}
@keyframes showAnimation {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.video-conference-popover-options-button {
  --size: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  width: 106px;
  height: 65px;
  border: 1px solid var(--009fe6-20-or-006be0-20);
  color: var(--009fe6-or-ffffff-80);
  background-color: var(--ffffff-or-006be0-10);
  cursor: pointer;
}
.video-conference-popover-options-button_disabled {
  pointer-events: none;
  cursor: default;
  border: none;
  background-color: var(--ffffff-or-ffffff-02);
  color: var(--333e49-20-or-ffffff-15);
}
.video-conference-popover-options-button:hover {
  background-color: var(--009fe6-10-or-006be0-30);
}
.video-conference-popover-options-button_preloader {
  pointer-events: none;
  cursor: default;
}
.video-conference-popover-options-button_preloader .svg-icon {
  animation: 0s fadeOut 300ms linear forwards;
}
.video-conference-popover-options-button_preloader .video-conference-popover-options-button__icon-block::after {
  content: '';
  top: 0;
  left: 0;
  width: var(--size);
  height: var(--size);
  background: url('../images/global/preloader-white.svg') center no-repeat;
  background-size: cover;
  position: absolute;
  opacity: 0;
  animation: 0s delayShowPreloader 300ms linear forwards, linear 500ms infinite rotatePreloader;
}
.video-conference-popover-options-button__button-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
.video-conference-popover-options-button__option-block {
  display: flex;
  width: 100%;
}
.video-conference-popover-options-button_secondary {
  border: 1px solid var(--ffffff-or-006be0-40);
  color: var(--009fe6-or-ffffff-80);
  background-color: var(--ffffff-or-006be0-10);
}
.video-conference-popover-options-button_secondary:hover {
  border: 1px solid var(--009fe6-20-or-006be0-40);
  background-color: var(--009fe6-03-or-006be0-30);
}
.video-conference-popover-options-button_tertiary {
  border: 1px solid transparent;
  color: var(--ffffff-or-ffffff);
  background-color: var(--009fe6-or-006be0);
}
.video-conference-popover-options-button_tertiary:hover {
  background-color: var(--0082bd-or-0058b8);
}
.video-conference-popover-options-button_submit {
  color: var(--ffffff-or-ffffff);
  background-color: var(--05c46b-or-05c46b-50);
  border: 1px solid transparent;
}
.video-conference-popover-options-button_submit:hover {
  background-color: var(--049a54-or-037c44);
}
.video-conference-popover-options-button-animation {
  --video-conference-popover-options-button-animation-duration: 5s;
  position: absolute;
  opacity: 0;
  background-color: var(--ffffff-or-1c1c1c);
  pointer-events: none;
  cursor: default;
}
.video-conference-popover-options-button-animation_animated {
  animation: showAnimation var(--video-conference-popover-options-button-animation-duration) ease-in-out forwards;
}
.video-conference-popover-options-button-animation_green {
  pointer-events: none;
  cursor: default;
  color: var(--05c46b-or-04a45a);
  border-color: var(--05c46b-20-or-17613e);
  background-color: var(--ffffff-or-23332c);
}
.vcs-permissions-oops {
  padding: 32px;
  align-items: center;
}
.vcs-permissions-oops_only-description {
  padding: 32px 16px;
}
.vcs-permissions-oops_only-description .vcs-permissions-oops__description-wrapper {
  margin-bottom: 16px;
}
.vcs-permissions-oops_only-description .vcs-permissions-oops__button {
  margin: 0 16px;
}
.vcs-permissions-oops__wrapper-image {
  height: 100px;
  margin-bottom: 20px;
}
.vcs-permissions-oops__image {
  height: 100%;
  width: 100%;
}
.vcs-permissions-oops__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 8px;
  color: var(--333e49-or-ffffff-75);
}
.vcs-permissions-oops__description-wrapper {
  margin-bottom: 24px;
}
.vcs-permissions-oops__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
  margin-bottom: 24px;
  word-break: break-word;
}
.vcs-permissions-oops__button {
  align-self: stretch;
}
.vcs-permissions-oops__button-cancel {
  margin-top: 8px;
  width: calc(100% - 16px);
}
.video-conference-room-tab__room-list {
  margin: 24px 15px 16px;
}
.video-conference-room-tab__create-new-room-button {
  margin: 0 15px 16px;
}
.video-conference-room-tab__create-new-room-wrapper:not(.video-conference-room-tab__create-new-room-wrapper:empty) {
  margin: 16px 16px -16px;
  padding: 10px 16px;
  border-radius: 8px;
  background: var(--f8f8f8-or-212121);
}
.video-conference-room-tab__create-new-room-wrapper_with-list {
  margin-bottom: -8px;
}
.video-conference-rooms-unsupported {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 27px 36px 40px;
}
.video-conference-rooms-unsupported__image {
  width: 132px;
  height: 105px;
}
.video-conference-rooms-unsupported__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
}
.video-conference-lack-of-rooms {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 58px 16px;
}
.video-conference-lack-of-rooms__icon {
  --size: 60px;
  margin-bottom: 8px;
  color: var(--e6e6e6-or-ffffff-15);
}
.video-conference-lack-of-rooms__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 16px;
  color: var(--b4b4b4-or-ffffff-30);
  text-align: center;
  max-width: 360px;
  padding: 0 36px;
}
.video-conference-create-room-form {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background-color: var(--f8f8f8-or-212121);
  padding-top: 6px;
}
.video-conference-create-room-form__inputs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-bottom: 11px;
  overflow: hidden;
}
.video-conference-create-room-form__input-wrapper .base-input__content-wrapper {
  border-radius: 0;
  padding: 9px 11px;
  background-color: var(--ffffff-or-191919);
}
.video-conference-create-room-form__input-wrapper .base-input__content-wrapper_error {
  border-color: var(--ff6a64-50-or-ff4f47-50);
}
.video-conference-create-room-form__input-wrapper .base-input__input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  line-height: initial;
}
.video-conference-create-room-form__input-link .base-input__content-wrapper {
  border-radius: 0 0 8px 8px;
}
.video-conference-create-room-form__input-link .base-input__input {
  color: var(--b4b4b4-or-ffffff-30);
}
.video-conference-create-room-form__input-link .base-input__input:focus {
  color: var(--333e49-or-ffffff-75);
}
.video-conference-create-room-form__input-link .base-input__left-content {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  display: flex;
  margin-right: 0;
  line-height: initial;
  cursor: text;
  color: var(--b4b4b4-or-ffffff-30);
}
.video-conference-create-room-form__input-link .base-input__left-content::after {
  content: '/';
}
.video-conference-create-room-form__input-name .base-input__content-wrapper {
  border-radius: 8px 8px 0 0;
}
.video-conference-create-room-form__input-link-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 150px;
  direction: rtl;
}
.video-conference-create-room-form__button {
  margin-bottom: 20px;
}
.video-conference-create-room-form__settings {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.video-conference-created-room {
  padding: 8px 16px;
  border-radius: 8px;
  background: var(--f8f8f8-or-212121);
  transition: height ease-in-out 200ms;
  height: 232px;
  overflow: hidden;
}
.video-conference-created-room_collapsed {
  height: 60px;
  cursor: pointer;
}
.video-conference-created-room_collapsed .video-conference-created-room__description {
  max-width: 280px;
}
.video-conference-created-room_collapsed .video-conference-created-room__action-list {
  margin-left: -200px;
}
.video-conference-created-room__edit:not(.video-conference-created-room__edit:empty) ~ .video-conference-created-room__header,
.video-conference-created-room__edit:not(.video-conference-created-room__edit:empty) ~ .video-conference-created-room__options {
  display: none;
}
.video-conference-created-room__header {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.video-conference-created-room__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 204px;
  margin-bottom: 2px;
  color: var(--333e49-or-ffffff-75);
}
.video-conference-created-room__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 204px;
  color: var(--b4b4b4-or-ffffff-30);
}
.video-conference-created-room__action-list {
  display: flex;
  align-items: center;
}
.video-conference-created-room__action + .video-conference-created-room__action {
  margin-left: 12px;
}
.video-conference-created-room__action {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: var(--b4b4b4-or-ffffff-30);
  background: var(--f0f0f0-or-ffffff-03);
  cursor: pointer;
  transition: transform ease-in-out 200ms;
}
.video-conference-created-room__action:hover {
  color: var(--8c8c8c-or-009fe6);
}
.video-conference-created-room__action_collapse {
  transform: rotate(270deg);
}
.video-conference-created-room__action_collapse-open {
  transform: rotate(360deg);
}
.video-conference-created-room__action-icon {
  --size: 20px;
}
.video-conference-created-room__options {
  margin: 19px 0;
}
.video-conference-created-room + .video-conference-created-room {
  margin-top: 8px;
}
.video-conference-created-room-action-delete-confirm {
  max-width: 201px;
}
.video-conference-created-room-action-delete-confirm__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  margin-bottom: 6px;
  color: var(--333e49-or-ffffff-75);
  text-align: left;
}
.video-conference-created-room-action-delete-confirm__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
  color: var(--333e49-50-or-ffffff-75);
  letter-spacing: initial;
}
.notifications-check-popup {
  display: flex;
  flex-direction: column;
  padding: 32px 24px 24px;
  text-align: center;
  background-color: var(--f8f8f8-or-transparent);
}
.notifications-check-popup__icon-block {
  display: flex;
  justify-content: center;
  margin: 0 0 24px;
}
.notifications-check-popup__icon {
  width: 140px;
  height: 100px;
}
.notifications-check-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin: 0 0 8px;
}
.notifications-check-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  margin: 0 0 16px;
}
.notifications-check-popup__clouds-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
.notifications-check-popup__clouds-parent {
  opacity: var(--notifications-check-cloud-opacity);
}
.notifications-check-popup__clouds {
  opacity: 0.8;
}
.notifications-check-popup__cross {
  opacity: 0;
  animation: 0ms delayShow 5000ms linear forwards;
}
.file-upload-limit-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 0 20px;
  text-align: center;
}
.user-status-average-time-info-popup {
  padding: 16px 0 2px;
}
.user-status-average-time-info-popup__content {
  display: grid;
  gap: 8px;
  padding: 0 16px;
}
.user-status-average-time-info-popup__block {
  border-radius: 12px;
  background-color: var(--f8f8f8-or-ffffff-03);
  display: flex;
  width: 328px;
  padding: 12px 16px 14px;
  flex-direction: column;
  align-items: flex-start;
}
.user-status-average-time-info-popup__progress-bar {
  background-color: var(--e6e6e6-or-ffffff-03);
  border-radius: 10px;
  height: 3px;
  width: 296px;
  margin-bottom: 12px;
}
.user-status-average-time-info-popup__block:last-child {
  margin-bottom: 14px;
}
.user-status-average-time-info-popup__block-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 8px;
  color: var(--333e49-or-ffffff-75);
}
.user-status-average-time-info-popup__block-description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: var(--b4b4b4-or-ffffff-30);
}
.user-status-average-time-progress-bar {
  overflow: hidden;
  border-radius: 10px;
  height: 3px;
  width: 195px;
  background-color: var(--e6e6e6-or-2e2e2e);
}
.user-status-average-time-progress-bar_to-info-popup {
  width: 100%;
  margin-bottom: 12px;
}
.user-status-average-time-progress-bar__filler-bar {
  border-radius: 10px;
  height: 100%;
  width: var(--user-status-average-time-progress-bar-filler-width);
}
.user-status-average-time-progress-bar__filler-bar_green-color {
  background-color: var(--05c46b-or-04a45a);
}
.user-status-average-time-progress-bar__filler-bar_orange-color {
  background-color: var(--ffaa33-or-ff9d14);
}
.user-status-average-time-progress-bar__filler-bar_red-color {
  background-color: var(--ff6a64-or-ff4f47);
}
@keyframes spin {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
.user-status-spin-widget-wrapper {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.user-status-spin-widget-wrapper_to-conversation {
  font-size: 13px;
}
.user-status-spin-widget-wrapper_clickable {
  cursor: pointer;
}
.user-status-spin-widget-wrapper_to-user-card {
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  letter-spacing: -0.15px;
}
.user-status-spin-widget-wrapper_to-user-card .user-status-spin-widget__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-status-spin-widget {
  --user-status-spin-widget-item-height: 20px;
  --user-status-spin-widget-animation-opacity-duration: calc(var(--user-status-spin-widget-animation-spin-duration) / 2);
  white-space: nowrap;
  height: var(--user-status-spin-widget-item-height);
  line-height: var(--user-status-spin-widget-item-height);
  color: var(--b4b4b4-or-ffffff-30);
}
.user-status-spin-widget_animation-spin-up .user-status-spin-widget__item:nth-child(1) {
  animation: spin var(--user-status-spin-widget-animation-spin-duration) ease-in-out forwards, fadeIn var(--user-status-spin-widget-animation-opacity-duration) ease-in-out reverse forwards;
  opacity: 1;
}
.user-status-spin-widget_animation-spin-up .user-status-spin-widget__item:nth-child(2) {
  animation: spin var(--user-status-spin-widget-animation-spin-duration) ease-in-out forwards, fadeIn var(--user-status-spin-widget-animation-opacity-duration) ease-in-out forwards;
  animation-delay: 0s, var(--user-status-spin-widget-animation-opacity-duration);
  opacity: 0;
}
.user-status-spin-widget_animation-spin-down .user-status-spin-widget__item:nth-child(1) {
  animation: spin var(--user-status-spin-widget-animation-spin-duration) ease-in-out reverse forwards, fadeIn var(--user-status-spin-widget-animation-opacity-duration) ease-in-out forwards;
  animation-delay: 0s, var(--user-status-spin-widget-animation-opacity-duration);
  opacity: 0;
}
.user-status-spin-widget_animation-spin-down .user-status-spin-widget__item:nth-child(2) {
  animation: spin var(--user-status-spin-widget-animation-spin-duration) ease-in-out reverse forwards, fadeIn var(--user-status-spin-widget-animation-opacity-duration) ease-in-out reverse forwards;
  opacity: 1;
}
.user-status-spin-widget_animation-not-duration .user-status-spin-widget__item {
  animation-duration: 0s !important;
}
.user-status-spin-widget__item {
  height: var(--user-status-spin-widget-item-height);
}
.user-status-spin-widget__item_online_conversation {
  color: var(--2574a9-or-2574a9);
}
.user-status-spin-widget__item_online_user-card {
  color: var(--2574a9-or-2574a9);
}
.user-status-spin-widget__item-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.user-status-spin-widget__item-skeleton {
  border-radius: 5px;
  height: 16px;
  margin: 2px 0;
}
.user-status-spin-widget__item-skeleton_user-card {
  width: 118px;
  background-color: var(--f0f0f0-or-ffffff-03);
}
.user-status-spin-widget__item-skeleton_conversation {
  width: 108px;
  background-color: var(--f8f8f8-or-ffffff-03);
}
.user-status-spin-widget__item-icon {
  --size: 20px;
  margin-left: 4px;
}
.session-management {
  background: var(--f8f8f8-or-1c1c1c);
  border-radius: 8px;
  height: 100%;
  overflow: hidden;
  padding: 52px 16px 2px;
}
.session-management__content {
  overflow-y: scroll;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.session-management__content:has(.placeholder-line) {
  overflow: hidden;
}
.session-management__container-list {
  height: 100%;
}
.session-management__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  text-align: center;
  margin-bottom: 4px;
  color: var(--333e49-or-ffffff-75);
}
.session-management__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
  color: var(--333e49-or-ffffff-75);
}
.session-management__session-list-content:last-child {
  padding-bottom: 14px;
}
.session-management__session-list-header {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 11px;
  padding: 0 4px;
}
.session-management__session-list-button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: var(--b4b4b4-or-ffffff-30);
}
.session-management__session-list-button_clickable {
  cursor: pointer;
  color: var(--009fe6-or-009fe6);
}
.session-management__session-list-button_clickable:hover {
  color: var(--0082bd-or-0082bd);
}
.session-management__session-list {
  width: 100%;
  background: var(--ffffff-or-ffffff-03);
  border-radius: 12px;
  overflow: hidden;
}
.session-management__session-item {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: 328px;
  height: 64px;
  padding: 0 16px;
}
.session-management__session-item:hover {
  background: var(--f5f5f5-or-transparent);
}
.session-management__session-item:has(.placeholder-circle) {
  cursor: default;
}
.session-management__session-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 64px;
  right: 0;
  height: 1px;
  background-color: var(--f0f0f0-or-ffffff-05);
}
.session-management__session-item:last-child::after {
  display: none;
}
.session-management__session-item-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.16px;
  flex-grow: 1;
  flex-shrink: 1;
  color: var(--333e49-or-ffffff-75);
  margin-left: 8px;
}
.session-management__session-item-status {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  margin-left: 8px;
  white-space: nowrap;
  color: var(--b4b4b4-or-ffffff-30);
}
.session-management__session-item-status:not(:has(.session-management__status-online)) {
  margin-top: 2px;
}
.session-management__session-item-icon {
  --size: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: var(--f8f8f8-or-ffffff-03);
  color: var(--b4b4b4-or-ffffff-30);
}
.session-management__status-online {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--05c46b-or-04a45a);
}
.session-management__error-stub {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 200px;
}
.session-info {
  background: var(--f8f8f8-or-1c1c1c);
  border-radius: 8px;
  padding: 51px 16px 16px;
}
.session-info__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  text-align: center;
  color: var(--333e49-or-ffffff-70);
}
.session-info__status {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
  text-align: center;
  color: var(--b4b4b4-or-ffffff-30);
}
.session-info__status:has(.session-info__status-online) {
  margin-right: 4px;
}
.session-info__status-online {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: 6px;
  background: var(--05c46b-or-04a45a);
}
.session-info__info-list {
  margin-top: 25px;
  width: 100%;
  background: var(--ffffff-or-ffffff-03);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
}
.session-info__item-info {
  display: flex;
  align-items: center;
  width: 328px;
  height: 44px;
  padding: 0 16px;
}
.session-info__item-info:not(:last-child) {
  height: 45px;
  border-bottom: 1px solid var(--f0f0f0-or-ffffff-05);
}
.session-info__item-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  white-space: nowrap;
  color: var(--333e49-or-ffffff-75);
  flex-grow: 1;
}
.session-info__item-value {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-overflow: ellipsis;
  overflow: hidden;
  flex-shrink: 1;
  white-space: nowrap;
  color: var(--b4b4b4-or-ffffff-30);
}
.session-info__footer_button {
  margin-top: 24px;
}
.session-info__footer_text {
  margin-top: 16px;
}
.session-info__unknown-block {
  margin-top: 16px;
}
.session-info__notification {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
  background: var(--f0f0f0-or-ffffff-03);
  padding: 12px 17px;
  border-radius: 12px;
  color: var(--677380-or-ffffff-50);
}
.qrcode {
  overflow: hidden;
  padding: 20px;
  user-select: none;
}
.qrcode__content {
  height: 326px;
  display: inline-flex;
  flex-direction: column;
  background: var(--f8f8f8-or-ffffff-03);
  border-radius: 12px;
}
.qrcode__container {
  background: var(--ffffff-or-ffffff);
  border-radius: 15px;
  margin: 32px 57px 24px;
  position: relative;
  padding: 16px;
}
.qrcode__container_preloader {
  pointer-events: none;
}
.qrcode .qrcode__container_preloader::after {
  content: '';
  display: block;
  position: absolute;
  background: url('../images/global/preloader-gray.svg') center no-repeat;
  animation: linear 500ms infinite rotatePreloader;
  background-size: 24px;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}
.qrcode__img {
  width: 173px;
  height: 173px;
  pointer-events: none;
}
.qrcode__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--333e49-or-ffffff-75);
  margin-bottom: 16px;
}
.qrcode__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 0 24px;
  text-align: center;
  color: var(--333e49-or-ffffff-75);
  margin-bottom: 24px;
}
.qrcode__error-stub {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 200px;
}
.last-message-read {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0;
  display: flex;
  width: fit-content;
  gap: 2px;
  align-items: center;
  cursor: pointer;
  margin-top: 8px;
  color: var(--b4b4b4-or-ffffff-30);
}
.last-message-read:hover {
  color: var(--a1a1a1-or-ffffff-50);
}
.last-message-read__count {
  display: flex;
  margin-left: 2px;
}
.last-message-read__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 300px;
}
.last-message-read_placeholder {
  width: 114px;
  height: 16px;
  border-radius: 4px;
  background: var(--f8f8f8-or-ffffff-02);
  color: transparent;
  user-select: none;
  pointer-events: none;
}
.last-message-read_inactive {
  pointer-events: none;
}
.read-message-user-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  overflow: auto;
  height: 100%;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.read-message-user-list.virtual-scroll {
  padding-bottom: 22px;
}
.read-message-user-list.virtual-scroll .read-message-user-list__header {
  padding-bottom: 20px;
}
.read-message-user-list__header {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  padding: 18px 20px 10px;
}
.read-message-user-list__content {
  position: unset;
}
.read-message-user-list__content:has(.read-message-user-list__error-stub) {
  min-height: 178px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.read-message-user-list__error-stub {
  height: fit-content;
  padding: 40px 20px 48px;
}
.read-message-user-list__error-stub_group {
  padding: 0 20px 108px;
}
.read-message-user-list__user:hover {
  cursor: pointer;
}
.read-message-user-list__user-placeholder:last-child {
  margin-bottom: 22px;
}
.read-message-user-list__user-placeholder:first-child {
  margin-top: 10px;
}
.read-message-user-list_popover {
  width: 358px;
  max-height: 285px;
}
.read-message-user-list_popover.virtual-scroll {
  padding: 2px 0;
}
.read-message-user-list_popover .read-message-user-list__user-placeholder:last-child {
  margin-bottom: 2px;
}
.read-message-user-list_popover .read-message-user-list__user-placeholder:first-child {
  margin-top: 2px;
}
.read-message-user-list_popover .read-message-user-list__error-stub {
  height: 100%;
  padding: 0 34px;
  background-color: transparent;
  min-height: 135px;
}
.read-message-user-list_popover .read-message-user-list__error-stub_group {
  padding: 0 34px;
}
.read-message-user-list_popover .read-message-user-list__content:has(.read-message-user-list__error-stub) {
  min-height: var(--min-height, fit-content);
}
.read-message-user-list_popover .read-message-user-list__user:hover {
  background-color: var(--009fe6-05-or-2e2e2e);
}
.read-message-user-list_popover .read-message-user-list__user:hover .avatar::after {
  display: var(--mention-user-active-avatar-display);
  content: '';
  border: 1.5px solid var(--ffffff-or-272727);
  box-shadow: 0 0 0 1.5px var(--009fe6-or-006b30);
  height: 38.5px;
  width: 38.5px;
  border-radius: 50%;
  position: absolute;
}
.smart-app-popup {
  --navigation-height: 38px;
}
.smart-app-popup .alert {
  inset: var(--navigation-height) 0 0 0;
}
.smart-app-popup:has(.title-bar) {
  --navigation-height: 42px;
}
.smart-app-popup__webview {
  width: min(var(--smart-app-popup-width), 100vw);
  height: min(var(--smart-app-popup-height), 100vh);
}
.smart-app-popup__stub {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--ffffff-or-1c1c1c);
}
.smart-app-popup__stub .popup-empty__text {
  max-width: 288px;
}
.smart-app-popup-certificate-error__svg-icon {
  width: 80px;
  height: 80px;
  display: block;
  margin-bottom: 24px;
  background: url('../images/icons/error-notification.svg') center no-repeat;
}
.smart-app-popup-certificate-error__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.smart-app-popup-certificate-error__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  max-width: 430px;
  margin-bottom: 24px;
  text-align: center;
}
.smart-app-popup-certificate-error__code {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.smart-app-popup-certificate-error__actions {
  width: 280px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.smart-app-window {
  background: var(--webview-smart-app-background, transparent);
  height: 100%;
}
.smart-app-window-container {
  background: var(--webview-smart-app-background, transparent);
  height: calc(100% - var(--navigation-height));
}
.smart-app-stub__overlay {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--04040a-50-or-1c1c1c);
  padding: 40px 0;
  border-radius: 0 0 0.6rem 0.6rem;
  box-sizing: border-box;
  border: 1px solid var(--ffffff-or-000000);
  border-top-width: 0;
}
.smart-app-stub__container {
  background: var(--popover-background-color);
  width: 360px;
  border-radius: 8px;
}
.smart-app-stub__header {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin: 0;
  padding: 20px 20px 0;
}
.smart-app-stub__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 4px 20px 12px;
  display: block;
}
.smart-app-stub__input {
  width: 100%;
  border-radius: 8px;
  font-size: 15px;
  line-height: 18px;
  overflow-y: hidden;
  padding: 9px 12px;
  color: var(--popup-input-color);
  background: var(--popup-input-background-color);
}
.smart-app-stub__input::placeholder {
  color: var(--popup-input-placeholder-color);
}
.smart-app-stub__show-token {
  --size: 20px;
  position: absolute;
  top: 7px;
  right: 7px;
  color: var(--b4b4b4-or-ffffff-30);
  cursor: pointer;
}
.smart-app-stub__show-token:hover {
  color: var(--a1a1a1-or-009fe6);
}
.smart-app-stub__input-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 16px 0;
}
.smart-app-stub__input-wrapper {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  border-radius: 5px;
  color: var(--popup-input-color);
  background: var(--popup-input-background-color);
}
.smart-app-stub__input-wrapper::placeholder {
  color: var(--popup-input-placeholder-color);
}
.smart-app-stub__input-secret-key {
  flex: 1;
  line-height: 18px;
  background-color: transparent;
  padding-right: 30px;
}
.smart-app-stub__input-secret-key[type='password'] {
  width: var(--card-common-info-input-width-skeleton);
  color: var(--677380-or-ffffff-75);
}
.smart-app-stub__input-secret-key[type='text'] {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.smart-app-stub__button-group {
  padding: 16px;
  display: flex;
  justify-content: space-between;
}
.smart-app-service-avatar {
  overflow: hidden;
}
.smart-app-service-avatar.avatar[style*='background-image'] {
  background-color: var(--ffffff-or-ffffff);
}
.smart-app-service-avatar:hover .smart-app-service-avatar__container {
  opacity: 1;
  background-color: var(--04040a-30-or-000000-30);
}
.smart-app-service-avatar__container {
  --size: 42px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--ffffff-80-or-ffffff-80);
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  user-select: none;
  pointer-events: none;
}
.smart-app-service-avatar__container_hidden {
  opacity: 0;
}
.smart-app-service-cross__circle {
  fill: var(--ffffff-or-ffffff-03);
}
.smart-app-service-cross__circle:hover {
  fill: var(--ffffff-or-ffffff-03);
}
.smart-app-service {
  border-radius: 8px;
  background-color: var(--f8f8f8-or-1c1c1c);
  overflow: hidden;
  height: 100%;
}
.smart-app-service__scroll {
  overflow: hidden scroll;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.smart-app-service__avatar-container {
  padding: 12px;
  background-color: var(--f8f8f8-or-1c1c1c);
}
.smart-app-service__avatar-container:not(.cursor-default) {
  cursor: pointer;
}
.smart-app-service__header {
  position: sticky;
  top: 0;
  padding: 46px 20px 16px;
  background-color: var(--f8f8f8-or-1c1c1c);
}
.smart-app-service__title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
}
.smart-app-service__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 8px;
  padding: 0 16px;
}
.smart-app-service__input-container {
  display: flex;
  flex-direction: column;
  gap: 1px;
  border-radius: 12px;
  overflow: hidden;
}
.smart-app-service__input {
  --input-height: 44px;
}
.smart-app-service__input .base-input__content-wrapper {
  padding: 9px 15px;
  background-color: var(--ffffff-or-ffffff-03);
  border-radius: inherit;
}
.smart-app-service__input .base-input__input {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.smart-app-service__input .base-input__content-wrapper_error {
  border-color: transparent;
}
.smart-app-service__input .base-input__content-wrapper_error .base-input__input::placeholder {
  color: var(--ff6a64-65-or-ff4f47-65);
}
.smart-app-service__input_switch .base-input__left-content {
  --check-box-weight: 400;
}
.smart-app-service__generate-uniq-name {
  width: 20px;
  height: 20px;
  color: var(--009fe6-or-009fe6);
}
.smart-app-service__generate-uniq-name:hover {
  color: var(--0082bd-or-0082bd);
}
.smart-app-service__footer {
  padding: 16px;
  background-color: var(--f8f8f8-or-1c1c1c);
}
.smart-app-service__footer_edit {
  position: sticky;
  bottom: 0;
  border-top: 1px solid var(--f0f0f0-or-ffffff-03);
}
.smart-app-service__footer_data-loss {
  position: sticky;
  bottom: 0;
  padding-left: 20px;
}
.smart-app-service__edit-footer {
  display: flex;
  justify-content: space-between;
}
.smart-app-service-input-switch {
  display: flex;
  align-items: center;
  gap: 5px;
}
.smart-app-service-input-switch__question-icon {
  --size: 18px;
  display: flex;
  color: var(--b4b4b4-or-ffffff-30);
}
.smart-app-service-select-size {
  display: flex;
  flex-direction: column;
  background-color: var(--ffffff-or-ffffff-03);
  height: 140px;
  transition: height 260ms ease-in-out, opacity 350ms ease-in-out;
}
.smart-app-service-select-size_close {
  height: 0;
  opacity: 0;
}
.smart-app-service-select-size_disabled {
  pointer-events: none;
  user-select: none;
}
.smart-app-service-select-size__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding: 11px 16px 10px;
}
.smart-app-service-select-size__buttons {
  display: flex;
  gap: 8px;
  padding: 0 12px 13px;
}
.smart-app-service-select-size__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  width: 100%;
  cursor: pointer;
}
.smart-app-service-select-size__button_active .smart-app-service-select-size__button-icon {
  box-shadow: 0 0 0 1px var(--009fe6-or-009fe6);
}
.smart-app-service-select-size__button-icon {
  --icon-height: 100%;
  --icon-width: 100%;
  width: 100%;
  height: 63px;
  border-radius: 4px;
  padding: 4px;
  background-color: var(--f0f0f0-or-171717);
}
.smart-app-service-select-size__button-text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: var(--677380-or-ffffff-75);
}
.smart-app-service-data-loss {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.smart-app-service-data-loss__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
}
.smart-app-service-data-loss__buttons {
  display: flex;
  gap: 12px;
}
.smart-app-service-remove-popup__remove-button {
  --size: 20px;
  gap: 4px;
}
.smart-app-service-button-block {
  display: flex;
  justify-content: space-between;
  padding: 9px 16px 9px 15px;
}
.smart-app-service-button-block.base-input__content-wrapper {
  background-color: var(--ffffff-or-ffffff-03);
  border-radius: inherit;
}
.smart-app-service-button-block:hover {
  cursor: pointer;
}
.smart-app-service-button-block_disabled {
  pointer-events: none;
  user-select: none;
}
.smart-app-service-button-block__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.smart-app-service-button-block__icon {
  --size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.smart-app-service-button-block_delete {
  color: var(--ff6a64-or-ff4f47);
}
.smart-app-service-button-block_close .smart-app-service-button-block__icon-svg {
  color: var(--b4b4b4-or-ffffff-30);
}
.smart-app-title-bar {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--f0f0f0-or-ffffff-10);
  padding: 9px 14px 8px 16px;
  background: var(--ffffff-or-383837);
  z-index: 1;
}
.smart-app-title-bar_window {
  -webkit-app-region: drag;
  height: var(--navigation-height);
  transition: padding-left 350ms ease;
}
.smart-app-title-bar_controls-left {
  padding-left: 90px;
}
.smart-app-title-bar__container {
  -webkit-app-region: no-drag;
  display: flex;
  gap: 16px;
  align-items: center;
}
.smart-app-title-bar__container_left {
  gap: 14px;
}
.smart-app-title-bar__group {
  display: flex;
}
.smart-app-title-bar__group[data-group='history'] {
  --size: 26px;
  gap: 8px;
}
.smart-app-title-bar__button {
  --size: 24px;
  color: var(--8c8c8f-or-ffffff-60);
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.smart-app-title-bar__button:hover {
  color: var(--333e49-or-ffffff);
}
.smart-app-title-bar__button[data-button-name='reloadPage'] {
  --size: 22px;
}
.smart-app-title-bar__button[data-button-name='historyPrev'] {
  transform: rotate(90deg);
}
.smart-app-title-bar__button[data-button-name='historyNext'] {
  transform: rotate(-90deg);
}
.smart-app-title-bar__icon {
  display: flex;
}
.version-history {
  height: 100%;
  padding-top: 17px;
  margin-bottom: 2px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  user-select: none;
}
.version-history__header {
  display: flex;
  padding: 0 16px;
  gap: 12px;
  margin-bottom: 19px;
}
.version-history__icon {
  width: 40px;
  height: 40px;
  border: 1px solid var(--f0f0f0-or-transparent);
  border-radius: 8px;
}
.version-history__title-block {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.version-history__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 19px;
  color: var(--333e49-or-ffffff-80);
}
.version-history__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: var(--b4b4b4-or-ffffff-30);
}
.version-history__filter-block {
  padding: 0 12px;
  margin-bottom: 8px;
}
.version-history__content-block {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  user-select: text;
  padding: 4px 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: var(--333e49-or-ffffff-75);
  overflow: hidden scroll;
}
.version-history-filter-block {
  gap: 8px;
}
.version-history-filter-block__item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  border-radius: 20px;
  padding: 0 9px;
  border: 1px solid var(--b4b4b4-20-or-ffffff-10);
  cursor: pointer;
  white-space: nowrap;
}
.version-history-filter-block__item:hover {
  border-color: var(--b4b4b4-45-or-006be0-50);
}
.version-history-filter-block__item:hover .version-history-filter-block__item-title {
  color: var(--8e99a4-or-009fe6);
}
.version-history-filter-block__item_active {
  background-color: var(--007aff-10-or-006be0-10);
  border: 1px solid transparent;
  pointer-events: none;
}
.version-history-filter-block__item_active .version-history-filter-block__item-title {
  color: var(--2574a9-or-009fe6);
}
.version-history-filter-block__item-title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0;
  color: var(--677380-or-ffffff-50);
}
.version-history-filter-block__fade {
  content: '';
  position: absolute;
  height: 100%;
  background: linear-gradient(90deg, var(--ffffff-or-1c1c1c) 14.05%, transparent 92.26%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  width: 16px;
}
.version-history-filter-block__fade_right {
  right: 0;
  top: 0;
  background: linear-gradient(90deg, var(--ffffff-or-1c1c1c) 14.05%, transparent 92.26%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.version-history-filter-block__fade_left {
  left: 0;
  top: 0;
  background: linear-gradient(270deg, var(--ffffff-or-1c1c1c) 14.05%, transparent 92.26%);
}
.context-menu-message__additional-wrapper {
  border: 1px solid var(--popover-border-color);
  background-color: var(--popover-background-color);
  box-shadow: 0 2px 4px var(--popover-shadow-color);
  border-radius: 5px;
}
.context-menu-message__reactions-wrapper {
  margin-left: -2px;
  display: flex;
  gap: 9px;
}
.context-menu-message__reactions-wrapper .emoji-menu__smile {
  height: 32px;
  width: 32px;
}
.context-menu-message .menu-popover__text:has(.context-menu-message__reactions-wrapper) {
  width: 100%;
}
.captcha-block {
  min-height: 450px;
}
.captcha-block__iframe {
  display: flex;
  border: none;
  width: 100%;
  height: 100%;
}
.circle-header-component {
  --circle-header-component-size: 100px;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--circle-header-component-size);
  height: var(--circle-header-component-size);
  margin: 0 auto;
  border-radius: 50%;
  padding: 10px;
}
.circle-header-component_variant_light {
  background-color: var(--ffffff-or-1c1c1c);
}
.circle-header-component_variant_dark {
  background-color: var(--ffffff-or-272727);
}
.circle-header-component_variant_gray {
  background-color: var(--f8f8f8-or-1c1c1c);
}
.circle-header-component-icon {
  --size: 100%;
}
.circle-header-component-icon__svg {
  padding: 2px;
}
.button-component:not(:disabled) {
  cursor: pointer;
}
.button-component_variant_primary {
  font-family: Lato, Arial, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  border-radius: 5px;
  padding: 6px 16px;
  color: var(--ffffff-or-ffffff);
  background: var(--009fe6-or-006be0);
}
.button-component_variant_primary:hover {
  background: var(--0088c4-or-0058b8);
}
.data-loss-alert {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.data-loss-alert__text-wrapper {
  display: flex;
  flex-direction: column;
}
.data-loss-alert__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  color: var(--333e49-or-ffffff-70);
  margin-bottom: 1px;
}
.data-loss-alert__title:has( ~ .data-loss-alert__description) {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
}
.data-loss-alert__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
.data-loss-alert__buttons {
  display: flex;
  gap: 12px;
}
.password-visibility-toggle-button {
  --size: var(--password-visibility-toggle-button-size, 18px);
  display: flex;
  color: var(--password-visibility-toggle-button-color, var(--b4b4b4-or-ffffff-30));
  cursor: pointer;
}
.password-visibility-toggle-button:hover {
  color: var(--password-visibility-toggle-button-hover-color, var(--a1a1a1-or-ffffff-75));
}
.password-visibility-toggle-button_show-password {
  --eye-open: 1;
  --eye-close: 0;
}
.password-visibility-toggle-button_hide-password {
  --eye-open: 0;
  --eye-close: 1;
}
.checkbox-component {
  --checkbox-component-indicator-default-size: 18px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.checkbox-component__indicator {
  --size: calc(var(--checkbox-component-indicator-size, var(--checkbox-component-indicator-default-size)) * 0.78);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--checkbox-component-indicator-size, var(--checkbox-component-indicator-default-size));
  height: var(--checkbox-component-indicator-size, var(--checkbox-component-indicator-default-size));
  border: 1px solid var(--007aff-or-006be0);
  border-radius: 5px;
  color: transparent;
  cursor: pointer;
}
.checkbox-component__input:checked ~ .checkbox-component__indicator {
  color: var(--ffffff-or-ffffff);
  background-color: var(--007aff-or-006be0);
}
.checkbox-component__input {
  display: none;
}
.checkbox-component__text {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
}
.app-lock-password-input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  --base-input-content-wrapper-padding: 9px 36px 9px 13px;
  --base-input-content-wrapper-color: var(--app-lock-password-input-color, var(--333e49-or-ffffff-75));
  --base-input-content-wrapper-caret-color: var(--app-lock-password-input-caret-color, var(--333e49-or-ffffff-75));
  --base-input-content-wrapper-background-color: transparent;
  --base-input-content-wrapper-placeholder-color: var(--app-lock-password-input-placeholder-color, var(--b4b4b4-or-ffffff-30));
  --error-color: transparent;
  border-radius: 8px;
  background-color: var(--app-lock-password-input-background-color, var(--f8f8f8-or-171717));
}
.app-lock-password-input:has(.base-input__content-wrapper_error) .base-input__input {
  color: var(--ff6a64-or-ff4f47);
}
.app-lock-password-input__input-wrapper {
  width: 100%;
}
.app-lock-password-input__toggle-button {
  display: var(--app-lock-password-input-toggle-button-display, inline-flex);
  position: absolute;
  top: 50%;
  right: var(--app-lock-password-input-toggle-button-right, 8px);
  background: transparent;
  transform: translateY(-50%);
}
.app-lock-entry-verification-popup {
  padding: 24px 16px;
}
.app-lock-entry-verification-popup_common {
  --app-lock-verification-form-logotype-background-color: transparent;
  --app-lock-verification-form-error-stub-color: var(--333e49-or-ff4f47-80);
  --app-lock-verification-form-error-stub-background-color: var(--ff6a64-10-or-171717-10);
  --app-lock-verification-form-touch-id-button-color: var(--677380-or-ffffff-30);
  --app-lock-verification-form-touch-id-button-hover-color: var(--333e49-or-ffffff-75);
  --app-lock-password-input-color: var(--333e49-or-ffffff-75);
  --app-lock-password-input-caret-color: var(--333e49-or-ffffff-75);
  --app-lock-password-input-placeholder-color: var(--333e49-30-or-ffffff-30);
  --app-lock-verification-form-input-background-color: var(--f5f5f5-or-171717);
  --app-lock-verification-form-input-toggle-show-button-background-color: var(--b4b4b4-or-ffffff-30);
  --app-lock-verification-form-input-toggle-show-button-hover-background-color: var(--a1a1a1-or-ffffff-75);
  --app-lock-verification-form-input-enter-button-color: var(--ffffff-or-ffffff);
  --app-lock-verification-form-input-enter-button-background-color: var(--007aff-or-007aff);
  --app-lock-verification-form-input-enter-button-hover-color: var(--ffffff-or-ffffff);
  --app-lock-verification-form-input-enter-button-hover-background-color: var(--007aff-or-006be0);
  --app-lock-verification-form-input-enter-button-disabled-color: var(--dcdcdc-or-ffffff-30);
  --app-lock-verification-form-input-enter-button-disabled-background-color: var(--ffffff-or-ffffff-03);
}
.app-lock-entry-verification-popup_without-error {
  --app-lock-verification-form-logotype-margin-bottom: 24px;
  --app-lock-verification-form-touch-id-button-margin-top: 24px;
  --app-lock-verification-form-touch-id-button-margin-bottom: 8px;
}
.app-lock-entry-verification-popup_error {
  --app-lock-verification-form-logotype-margin-bottom: 8px;
  --app-lock-verification-form-touch-id-button-margin-top: 16px;
}
.app-lock-entry-verification-popup .app-lock-verification-form__error-stub {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  padding: 13px 6px 11px;
}
.app-lock-entry-verification-popup:has(.app-lock-verification-form__error-stub:not(.hidden)) {
  padding-bottom: 16px;
}
.app-lock-setup-popup {
  padding: 52px 16px 16px;
}
.app-lock-setup-popup__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
  text-align: center;
}
.app-lock-setup-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
}
.app-lock-setup-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  width: 80%;
}
.app-lock-setup-popup__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.app-lock-setup-popup-form-input {
  --password-visibility-toggle-button-size: 20px;
}
.app-lock-verification-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.app-lock-verification-form__logotype {
  --app-lock-verification-form-logotype-size: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: var(--app-lock-verification-form-logotype-margin-bottom);
  width: var(--app-lock-verification-form-logotype-size);
  height: var(--app-lock-verification-form-logotype-size);
  background-color: var(--app-lock-verification-form-logotype-background-color);
}
.app-lock-verification-form__logotype-icon {
  width: var(--app-lock-verification-form-logotype-icon-size, 80px);
  height: var(--app-lock-verification-form-logotype-icon-size, 80px);
}
.app-lock-verification-form__error-stub {
  border-radius: 8px;
  padding: 13px 12px;
  width: 256px;
  text-align: center;
  color: var(--app-lock-verification-form-error-stub-color);
  background-color: var(--app-lock-verification-form-error-stub-background-color);
}
.app-lock-verification-form__touch-id-button {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0;
  --size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: var(--app-lock-verification-form-touch-id-button-margin-top);
  margin-bottom: var(--app-lock-verification-form-touch-id-button-margin-bottom, 0);
  color: var(--app-lock-verification-form-touch-id-button-color);
  transition: color 0.1s ease-out;
}
.app-lock-verification-form__touch-id-button:not([disabled]) {
  cursor: pointer;
}
.app-lock-verification-form__touch-id-button:not([disabled]):hover {
  color: var(--app-lock-verification-form-touch-id-button-hover-color);
}
.app-lock-verification-form-input {
  --base-input-content-wrapper-padding: 9px 69px 9px 13px;
  --app-lock-password-input-toggle-button-right: 41px;
  border-radius: 36px;
  width: 240px;
  background-color: var(--app-lock-verification-form-input-background-color);
}
.app-lock-verification-form-input_disabled {
  display: none !important;
  user-select: none;
  pointer-events: none;
}
.app-lock-verification-form-input__enter-button {
  position: absolute;
  top: 50%;
  right: 4px;
  display: inline-flex;
  border-radius: 50%;
  padding: 2px;
  color: var(--app-lock-verification-form-input-enter-button-color);
  background-color: var(--app-lock-verification-form-input-enter-button-background-color);
  transform: translateY(-50%);
  transition: color 0.1s ease-out, background-color 0.1s ease-out;
}
.app-lock-verification-form-input__enter-button:not(:disabled) {
  cursor: pointer;
}
.app-lock-verification-form-input__enter-button:not(:disabled):hover {
  color: var(--app-lock-verification-form-input-enter-button-hover-color);
  background-color: var(--app-lock-verification-form-input-enter-button-hover-background-color);
}
.app-lock-verification-form-input__enter-button:disabled {
  color: var(--app-lock-verification-form-input-enter-button-disabled-color);
  background-color: var(--app-lock-verification-form-input-enter-button-disabled-background-color);
}
.app-lock-verification-form-input__enter-button-icon {
  transform: rotate(180deg);
}
.app-lock-verification-form-input_toggle-button-hidden {
  --app-lock-password-input-toggle-button-display: none;
}
.app-lock-verification-form-input:has(.base-input__input:placeholder-shown) {
  --base-input-content-wrapper-padding: 9px 40px 9px 13px;
}
.app-lock-verification-form-touch-id-button__tab-icon {
  --icon-width: 28px;
  --icon-height: 18px;
  margin-right: 2px;
  opacity: 0.5;
}
.app-lock-management-popup {
  background: var(--f8f8f8-or-1c1c1c);
  color: var(--333e49-or-ffffff-75);
  padding: 52px 16px 16px;
  height: 100%;
  border-radius: 8px;
}
.app-lock-management-popup__button {
  transition: color 0.1s ease-out;
  color: var(--2574a9-or-009fe6);
}
.app-lock-management-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.2px;
  text-align: center;
  margin-bottom: 4px;
}
.app-lock-management-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
}
.app-lock-management-popup__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.app-lock-management-popup__block-list {
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}
.app-lock-management-popup__block-item {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  background: var(--ffffff-or-ffffff-03);
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.app-lock-management-popup__block-item_not-clickable {
  cursor: default;
}
.app-lock-management-popup__block-item_active .app-lock-management-popup__select {
  color: var(--009fe6-or-009fe6);
}
.app-lock-management-popup__block-item:not(:last-child) {
  margin-bottom: 1px;
}
.app-lock-management-popup__block-item:hover .app-lock-management-popup__button {
  color: var(--1d5c86-or-1d5c86);
}
.app-lock-management-popup__block-item:hover .app-lock-management-popup__select {
  color: var(--009fe6-or-009fe6);
}
.app-lock-management-popup__switch {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
}
.app-lock-management-popup__select {
  transition: color 0.1s ease-out;
}
.app-lock-unlock-screen {
  --app-lock-verification-form-logotype-icon-size: 66px;
  position: fixed;
  top: var(--title-bar-height);
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--content-height);
  background: linear-gradient(128.05deg, var(--393a4d-or-212121) -6.21%, var(--303140-or-191919) 28.72%, var(--17161a-or-171717) 132%);
  z-index: var(--security-screen-z-index);
}
.app-lock-unlock-screen_common {
  --app-lock-verification-form-logotype-background-color: var(--ffffff-or-ffffff);
  --app-lock-verification-form-error-stub-color: var(--ffffff-or-ffffff-75);
  --app-lock-verification-form-error-stub-background-color: var(--ffffff-10-or-ffffff-10);
  --app-lock-verification-form-touch-id-button-color: var(--ffffff-50-or-ffffff-50);
  --app-lock-verification-form-touch-id-button-hover-color: var(--ffffff-or-ffffff);
  --app-lock-password-input-color: var(--ffffff-or-ffffff-75);
  --app-lock-password-input-caret-color: var(--ffffff-or-ffffff-75);
  --app-lock-password-input-placeholder-color: var(--ffffff-30-or-ffffff-30);
  --password-visibility-toggle-button-color: var(--ffffff-30-or-ffffff-30);
  --password-visibility-toggle-button-hover-color: var(--ffffff-75-or-ffffff-75);
  --app-lock-verification-form-input-background-color: var(--000000-10-or-000000-20);
  --app-lock-verification-form-input-toggle-show-button-background-color: var(--ffffff-30-or-ffffff-30);
  --app-lock-verification-form-input-toggle-show-button-hover-background-color: var(--ffffff-75-or-ffffff-75);
  --app-lock-verification-form-input-enter-button-color: var(--ffffff-or-ffffff);
  --app-lock-verification-form-input-enter-button-background-color: var(--007aff-or-007aff);
  --app-lock-verification-form-input-enter-button-hover-color: var(--ffffff-or-ffffff);
  --app-lock-verification-form-input-enter-button-hover-background-color: var(--007aff-or-006be0);
  --app-lock-verification-form-input-enter-button-disabled-color: var(--ffffff-30-or-ffffff-30);
  --app-lock-verification-form-input-enter-button-disabled-background-color: var(--ffffff-05-or-ffffff-05);
  height: 194px;
}
.app-lock-unlock-screen_without-error {
  --app-lock-verification-form-logotype-margin-bottom: 32px;
  --app-lock-verification-form-touch-id-button-margin-top: 24px;
}
.app-lock-unlock-screen_error {
  --app-lock-verification-form-logotype-margin-bottom: 20px;
  --app-lock-verification-form-touch-id-button-margin-top: 12px;
}
.app-lock-unlock-screen__ellipse {
  opacity: 0.2;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('../images/appLock/app-lock-unlock-screen-ellipses.svg') no-repeat center / cover;
  user-select: none;
  pointer-events: none;
}
.app-lock-unlock-screen .app-lock-verification-form__error-stub {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
}
.run-file-or-script-popup {
  padding: 52px 20px 20px;
}
.run-file-or-script-popup__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  border-bottom: 1px dashed var(--separator-color-dashed);
  padding-bottom: 23px;
  margin-bottom: 16px;
}
.run-file-or-script-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
}
.run-file-or-script-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
}
.run-file-or-script-popup__description-format {
  font-weight: 700;
}
.run-file-or-script-popup__checkbox {
  --checkbox-component-indicator-size: 16px;
}
.run-file-or-script-popup__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.integration-setup-popup {
  background: var(--ffffff-or-1c1c1c);
  padding: 16px 20px 20px;
  height: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.integration-setup-popup__item:not(:first-child) {
  border-top: 1px dashed var(--separator-color-dashed);
  padding-top: 19px;
  margin-top: 4px;
}
.integration-setup-popup__header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.integration-setup-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 19px;
  text-align: left;
  margin-left: 8px;
  margin-top: 4px;
}
.integration-setup-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.integration-setup-popup__input-label {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 8px;
  margin-top: 12px;
}
.integration-setup-popup__input-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.integration-setup-popup__instruction {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  width: fit-content;
  cursor: pointer;
}
.integration-setup-popup__content {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-bottom: 5px;
}
.integration-setup-popup__icon {
  display: block;
}
.integration-setup-popup__avatar {
  background-size: cover;
  background-repeat: no-repeat;
  color: var(--f5f5f5-or-f5f5f5);
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  font-size: 10px;
  line-height: 10px;
  margin-top: 4px;
}
.integration-setup-popup-placeholder {
  padding-top: 5px;
}
.integration-setup-popup-placeholder__header {
  margin-bottom: 14px;
}
.integration-setup-popup-placeholder__title {
  margin-left: 8px;
}
.integration-setup-popup-placeholder__content {
  gap: 7px;
  margin-bottom: 23px;
}
.integration-setup-popup-placeholder__buttom {
  padding-top: 2px;
  display: flex;
  justify-content: space-between;
}
.integration-setup-popup-stub-server-error {
  padding: 20px 12px 12px;
  text-align: center;
}
.integration-setup-popup-stub-server-error__icon-block {
  height: 105px;
}
.integration-setup-popup-stub-server-error__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  margin-top: 8px;
}
.integration-setup-popup-stub {
  padding: 20px 12px 23px;
  text-align: center;
}
.integration-setup-popup-stub__icon {
  height: 60px;
  width: 60px;
  color: var(--dcdcdc-or-dcdcdc);
  margin: 0 auto;
}
.integration-setup-popup-stub__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0;
  margin-top: 8px;
  color: var(--b4b4b4-or-b4b4b4);
}
.integration-button__create {
  transition: color 0.1s ease-out;
  margin-top: 16px;
}
.integration-input {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  --base-input-content-wrapper-padding: 9px 64px 9px 9px;
  --base-input-content-wrapper-color: var(--333e49-or-ffffff-75);
  --base-input-content-wrapper-caret-color: var(--333e49-or-ffffff-75);
  --base-input-content-wrapper-background-color: var(--ffffff-or-1c1c1c);
  --base-input-content-wrapper-placeholder-color: var(--b4b4b4-or-ffffff-30);
  --base-input-content-wrapper-border-color: var(--f0f0f0-or-ffffff-10);
  --base-input-content-wrapper-letter-spacing: -3px;
  --base-input-content-wrapper-font-size: 29px;
  --border-radius: 5px;
  --error-color: transparent;
  align-items: center;
  border-radius: 5px;
  background-color: var(--ffffff-or-1c1c1c);
  display: flex;
  gap: 6px;
  flex-grow: 1;
}
.integration-input:has(.base-input__content-wrapper_error) .base-input__input {
  color: var(--ff6a64-or-ff4f47);
}
.integration-input:has(.base-input__content-wrapper_disabled) .base-input__input {
  color: var(--677380-or-ffffff-75);
}
.integration-input:has(.base-input__content-wrapper_disabled) .base-input__input[type='text'] {
  color: var(--333e49-or-ffffff-75);
  pointer-events: all;
  user-select: text;
}
.integration-input__input-wrapper {
  width: 100%;
}
.integration-input__toggle-button {
  display: var(--integration-input-toggle-button-display, inline-flex);
  position: absolute;
  top: 50%;
  right: var(--integration-input-toggle-button-right, 38px);
  background: transparent;
  transform: translateY(-50%);
}
.integration-input__copy-button {
  display: var(--integration-input-toggle-button-display, inline-flex);
  position: absolute;
  top: 50%;
  right: var(--integration-input-toggle-button-right, 8px);
  background: transparent;
  transform: translateY(-50%);
}
.integration-input-copy-animation {
  position: absolute;
  opacity: 0;
  width: 100%;
  background-color: var(--ffffff-or-1c1c1c);
  pointer-events: none;
}
.integration-input-copy-animation_animated {
  animation: joinLinkCopyAnimation 1.5s ease-in-out;
}
.integration-input-copy-animation__text {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--05c46b-or-04a45a);
  background: var(--04ab5d-07-or-04a45a-07);
}
.integration-input-copy-animation__icon {
  --size: 16px;
  color: var(--05c46b-or-04a45a);
}
.token-visibility-toggle-button {
  --size: var(--token-visibility-toggle-button-size, 20px);
  display: flex;
  color: var(--token-visibility-toggle-button-color, var(--b4b4b4-or-ffffff-30));
  cursor: pointer;
}
.token-visibility-toggle-button:hover {
  color: var(--token-visibility-toggle-button-hover-color, var(--a1a1a1-or-ffffff-75));
}
.token-visibility-toggle-button_show-token {
  --eye-open: 1;
  --eye-close: 0;
}
.token-visibility-toggle-button_hide-token {
  --eye-open: 0;
  --eye-close: 1;
}
.token-copy-button {
  --size: 20px;
  display: flex;
  color: var(--b4b4b4-or-ffffff-30);
  cursor: pointer;
}
.token-copy-button:hover {
  color: var(--a1a1a1-or-ffffff-75);
}
.integration-options-button {
  --size: 20px;
  background-color: var(--ffffff-or-1c1c1c);
  padding: 7px;
  color: var(--token-visibility-toggle-button-color, var(--b4b4b4-or-ffffff-30));
  border: 1px solid var(--f0f0f0-or-ffffff-10);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 5px;
}
.integration-options-button:hover {
  color: var(--a1a1a1-or-ffffff-75);
}
.integration-options-button_active {
  color: var(--009fe6-or-009fe6);
}
.unsupported-web-popup {
  padding: 47px 20px 20px;
  text-align: center;
}
.unsupported-web-popup__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
}
.unsupported-web-popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.12px;
  padding: 8px 0 24px;
}
.unsupported-web-popup__button-wrapper {
  padding-top: 16px;
  border-top: 1px dashed var(--dcdcdc-or-dcdcdc-50);
}
.conference-tab-blocked {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px;
}
.conference-tab-blocked__icon {
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
  pointer-events: none;
}
.conference-tab-blocked__title {
  font-family: Lato, Arial, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 22px;
  color: var(--333e49-or-ffffff-75);
  margin-bottom: 8px;
}
.conference-tab-blocked__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: var(--333e49-or-ffffff-75);
  margin-bottom: 20px;
}
.conference-tab-blocked__title_without-description {
  margin-bottom: 28px;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}
@keyframes wobble {
  0% {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  0%,
  11.1%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78deg) skewY(-0.78deg);
  }
  77.7% {
    transform: skewX(0.39deg) skewY(0.39deg);
  }
  88.8% {
    transform: skewX(-0.195deg) skewY(-0.195deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-duration: 0.75s;
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-duration: 0.75s;
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  0% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-duration: 0.75s;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  animation-duration: 0.75s;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-duration: 2s;
  animation-name: hinge;
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  animation-name: rollIn;
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.delay-1s {
  animation-delay: 1s;
}
.animated.delay-2s {
  animation-delay: 2s;
}
.animated.delay-3s {
  animation-delay: 3s;
}
.animated.delay-4s {
  animation-delay: 4s;
}
.animated.delay-5s {
  animation-delay: 5s;
}
.animated.fast {
  animation-duration: 800ms;
}
.animated.faster {
  animation-duration: 400ms;
}
.animated.slow {
  animation-duration: 2s;
}
.animated.slower {
  animation-duration: 3s;
}
@media (prefers-reduced-motion) {
  .animated {
    animation: unset !important;
    transition: none !important;
  }
}
@keyframes arrowwatch {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ding {
  0% {
    transform: translate(3px);
  }
  33% {
    transform: translate(0);
  }
  66% {
    transform: translate(-3px);
  }
  100% {
    transform: translate(0);
  }
}
.ding {
  animation: ding 0.041s 0.5s 6 linear;
}
.arrowwatch {
  animation: show 0.25s linear both, arrowwatch 0.2s 0.3s linear;
}
@keyframes animated-bg {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-1000000px, 0, 0);
  }
}
@keyframes show {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.show {
  animation: show 0.25s linear both;
}
@keyframes show-pattern {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hide-pattern {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.show-pattern {
  animation: show-pattern 0s linear both;
}
.hide-pattern {
  animation: hide-pattern 0s linear both;
}
.hide-bg {
  animation: hide-pattern 0.2s linear both;
}
.show-bg {
  animation: show-pattern 0.2s linear both;
}
.show-next {
  animation: show-pattern 0s linear both;
}
.hide-next {
  animation: hide-pattern 0s linear both;
}
.show-next-delay {
  animation: show-pattern 0s linear both;
}
.hide-next-delay {
  animation: hide-pattern 0s linear both;
}
@keyframes registry-4-5 {
  0% {
    width: 320px;
    height: 280px;
  }
  100% {
    width: 400px;
    height: 301px;
  }
}
.registry-4-5 {
  animation: registry-4-5 0s linear both;
}
@keyframes registry-5-6 {
  0% {
    width: 400px;
    height: 301px;
  }
  100% {
    width: 320px;
    height: 294px;
  }
}
.registry-5-6 {
  animation: registry-5-6 0s linear both;
}
@keyframes registry-6-7 {
  0% {
    width: 320px;
    height: 281px;
  }
  100% {
    width: 320px;
    height: 258px;
  }
}
.registry-6-7 {
  animation: registry-6-7 0.19s linear both;
}
@keyframes registry-7-6 {
  0% {
    width: 320px;
    height: 258px;
  }
  100% {
    width: 320px;
    height: 281px;
  }
}
.registry-7-6 {
  animation: registry-7-6 0.19s linear both;
}
@keyframes login-2-3 {
  0% {
    height: 233px;
  }
  100% {
    height: 258px;
  }
}
.login-2-3 {
  animation: login-2-3 0.19s linear both;
}
@keyframes restore-1-2 {
  0% {
    width: 320px;
    height: 369px;
  }
  100% {
    width: 320px;
    height: 233px;
  }
}
.restore-1-2 {
  animation: restore-1-2 0.19s linear both;
}
@keyframes restore-2-3 {
  0% {
    width: 320px;
    height: 233px;
  }
  100% {
    width: 340px;
    height: 258px;
  }
}
.restore-2-3 {
  animation: restore-2-3 0.19s linear both;
}
@keyframes restore-3-5 {
  0% {
    width: 340px;
    height: 258px;
  }
  100% {
    width: 340px;
    height: 233px;
  }
}
.restore-3-5 {
  animation: restore-3-5 0.19s linear both;
}
@keyframes restore-1-0 {
  0% {
    width: 320px;
    height: 369px;
  }
  100% {
    width: 320px;
    height: 421px;
  }
}
.restore-1-0 {
  animation: restore-1-0 0.19s linear both;
}
@keyframes restore-0-1 {
  0% {
    width: 320px;
    height: 421px;
  }
  100% {
    width: 320px;
    height: 369px;
  }
}
.restore-0-1 {
  animation: restore-0-1 0.19s linear both;
}
@keyframes restore-3-0 {
  0% {
    width: 340px;
    height: 258px;
  }
  100% {
    width: 320px;
    height: 436px;
  }
}
.restore-3-0 {
  animation: restore-3-0 0.19s linear both;
}
@keyframes restore-0-3 {
  0% {
    width: 320px;
    height: 436px;
  }
  100% {
    width: 340px;
    height: 258px;
  }
}
.restore-0-3 {
  animation: restore-0-3 0.19s linear both;
}
@keyframes restore-4-0 {
  0% {
    width: 340px;
    height: 258px;
  }
  100% {
    width: 340px;
    height: 524px;
  }
}
.restore-4-0 {
  animation: restore-4-0 0.19s linear both;
}
@keyframes restore-0-4 {
  0% {
    width: 340px;
    height: 524px;
  }
  100% {
    width: 340px;
    height: 258px;
  }
}
.restore-0-4 {
  animation: restore-0-4 0.19s linear both;
}
@keyframes popup-1 {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 270px;
    height: 296px;
  }
}
.popup-1 {
  animation: popup-1 0.2s linear both;
}
@keyframes login-3-0 {
  0% {
    width: 320px;
    height: 240px;
  }
  100% {
    width: 320px;
    height: 524px;
  }
}
.login-3-0 {
  animation: login-3-0 0.19s linear both;
}
@keyframes login-0-3 {
  0% {
    width: 320px;
    height: 524px;
  }
  100% {
    width: 320px;
    height: 240px;
  }
}
.login-0-3 {
  animation: login-0-3 0.19s linear both;
}
@keyframes right-42p {
  0% {
    right: 0%;
  }
  100% {
    right: -42%;
  }
}
.right-42p {
  animation: right-42p 0.3s linear both;
}
@keyframes right-0p {
  0% {
    right: -42%;
  }
  100% {
    right: 0%;
  }
}
.right-0p {
  animation: right-0p 0.3s linear both;
}
@keyframes phone-1-2 {
  0% {
    width: 387px;
    height: 247px;
  }
  100% {
    width: 320px;
    height: 258px;
  }
}
.phone-1-2 {
  animation: phone-1-2 0.19s linear both;
}
@keyframes phone-2-3 {
  0% {
    width: 320px;
    height: 240px;
  }
  100% {
    width: 320px;
    height: 294px;
  }
}
.phone-2-3 {
  animation: phone-2-3 0.19s linear both;
}
@keyframes phone-1-3 {
  0% {
    width: 387px;
    height: 247px;
  }
  100% {
    width: 320px;
    height: 294px;
  }
}
.phone-1-3 {
  animation: phone-1-3 0.19s linear both;
}
@keyframes phone-3-2 {
  0% {
    width: 387px;
    height: 294px;
  }
  100% {
    width: 320px;
    height: 258px;
  }
}
.phone-3-2 {
  animation: phone-3-2 0.19s linear both;
}
@keyframes preloader {
  to {
    transform: rotate(360deg);
  }
}
.preloader {
  pointer-events: none;
  user-select: none;
  animation: linear 500ms infinite rotate;
}
@keyframes dialog_top {
  0% {
    transform: translate(0%);
  }
  100% {
    transform: translate(-100%);
  }
}
.dialog_top {
  animation: dialog_top 5s linear both;
}
.dialog_top_reverse {
  animation: dialog_3top 5s linear reverse;
}
@keyframes scale-0-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 4rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes start-updater-clouds-slide {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -550px;
  }
}
@keyframes dark-clouds-slide-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes dark-clouds-slide-right {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes show_hover {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes top-10 {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes top-5 {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes delayShowPreloader {
  to {
    opacity: 1;
  }
}
@keyframes delayShowPreloaderLowOpacity {
  to {
    opacity: 0.3;
  }
}
@keyframes delayHideButtonText {
  to {
    color: transparent;
  }
}
@keyframes rotatePreloader {
  to {
    transform: rotate(360deg);
  }
}
@keyframes progressBarStart {
  from {
    width: 0;
  }
  to {
    width: 80%;
  }
}
@keyframes progressBarEnd {
  from {
    width: 80%;
  }
  to {
    width: 100%;
  }
}
@keyframes progressBarStartEnd {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes hideMembersCounter {
  from {
    width: 100%;
    min-width: 18px;
    content: '';
  }
  to {
    width: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    content: '';
  }
}
@keyframes onboarding-animation {
  to {
    top: var(--top);
    left: var(--left);
  }
}
.onboarding-animation {
  animation: onboarding-animation 400ms forwards;
}
@keyframes notification_read {
  from {
    background: var(--009fe6-05-or-33648f-30);
  }
  to {
    background: transparent;
  }
}
@keyframes message_found {
  from {
    background: var(--007aff-05-or-006be0-08);
  }
  to {
    background: transparent;
  }
}
@keyframes delayShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes clouds-move {
  to {
    transform: translateX(0);
  }
}
@keyframes form-input-pin-code-error {
  to {
    border-color: var(--f8f8f8-or-ffffff-10);
  }
}
@keyframes menuHide {
  0% {
    opacity: 1;
    max-height: var(--leftmenu-footer-info-panel-height, 199px);
  }
  100% {
    opacity: 0;
    max-height: 0;
  }
}
@keyframes menuShow {
  0% {
    opacity: 0;
    max-height: 0;
  }
  100% {
    opacity: 1;
    max-height: var(--leftmenu-footer-info-panel-height, 199px);
  }
}
:root {
  --title-bar-height: 0px;
  --content-height: 100vh;
  --main-right-angle-opacity: 0;
  --overlay-when-show-leftmenu-border-top-left-radius: 0;
  --toastr-z-index: 10;
  --security-screen-z-index: 1998;
  --popup-portal-z-index: 1999;
  --toster-announcement-height: 52px;
  --conversation-header-height: 50px;
  --toster-media-height: 41px;
  --toaster-main-height: 46px;
  --badge-color-green: var(--3ca187-or-2f7d67);
  --badge-color-blue: var(--4284b3-or-33648f);
  --badge-color-black: var(--2a2b39-or-151515);
  --badge-color-purple: var(--5a5fe0-or-4145a9);
  --badge-color-pink: var(--d05dbd-or-b54fa5);
  --badge-color-grass: var(--609f56-or-487740);
  --badge-color-dark-grass: var(--487740-or-487740);
  --badge-color-bordo: var(--c9455b-or-b4364f);
  --badge-color-dark-bordo: var(--b4364f-or-b4364f);
  --badge-color-dune: var(--daa64b-or-a77b37);
  --badge-color-dark-dune: var(--a77b37-or-a77b37);
}
.app {
  width: 100%;
  height: 100%;
}
.clip-path-elements {
  width: 0;
  height: 0;
  opacity: 0;
  user-select: none;
  pointer-events: none;
  position: absolute;
}
.progress {
  display: flex;
  height: 24px;
  overflow: hidden;
  background-color: var(--009fe6-30-or-000000-20);
  border-radius: 5px;
}
.progress_blue {
  background-color: var(--009fe6-30-or-006be0-30);
}
.progress_green {
  background: var(--05c46b-50-or-05c46b-50);
}
.progress_full-height {
  height: 100%;
}
.progress_big-button {
  border-radius: 8px;
}
.progress__btn-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-weight: 600;
  font-size: 15px;
  line-height: 22.5px;
  border-radius: 5px;
  color: var(--ffffff-or-ffffff);
  text-align: center;
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--ffffff-or-ffffff);
  text-align: center;
  white-space: nowrap;
  transition: width 0.6s ease;
  border-radius: 5px;
  height: 100%;
}
.progress-bar_striped {
  --first-color: var(--009fe6-or-006be0);
  --second-color: var(--009fe6-50-or-006be0-50);
  background-image: linear-gradient(135deg, var(--first-color) 25%, var(--second-color) 25%, var(--second-color) 50%, var(--first-color) 50%, var(--first-color) 75%, var(--second-color) 75%, var(--second-color));
  background-size: 4rem 4rem;
}
.progress-bar_striped-green {
  background-image: linear-gradient(135deg, var(--05c46b-or-05c46b) 25%, var(--05c46b-50-or-05c46b-50) 25%, var(--05c46b-50-or-05c46b-50) 50%, var(--05c46b-or-05c46b) 50%, var(--05c46b-or-05c46b) 75%, var(--05c46b-50-or-05c46b-50) 75%, var(--05c46b-50-or-05c46b-50));
  background-size: 4rem 4rem;
}
.progress-bar_light {
  --first-color: var(--009fe6-or-006be0);
  --second-color: var(--009fe6-50-or-035ec1);
}
.progress-bar_white {
  background: var(--ffffff-80-or-ffffff-80);
}
.progress-bar_animated {
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar_start {
  animation: progress-bar-stripes 2s linear infinite, progressBarStart 4.5s linear forwards;
}
.progress-bar_end {
  animation: progress-bar-stripes 2s linear infinite, progressBarEnd 0.5s linear forwards;
}
.progress-bar_start-end {
  animation: progress-bar-stripes 2s linear infinite, progressBarStartEnd 5s linear forwards;
}
.popup_delete_message {
  display: flex;
}
.popup_delete_message .popup__header {
  padding-right: 23px;
}
.popup_delete_message .popup__title {
  letter-spacing: -0.32px;
}
.popup_delete_message .popup__description {
  font-family: Lato, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
}
.popup_delete_message .popup__content {
  padding-left: 20px;
}
.popup_delete_message .popup__footer {
  padding-top: 11px;
}
.repost_toastr {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.repost_toastr_text {
  color: var(--b4b4b4-or-ffffff-75);
  flex: none;
  padding-right: 4px;
}
.repost_toastr_text_success {
  color: var(--ffffff-or-ffffff-80);
}
.repost_toastr_button {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--2574a9-or-009fe6);
  cursor: pointer;
}
.repost_toastr_button:hover {
  color: var(--1f618d-or-0088c4) !important;
}
.repost_toastr_button_success {
  color: var(--ffffff-or-ffffff);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.repost_toastr_button_success:hover {
  color: var(--ffffff-80-or-ffffff-80) !important;
  border-color: var(--ffffff-80-or-ffffff-80);
}
.overlay {
  z-index: 102;
  position: absolute;
  inset: 0;
}
.options_user_menu {
  position: absolute;
  z-index: 120;
  opacity: 1;
  will-change: opacity;
}
.options_user_menu:empty {
  display: none;
}
.options_user_menu_helper {
  flex-direction: row;
  display: flex;
  align-items: center;
}
.options_user_menu_hide {
  opacity: 0;
  pointer-events: none;
}
.options_user_menu_show {
  opacity: 1;
  pointer-events: all;
  transition: 0.1s linear opacity;
  transition-delay: 300ms;
}
.hover {
  position: absolute;
  z-index: 1060;
  text-align: left;
  white-space: normal;
  border-radius: 5px;
}
.hover:empty {
  display: none;
}
.hover_show.default {
  animation: show_hover 100ms linear;
}
.hover_show.top {
  animation: top-10 200ms linear;
}
.hover_hide.default {
  animation: show_hover 100ms linear reverse forwards;
}
.hover_hide.top {
  animation: top-5 170ms linear reverse forwards;
}
.hover.black {
  background-color: var(--000000-90-or-272727);
  border: 1px solid var(--transparent-or-ffffff-05);
}
.hover.white {
  background-color: var(--ffffff-or-ffffff);
  border: 1px solid var(--f0f0f0-or-f0f0f0);
  box-shadow: 0 4px 6px var(--000000-05-or-000000-05);
}
.hover-arrow-block {
  width: 100%;
  height: 100%;
}
.hover_arrow {
  width: 8px;
  height: 5px;
}
.hover_arrow_bottom {
  bottom: 0;
}
.hover_arrow_top {
  top: 0;
}
.hover_arrow_right {
  right: 0;
}
.hover_arrow_left {
  left: 0;
}
.hover_arrow::before,
.hover_arrow::after {
  content: '';
  position: absolute;
  border: 4px solid transparent;
}
.hover_arrow.black.top::before,
.hover_arrow.black.top::after {
  border-width: 5px;
}
.hover_arrow.black.top::before {
  top: 0;
  left: -2px;
  border-width: 7px;
  border-top: 8px solid var(--transparent-or-2c2e2f);
}
.hover_arrow.black.top::after {
  top: var(--hover-angle-top);
  border-top: 6px solid var(--000000-90-or-272727);
}
.hover_arrow.black.bottom::before {
  bottom: 0;
  border-bottom: 5px solid var(--000000-90-or-272727);
}
.hover_arrow.black.right::before {
  right: 0;
  border-right: 5px solid var(--000000-90-or-272727);
}
.hover_arrow.black.left::before {
  right: -14px;
  border-left: 5px solid var(--000000-90-or-272727);
}
.hover_arrow.white.top::before {
  top: 0;
  border-top: 8px solid var(--popover-border-color);
}
.hover_arrow.white.top::after {
  border-top: 8px solid var(--ffffff-or-ffffff);
  top: -2px;
}
.hover_arrow.white.bottom::before {
  bottom: 0;
  border-bottom: 8px solid var(--popover-border-color);
}
.hover_arrow.white.bottom::after {
  border-bottom: 8px solid var(--ffffff-or-ffffff);
  bottom: -2px;
}
.hover_arrow.white.right::before {
  left: 0;
  border-right: 8px solid var(--popover-border-color);
}
.hover_arrow.white.right::after {
  border-right: 8px solid var(--ffffff-or-ffffff);
  left: 1px;
}
.hover_arrow.white.left::before {
  right: 0;
  border-left: 8px solid var(--popover-border-color);
}
.hover_arrow.white.left::after {
  border-left: 8px solid var(--ffffff-or-ffffff);
  right: 1px;
}