@charset "UTF-8";
/*!*
 * ВНИМАНИЕ! Этот файл генерируется автоматически.
 * Любые изменения этого файла будут потеряны при следующей компиляции.
 */
/* Оставлено для поддержки "старого" нового дизайна */
/* Заголовки нового дизайна */
/* Стилизация БЭМ-блока bem-base.
* Общие стили тегов.
* Подключение шрифтов.
* Типографика. */
/* Определяем viewport (для IE10) http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ */
@-ms-viewport {
  width: device-width;
}

.bem-base {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  min-width: 320px;
  min-height: 100%;
}

.bem-base__inner {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.bem-base__content {
  flex-grow: 1;
}

.bem-base__footer-wrapper {
  flex-shrink: 0;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

* {
  -webkit-tap-highlight-color: transparent;
}

body {
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100vh;
  word-break: break-word;
  font-family: Inter, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: -0.24px;
  font-weight: 400;
  text-align: left;
  color: black;
  background-color: white;
  overflow-x: hidden;
  height: auto;
  overflow-y: auto;
  width: 100vw;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[tabindex='-1']:focus {
  outline: none !important;
}

[role='button'] {
  cursor: pointer;
}

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

a,
button,
[role='button'],
input,
label,
select,
textarea {
  touch-action: manipulation;
  margin: 0;
}

button,
[role='button'],
input,
select,
textarea {
  font-family: Inter, sans-serif;
}

button,
input {
  overflow: visible;
  text-transform: none;
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  -webkit-user-select: none;
  user-select: none;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}

input[type='text']:focus, textarea:focus {
  outline: none !important;
}

textarea {
  overflow: auto;
  resize: vertical;
}

svg {
  fill: currentColor;
}

a svg,
button svg {
  pointer-events: none;
}

svg:not(:root) {
  overflow: hidden;
}

body > svg {
  height: 0;
}

img {
  max-width: 100%;
  height: auto;
  float: left;
}

a {
  color: #008DFF;
  background-color: transparent;
  transition: color 0.3s;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #0063b3;
}

@media (min-width: 1264px) {
  a[href^='tel:'] {
    white-space: nowrap;
    pointer-events: none;
    text-decoration: inherit;
    color: inherit;
  }
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin-top: 2em;
  margin-bottom: 2em;
  border: 0;
  border-top: 1px solid #b3b3b3;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-family: Inter, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: currentColor;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 24px;
  letter-spacing: 0.38px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 15px;
}

p,
ul,
ol,
dl,
table,
blockquote,
pre,
address,
figure {
  margin-top: 0;
  margin-bottom: 0;
}

p {
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
}

address {
  font-style: normal;
}

ul,
ol {
  margin-bottom: 1em;
  padding-left: 1.5em;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

li {
  line-height: inherit;
}

small {
  font-size: 13px;
}

sub,
sup {
  font-size: 13px;
}

b,
strong {
  font-weight: bolder;
}

blockquote {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

code,
kbd,
pre {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

code {
  padding: 0.06em 0.3em;
  color: black;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

kbd {
  padding: 0.06em 0.3em;
  color: black;
  background-color: #e6e6e6;
  border-radius: 4px;
}

kbd kbd {
  padding: 0;
}

pre {
  display: block;
  width: 100%;
  margin-bottom: 1em;
  overflow-x: auto;
  tab-size: 2;
  background-color: rgba(0, 0, 0, 0.08);
}

pre code {
  background: transparent;
}

progress {
  max-width: 200px;
}

.hidden {
  display: none !important;
}

.show {
  display: block !important;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.overflow-text_lines_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

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

.visible-no {
  visibility: hidden;
}

body > object {
  display: none;
}

.ui-datepicker {
  background: #fff;
  border: 1px solid #E3E5E8;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 0px 10px #E3E5E8;
  display: none;
}

.ui-state-default {
  text-decoration: none;
  color: #000;
  padding: 5px;
  border-radius: 4px;
}

.ui-state-default:hover {
  background: #eee;
}

.ui-datepicker-prev, .ui-datepicker-next {
  background: url(../../images/popover-arrow.svg) no-repeat 0 0;
  width: 8px;
  height: 16px;
  float: left;
  cursor: pointer;
}

.ui-datepicker-prev span, .ui-datepicker-next span {
  display: none;
}

.ui-datepicker-next {
  background-position: -8px 0;
  float: right;
}

.ui-datepicker-title {
  text-align: center;
  margin: 0 auto;
}

.ui-datepicker-header {
  margin-bottom: 10px;
}

.element-disabled {
  /*opacity: 0.5;*/
}

.element-disabled .element-disabled-overlay {
  position: absolute;
  z-index: 1000;
}

tr.element-disabled .element-disabled-overlay {
  display: contents;
}

.popup-container, .balloon {
  display: none;
}

/*** Popup search ***/
.popup-items-search .items-list {
  padding-bottom: 15px;
}

.popup-items-search .items-list .letter-separator:first-child {
  margin-top: 10px;
}

.popup-items-search .items-list .letter-separator {
  margin: 20px 0px 10px 0px;
  padding-left: 20px;
  font-size: 11px;
  line-height: 2px;
  border-bottom: 1px dotted #E5E5E5;
  font-weight: bold;
}

.popup-items-search .items-list .item,
.popup-items-search .items-list .post {
  margin-right: 15px;
  font-size: 15px;
  line-height: 25px;
  white-space: nowrap;
}

.popup-items-search .items-list .not-found {
  font-size: 14px;
}

.popup-items-search .items-list img.logo {
  width: 24px;
  max-height: 24px;
  margin-right: 3px;
  vertical-align: middle;
  border: none;
  border-radius: 3px;
}

.popup-items-search .items-search-form {
  margin-bottom: 10px;
}

.popup-items-search .items-search-form .search-input {
  width: 100%;
  max-width: 600px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px 5px 15px 0px;
}

.popup-items-search .items-search-form .search-button {
  min-width: 70px;
}

.popup-items-search .items-search-form div.label {
  margin-bottom: 7px;
  font-size: 11px;
}

/*** /Popup search/ ***/
/*** Clearfix ***/
.clearfix:after {
  clear: both;
  display: block;
  overflow: hidden;
  height: 0;
  content: '.';
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
}

* + html .clearfix {
  min-height: 1%;
}

/*** /Clearfix ***/
input.loading {
  background-image: url('data:image/svg+xml;utf8,<svg width="38" height="38" viewBox="-2 -2 38 38" xmlns="http://www.w3.org/2000/svg" stroke="%2300AEEF"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="4"><circle stroke-opacity=".25" cx="16" cy="16" r="16"/><path d="M32 16c0-7.94-6.06-16-16-16"><animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="1s" repeatCount="indefinite"/></path></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50%;
  background-size: 16px 16px;
}

/*** nc-action-icon ***/
.nc-action-icon {
  display: inline-block;
  width: 16px !important;
  height: 16px !important;
  font-size: 16px !important;
  line-height: 16px !important;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: transparent;
  color: #7E7E7E;
  text-align: center;
  opacity: 1;
  outline: none;
}

.nc-action-icon.disabled {
  color: #7E7E7E !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

.nc-action-icon:hover {
  opacity: 0.8;
}

.nc-action-icon.nc-action-small {
  width: 12px !important;
  height: 12px !important;
  font-size: 12px !important;
  line-height: 12px !important;
}

.nc-action-icon.nc-action-pointer {
  cursor: pointer;
}

.nc-action-icon.common,
.nc-action-icon.common-hover:hover {
  color: #276296;
}

.nc-action-icon.add,
.nc-action-icon.add-hover:hover {
  color: #3F9211;
}

.nc-action-icon.edit,
.nc-action-icon.edit-hover:hover {
  color: #A3891F;
}

.nc-action-icon.sort,
.nc-action-icon.sort-hover:hover {
  color: #3576AC;
}

.nc-action-icon.link,
.nc-action-icon.link-hover:hover {
  color: #7C40B4;
}

.nc-action-icon.remove,
.nc-action-icon.remove-hover:hover,
.nc-action-icon.delete,
.nc-action-icon.delete-hover:hover {
  color: #B63B3B;
}

.nc-action-icon.approve,
.nc-action-icon.check,
.nc-action-icon.approve-hover:hover,
.nc-action-icon.check-hover:hover {
  color: #3F9211;
}

.nc-action-icon.reject,
.nc-action-icon.reject-hover:hover {
  color: #B63B3B;
}

.nc-action-icon.white,
.nc-action-icon.white-hover:hover {
  color: #FFFFFF;
}

.nc-action-icon.black,
.nc-action-icon.black-hover:hover {
  color: #000000;
}

.nc-action-icon.alert,
.nc-action-icon.alert-hover:hover {
  color: #DA930A;
}

.nc-action-icon.loading {
  background-image: url('data:image/svg+xml;utf8,<svg width="38" height="38" viewBox="-2 -2 38 38" xmlns="http://www.w3.org/2000/svg" stroke="%2300AEEF"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="4"><circle stroke-opacity=".25" cx="16" cy="16" r="16"/><path d="M32 16c0-7.94-6.06-16-16-16"><animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="1s" repeatCount="indefinite"/></path></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px auto !important;
  cursor: default;
}

.nc-action-icon.loading::before {
  opacity: 0;
}

.nc-action-icon.pale {
  opacity: 0.5;
}

.nc-action-icon.pale:hover {
  opacity: 1;
}

/*** /nc-action-icon ***/
/*** Folded text ***/
.bem-folded-text .bem-folded-text__full {
  display: none;
}

.bem-folded-text .bem-folded-text__unfold {
  display: block;
  margin-top: 5px;
}

/*** /Folded text ***/
/**
 * В этом файле должны быть стили для БЭМ-блока .bem-link, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-link {
  /*
    font-size: 14px;
    line-height: 20px;
*/
  text-decoration: none;
  color: #008DFF;
  border-color: #008DFF;
  transition: color .3s;
  cursor: pointer;
  /* bem-link: Модификаторы */
  /* bem-link: Миксины */
}

.bem-link:hover {
  color: #0063b3;
}

.bem-link:hover .bem-circle-block_progress {
  opacity: .8;
}

.bem-link:hover i {
  opacity: 1 !important;
}

.bem-link.ajax {
  text-decoration: none;
  border-bottom: 1px dotted #008DFF;
}

.bem-link.ajax:hover {
  border-color: #0063b3;
}

.bem-link_theme_white {
  color: white;
  border-color: white !important;
}

.bem-link_theme_white:hover, .bem-link_theme_white_hover {
  color: #ecf1f5;
  border-color: white !important;
}

.bem-link_theme_dark {
  color: black;
  border-color: black !important;
}

.bem-link_theme_gray {
  color: #818C9C;
  border-color: #818C9C !important;
}

.bem-link_theme_red {
  color: #FE7678;
  border-color: #FE7678 !important;
}

.bem-link_theme_red_hover:hover {
  color: #FE7678;
  border-color: #FE7678 !important;
  opacity: 1;
}

.bem-link_theme_green {
  color: #4AC068;
  border-color: #4AC068 !important;
}

.bem-link_theme_green_hover:hover {
  color: #55E77A;
  border-color: #55E77A !important;
  opacity: 1;
}

.bem-link_theme_blue_hover:hover {
  color: #008DFF;
  border-color: #008DFF !important;
  opacity: 1;
}

.bem-link_font_sm {
  font-size: 12px;
  line-height: 14px;
}

.bem-link_underline {
  text-decoration: underline;
}

.bem-link_underline_dashed {
  border-bottom: 1px dashed #818C9C;
}

.bem-link_underline_dotted {
  border-bottom: 1px dotted #818C9C;
}

.bem-link_disabled {
  cursor: default !important;
}

.bem-link__bem-circle-block_opacity:hover {
  background-color: #F7F8FA;
}

/* @media-условия (.bem-link) */
@media screen and (max-width: 768px) {
  .bem-link_font_sm {
    font-size: 10px;
    line-height: 12px;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-logo, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-logo {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  /* bem-logo: Элементы */
}

.bem-logo__delim {
  margin: 0 8px;
}

.bem-logo__project img {
  height: 32px;
}

/* bem-logo: @media условия */
@media screen and (max-width: 768px) {
  .bem-logo__delim {
    margin: 0 4px;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-circle-block, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-circle-block {
  border-radius: 50%;
  background: #F7F8FA;
  font-size: 10px;
  line-height: 14px;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  /* bem-circle-block: Модификаторы */
}

.bem-circle-block img {
  width: 16px;
  height: 16px;
}

.bem-circle-block__badge {
  border-radius: 40px;
  background: #F24444;
  color: #fff;
  min-width: 20px;
  height: 16px;
  width: 20px;
}

.bem-circle-block__point {
  width: 8px;
  height: 8px;
  min-height: 8px;
  min-width: 8px;
  background-color: #008DFF;
}

.bem-circle-block__notification-icon {
  position: absolute;
  left: 36px;
  top: 32px;
  width: 32px;
  height: 32px;
  background: #008DFF;
  border: 2px solid white;
}

.bem-circle-block_img_full {
  overflow: hidden;
}

.bem-circle-block_img_full img {
  width: 100%;
  height: auto;
}

.bem-circle-block_progress {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #008DFF;
  border-radius: 50%;
  position: relative;
}

.bem-circle-block_progress:after {
  content: '';
  position: absolute;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  border-radius: 50%;
  top: -1px;
  left: -1px;
  background: linear-gradient(360deg, transparent 50%, #F7F8FA 50%), linear-gradient(0deg, #F7F8FA 50%, transparent 50%);
  z-index: 1;
}

.bem-circle-block_progress > img, .bem-circle-block_progress > .bem-personpic {
  border: 4px solid #fff;
  position: absolute;
  z-index: 2;
  width: 70px;
  height: 70px;
  left: calc(50% - 35px);
  opacity: 1 !important;
}

.bem-circle-block_progress_100 {
  background: #008DFF;
}

.bem-circle-block_progress_100:after {
  background: none;
}

.bem-circle-block_progress_90 {
  background: #008DFF;
}

.bem-circle-block_progress_90:after {
  background: linear-gradient(128deg, transparent 50%, #008DFF 50%), linear-gradient(-90deg, #F7F8FA 50%, transparent 50%);
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  left: 0;
}

.bem-circle-block_progress_80 {
  background: #008DFF;
}

.bem-circle-block_progress_80:after {
  background: linear-gradient(162deg, transparent 50%, #008DFF 50%), linear-gradient(-90deg, #F7F8FA 50%, transparent 50%);
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  left: 0px;
}

.bem-circle-block_progress_70 {
  background: #008DFF;
}

.bem-circle-block_progress_70:after {
  background: linear-gradient(198deg, transparent 50%, #008DFF 50%), linear-gradient(-90deg, #F7F8FA 50%, transparent 50%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 1px;
}

.bem-circle-block_progress_60 {
  background: #008DFF;
}

.bem-circle-block_progress_60:after {
  background: linear-gradient(234deg, transparent 50%, #008DFF 30%), linear-gradient(-90deg, #F7F8FA 50%, transparent 50%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 1px;
}

.bem-circle-block_progress_50 {
  background: linear-gradient(to top, #008DFF, #FF6366);
}

.bem-circle-block_progress_50:after {
  background: linear-gradient(90deg, transparent 50%, #F7F8FA 50%), linear-gradient(-90deg, #F7F8FA 50%, transparent 50%);
}

.bem-circle-block_progress_40 {
  background: linear-gradient(to top, #008DFF, #FF6366);
}

.bem-circle-block_progress_40:after {
  background: linear-gradient(90deg, transparent 50%, #F7F8FA 50%), linear-gradient(-54deg, #F7F8FA 50%, transparent 50%);
}

.bem-circle-block_progress_30 {
  background: linear-gradient(to top, #008DFF, #FF6366);
}

.bem-circle-block_progress_30:after {
  background: linear-gradient(90deg, transparent 50%, #F7F8FA 50%), linear-gradient(-18deg, #F7F8FA 50%, transparent 50%);
}

.bem-circle-block_progress_20 {
  background: linear-gradient(to top, #008DFF, #FF6366);
}

.bem-circle-block_progress_20:after {
  background: linear-gradient(90deg, transparent 50%, #F7F8FA 50%), linear-gradient(18deg, #F7F8FA 50%, transparent 50%);
}

.bem-circle-block_progress_10 {
  background: linear-gradient(to top, #008DFF, #FF6366);
}

.bem-circle-block_progress_10:after {
  background: linear-gradient(90deg, transparent 50%, #F7F8FA 50%), linear-gradient(54deg, #F7F8FA 50%, transparent 50%);
}

.bem-circle-block_size_min {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}

.bem-circle-block_size_sm {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}

.bem-circle-block_size_mid {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}

.bem-circle-block_size_big {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}

.bem-circle-block_size_bigger {
  width: 48px;
  height: 48px;
  font-size: 24px;
  line-height: 48px;
  font-weight: bold;
  min-width: 48px;
  min-height: 48px;
}

.bem-circle-block_size_max {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
}

.bem-circle-block_size_huge {
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
}

.bem-circle-block__lists {
  width: 125px;
  height: 125px;
  min-height: 125px;
  min-width: 125px;
  float: none;
  margin: auto;
}

.bem-circle-block__list-one {
  width: 160px;
  height: 160px;
  min-height: 160px;
  min-width: 160px;
}

.bem-circle-block__list-person {
  width: 132px;
  height: 132px;
  min-height: 132px;
  min-width: 132px;
}

.bem-circle-block_progress_huge {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
}

.bem-circle-block_theme_blue {
  background-color: #008DFF;
  color: white;
}

.bem-circle-block_theme_green {
  background-color: rgba(31, 207, 95, 0.08);
  color: #1FCF5F;
}

.bem-circle-block_theme_red {
  background-color: rgba(255, 99, 102, 0.08);
  color: #FF6366;
}

.bem-circle-block_theme_lightblue {
  background-color: rgba(0, 141, 255, 0.08);
  color: #008DFF;
}

.bem-circle-block_theme_gray {
  color: rgba(0, 0, 0, 0.6);
}

.bem-circle-block_theme_yellow {
  background-color: #FADD00;
  color: #000;
}

.bem-circle-block_theme_opacity {
  background-color: rgba(255, 255, 255, 0);
}

.bem-circle-block_radius_none {
  border-radius: 0;
}

/* @media-условия .bem-circle-block */
@media screen and (max-width: 768px) {
  .bem-circle-block_size_max {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
  .bem-page__invites-count.bem-circle-block_size_bigger {
    width: 32px;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    font-size: 16px;
    line-height: 32px;
  }
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-page, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-page {
  width: 100vw;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0 auto;
  /* bem-page: Элементы */
  /* bem-page: Модификаторы */
  /* bem-page: Миксины */
}

.bem-page__row {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.bem-page__column {
  display: flex;
  flex-direction: column;
}

.bem-page__grid {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(100px, max-content));
  grid-gap: 16px;
  align-items: flex-end;
}

.bem-page__grid-auto {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-gap: 8px;
  align-items: center;
}

.bem-page__title {
  font-size: 20px;
  line-height: 24px;
  color: black;
  font-weight: bold;
}

.bem-page__subtitle {
  font-size: 16px;
  line-height: 24px;
  color: #818C9C;
}

.bem-page__note {
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: -0.08px;
  color: #818C9C;
  margin-top: 4px;
}

.bem-page__select-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 500;
}

.bem-page__select-text > :nth-child(n) {
  margin-left: 4px;
}

.bem-page__select-text > :first-child {
  margin-left: 0;
}

.bem-page__block__header {
  border-bottom: 1px solid #E3E5E8;
  padding: 16px 0;
}

.bem-page__block__header .bem-page__title {
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
}

.bem-page__block__header > :nth-child(n) {
  margin-right: 4px;
}

.bem-page__block__header > :last-child {
  margin-right: 0;
}

.bem-page__block__content {
  border-radius: 4px;
  padding: 24px 0;
}

.bem-page__warning-text {
  color: #FF6366;
  font-size: 12px;
  line-height: 16px;
}

.bem-page__copy-block {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bem-page__copy-block .bem-form__input {
  min-width: 200px;
}

.bem-page__video {
  position: relative;
  padding-bottom: 56.25%;
}

.bem-page__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bem-page__invites {
  max-width: 944px;
  margin-left: 0;
}

.bem-page__invites label {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 4px;
}

.bem-page__invites-list > .bem-page__row > :last-child {
  width: 21%;
  text-align: right;
}

.bem-page__invites-list > .bem-page__row > :first-child {
  flex-grow: 1;
}

.bem-page__invites-list > .bem-page__row > :first-child > :last-child {
  flex-grow: 1;
}

.bem-page__invites-list > .bem-page__row > :first-child > :first-child {
  width: 35%;
  min-width: 35%;
}

.bem-page__promotion .bem-page__row_statistic:hover {
  background: none;
}

.bem-page__promotion .bem-page__promotion_active {
  background: #F7F8FA;
}

.bem-page__promotion .bem-page__promotion_active:hover {
  background: #F7F8FA;
}

.bem-page__promotion .bem-search {
  width: 100%;
}

.bem-page__promotion_message {
  width: 383px;
}

.bem-page__promotion_person .bem-icon-block__delete {
  right: 0;
}

.bem-page__table > .bem-page__row > :last-child, .bem-page__table > .bem-page__column > .bem-page__row > :last-child {
  width: 13%;
  min-width: 13%;
  text-align: right;
}

.bem-page__table > .bem-page__row > :first-child, .bem-page__table > .bem-page__column > .bem-page__row > :first-child {
  flex-grow: 1;
}

.bem-page__table > .bem-page__row > :nth-child(2), .bem-page__table > .bem-page__row > :nth-child(3), .bem-page__table > .bem-page__column > .bem-page__row > :nth-child(2), .bem-page__table > .bem-page__column > .bem-page__row > :nth-child(3) {
  width: 16%;
}

.bem-page__table_inactive {
  color: #818C9C;
}

.bem-page__table_inactive img {
  opacity: .5;
}

.bem-page__crossed {
  position: relative;
  display: inline-block;
  padding: 0 5px;
}

.bem-page__crossed:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  color: #008DFF;
  width: 100%;
  height: 0;
  border-bottom: 2px solid #008DFF;
  transform: rotate(-30deg);
}

.bem-page__search .bem-profile__nav-container {
  min-width: auto;
}

.bem-page__search .bem-auth_confirmed {
  float: inherit;
}

.bem-page__rotate {
  transform: rotate(-45deg);
  display: block;
  width: 400%;
}

.bem-page__card {
  width: 331px;
  height: 188px;
  min-width: 331px;
  min-height: 188px;
  border-radius: 8px;
  display: flex;
  padding: 15px 15px 10px;
  box-sizing: border-box;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0);
}

.bem-page__card.bem-link:hover {
  border: 1px solid #008DFF;
}

.bem-page__card-logo {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 64px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.bem-page__card_one .bem-page__card-logo {
  top: 10px;
  left: 16px;
  width: 70px;
  height: 42px;
}

.bem-page__company-logo {
  width: 100px;
  min-width: 100px;
}

.bem-page__close {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}

.bem-page__lists .bem-profile__popular {
  border: none;
  overflow-x: scroll;
  scrollbar-width: none;
}

.bem-page__lists .bem-sidebar_left {
  display: block;
}

.bem-page__lists .bem-profile__popular-container_auto {
  min-width: auto;
}

.bem-page__list-header {
  display: flex;
  margin: 40px 0 24px;
}

.bem-page__list-header > .bem-circle-block {
  margin-bottom: 8;
  margin-right: 24px;
}

.bem-page__lists-icon_active {
  background-color: #008DFF;
  color: white;
}

.bem-page__lists-icon_active svg {
  stroke: white;
}

.bem-page__list-carousel {
  overflow: hidden;
  position: relative;
  overflow-x: scroll;
  scrollbar-width: none;
}

.bem-page__list-carousel::-webkit-scrollbar {
  height: 0;
}

.bem-page__list-carousel-container {
  padding: 16px 0;
  white-space: nowrap;
  min-width: max-content;
}

.bem-page__list-carousel-container > :nth-child(n) {
  margin-right: 24px;
}

.bem-page__list-carousel_selected {
  color: #008DFF;
}

.bem-page__balance .bem-profile__nav-container {
  min-width: 100vw;
}

.bem-page__balance .bem-page__row_statistic > .bem-icon-block > :first-child {
  margin-right: 24px;
}

.bem-page__balance-company img {
  height: 50px;
  min-height: 50px;
  border-radius: 4px;
}

.bem-page__balance-tariff-box {
  width: 340px;
  height: 298px;
  border-radius: 10px;
  box-shadow: 0px 2px 16px 0px #E0E2EC;
  padding: 16px 24px;
  margin: 16px 8px 24px;
}

.bem-page__balance-tariffs {
  overflow-x: scroll;
  scrollbar-width: none;
  position: relative;
  width: 100%;
}

.bem-page__balance-tariffs::-webkit-scrollbar {
  height: 0;
}

.bem-page__balance-tariffs-list {
  min-width: max-content;
}

.bem-page__balance-tariff-nav #tariff-nav_next, .bem-page__balance-tariff-nav #tariff-nav_prev {
  opacity: .7;
}

.bem-page__balance-tariff-nav #tariff-nav_next:hover, .bem-page__balance-tariff-nav #tariff-nav_prev:hover {
  opacity: 1;
}

.bem-page__balance-tariff-nav #tariff-nav_next svg {
  transform: rotate(180deg);
}

.bem-page__leak {
  width: 578px;
  border: 1px solid #E3E5E8;
  border-radius: 8px;
  padding: 24px 40px 12px;
}

.bem-page__leak .bem-page_hr_hor {
  margin-left: -40px;
  margin-right: -40px;
  width: calc(100% + 80px);
}

.bem-page__leak .success-message {
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
}

.bem-page__leak .success-icon {
  font-size: 40px;
  color: #1FCF5F;
}

.bem-page__leak-message p {
  color: #818C9C;
  margin-top: 8px;
  margin-bottom: 4px;
}

.bem-page__leak-message p:first-child {
  font-size: 16px;
  line-height: 24px;
  color: black;
}

.bem-page__success {
  margin: 40px 0;
  font-size: 16px;
  line-height: 20px;
}

.bem-page__success .bem-page__cancel-area {
  margin-top: 24px;
  text-align: center;
}

.bem-page__success .bem-page__description {
  margin-top: 16px;
  padding: 0 16px;
}

.bem-page__features {
  width: 80%;
  margin: 48px auto 32px;
}

.bem-page__feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  margin-top: 8px;
  margin-bottom: 16px;
}

.bem-page__feature_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  background-color: #008DFF;
  color: #fff;
}

.bem-page__feature i {
  font-size: 16px;
  line-height: 20px;
}

.bem-page__ent-cp .bem-warning {
  margin-top: 40px;
}

.bem-page__ent-cp .bem-warning .bem-icon-block {
  justify-content: flex-start;
}

.bem-page__ent-cp-title {
  margin: 40px 0 24px;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
}

.bem-page__ent-cp-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bem-page__ent-cp-lead > :nth-child(n) {
  margin-top: 24px;
}

.bem-page__ent-cp-lead > :first-child {
  margin-top: 0;
}

.bem-page__ent-cp-logo-list {
  display: inline-block;
  margin-top: 40px !important;
}

.bem-page__ent-cp-logo-list img {
  border: 3px solid #FFFFFF;
  margin-left: -8px;
  display: inline-block;
  float: right;
}

.bem-page__ent-cp-logo-list img:last-child {
  margin-left: 0;
}

.bem-page__ent-cp-cp-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.bem-page__ent-cp-cp-list > :nth-child(n) {
  margin-top: 16px;
}

.bem-page__ent-cp-cp-list > :first-child {
  margin-top: 0;
}

.bem-page__ent-cp-cp-list-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #F0F0F0;
  box-sizing: border-box;
  padding: 16px;
}

.bem-page__ent-cp-cp-list-item img {
  margin-right: 12px;
}

.bem-page__ent-cp-cp-list-item:first-child {
  margin-top: 0;
}

.bem-page__ent-cp-cp-list-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.bem-page__ent-cp-cp-list-subtitle {
  font-weight: 400;
  color: #818C9C;
}

.bem-page__info-with-icon_note {
  position: absolute;
  background-color: #000000;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  width: 248px;
  bottom: 36px;
  left: -110px;
  display: none;
}

.bem-page__info-with-icon_note:before {
  content: '';
  position: absolute;
  border: 5px solid transparent;
  /* Прозрачные границы */
  border-top: 5px solid #000000;
  bottom: -10px;
  left: 119px;
}

.bem-page__balance_fade {
  position: relative;
  padding-right: 10px !important;
  margin-left: -24px;
}

.bem-page__balance_fade:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 100%;
  right: 10px;
  top: 0;
  background: linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.bem-page__balance_fade:before {
  content: '';
  position: absolute;
  width: 24px;
  height: 100%;
  left: 0px;
  top: 0;
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}

.bem-page__balance_fade .bem-page__title {
  margin-left: 24px;
}

.bem-page__balance_fade .bem-page__balance-tariff-box:first-child {
  margin-left: 24px;
}

.bem-page__balance_fade .bem-page__balance-tariff-box:last-child {
  margin-right: 24px;
}

.bem-page__row_center {
  justify-content: center;
}

.bem-page__row_around {
  justify-content: space-around;
}

.bem-page__row_between {
  justify-content: space-between;
}

.bem-page__row_start {
  justify-content: flex-start;
}

.bem-page__row_end {
  justify-content: flex-end;
}

.bem-page__column_center {
  align-items: center;
}

.bem-page__column_left {
  align-items: flex-start;
}

.bem-page__column_start {
  align-items: flex-start;
}

.bem-page__column_end {
  align-items: flex-end;
}

.bem-page_max-container {
  flex-grow: 1;
}

.bem-page_align_center {
  text-align: center;
}

.bem-page_align_left {
  text-align: left;
}

.bem-page_align_right {
  text-align: right;
}

.bem-page_margin_none {
  margin: 0;
}

.bem-page_margin_center {
  margin-left: auto;
  margin-right: auto;
}

.bem-page_padding_none {
  padding: 0;
}

.bem-page_main-page {
  padding-top: 0;
}

.bem-page_main-page .bem-info-block__title {
  height: 37px;
}

.bem-page_main-page .bem-search__form {
  height: 56px;
}

.bem-page_main-page .bem-search__select .bem-user-select__gap, .bem-page_main-page .bem-search__select.bem-user-select .bem-user-select__gap {
  height: 56px;
  padding: 0 29px 0 0;
  line-height: 56px;
}

.bem-page_main-page .bem-mark {
  display: none;
}

.bem-page_main-page .bem-posts-feed {
  margin-top: 0;
}

.bem-page_half {
  width: calc(50% - 8px);
}

.bem-page_full {
  width: 100%;
}

.bem-page_width_full {
  width: 100%;
}

.bem-page_width_auto {
  width: auto !important;
}

.bem-page_width_p60 {
  width: 60%;
  min-width: 60%;
}

.bem-page_width_p50 {
  width: 50%;
  min-width: 50%;
}

.bem-page_width_p40 {
  width: 40%;
  min-width: 40%;
}

.bem-page_width_p30 {
  width: 30%;
  min-width: 30%;
}

.bem-page_width_p25 {
  width: 25%;
  min-width: 25%;
}

.bem-page_width_p20 {
  width: 20%;
  min-width: 20%;
}

.bem-page_width_150 {
  width: 150px;
}

.bem-page_width_160 {
  width: 160px;
}

.bem-page_width_200 {
  width: 200px;
}

.bem-page_width_250 {
  width: 250px;
}

.bem-page_width_300 {
  width: 300px;
}

.bem-page_full_height {
  height: 100%;
}

.bem-page_height_full {
  height: 100%;
}

.bem-page_height_x40 {
  height: 40px;
}

.bem-page_margin_bottom {
  margin-bottom: 16px !important;
}

.bem-page_margin_bottom_x4 {
  margin-bottom: 4px;
}

.bem-page_margin_bottom_x8 {
  margin-bottom: 8px;
}

.bem-page_margin_bottom_x16 {
  margin-bottom: 16px;
}

.bem-page_margin_bottom_x24 {
  margin-bottom: 24px;
}

.bem-page_margin_bottom_x32 {
  margin-bottom: 32px;
}

.bem-page_margin_bottom_x40 {
  margin-bottom: 40px;
}

.bem-page_margin_top {
  margin-top: 40px;
}

.bem-page_margin_top_x40 {
  margin-top: 40px;
}

.bem-page_margin_top_x4 {
  margin-top: 4px;
}

.bem-page_margin_top_x8 {
  margin-top: 8px;
}

.bem-page_margin_top_x16 {
  margin-top: 16px;
}

.bem-page_margin_top_x24 {
  margin-top: 24px;
}

.bem-page_margin_top_x32 {
  margin-top: 32px;
}

.bem-page_margin_right {
  margin-right: 16px;
}

.bem-page_margin_right_x4 {
  margin-right: 4px;
}

.bem-page_margin_right_x8 {
  margin-right: 8px;
}

.bem-page_margin_right_x16 {
  margin-right: 16px;
}

.bem-page_margin_right_x24 {
  margin-right: 24px;
}

.bem-page_margin_right_x32 {
  margin-right: 32px;
}

.bem-page_margin_right_x40 {
  margin-right: 40px;
}

.bem-page_margin_right_x48 {
  margin-right: 48px;
}

.bem-page_margin_right_x64 {
  margin-right: 64px;
}

.bem-page_margin_left_x4 {
  margin-left: 4px;
}

.bem-page_margin_left_x8 {
  margin-left: 8px;
}

.bem-page_margin_left_x16 {
  margin-left: 16px;
}

.bem-page_margin_left_x24 {
  margin-left: 24px;
}

.bem-page_margin_left_x32 {
  margin-left: 32px;
}

.bem-page_font_red {
  color: #FF6366;
}

.bem-page_font_gray {
  color: #818C9C;
}

.bem-page_font_medium-gray {
  color: #A3AEB1;
}

.bem-page_font_blue {
  color: #008DFF;
}

.bem-page_font_light-gray {
  color: #E3E5E8;
}

.bem-page_font_white {
  color: #FFFFFF;
}

.bem-page_font_white a {
  color: #FFFFFF;
}

.bem-page_font_black {
  color: #000;
}

.bem-page_font_green {
  color: green;
}

.bem-page_font_brown {
  color: brown;
}

.bem-page_font-size_giant {
  font-size: 72px;
  line-height: 82px;
  font-weight: 900;
}

.bem-page_font-size_huge {
  font-size: 40px;
  line-height: 48px;
}

.bem-page_font-size_bigger {
  font-size: 24px;
  line-height: 32px;
}

.bem-page_font-size_big {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: -0.45px;
  font-weight: 400;
}

.bem-page_font-size_mid {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: -0.15px;
  font-weight: 400;
}

.bem-page_font-size_normal {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: -0.24px;
  font-weight: 400;
}

.bem-page_font-size_small {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.08px;
  font-weight: 400;
}

.bem-page_font-size_tiny {
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0.07px;
  font-weight: 400;
}

.bem-page_font-size_min {
  font-size: 10px;
  line-height: 12px;
}

.bem-page_font-weight_normal {
  font-weight: normal;
}

.bem-page_font-weight_bold {
  font-weight: bold;
}

.bem-page_bg_gray .bem-circle-block:not(.bem-circle-block_theme_yellow), .bem-page_bg_blue .bem-circle-block:not(.bem-circle-block_theme_yellow), .bem-page_bg_green .bem-circle-block:not(.bem-circle-block_theme_yellow), .bem-page_bg_ginger .bem-circle-block:not(.bem-circle-block_theme_yellow), .bem-page_bg_red .bem-circle-block:not(.bem-circle-block_theme_yellow) {
  background-color: white;
}

.bem-page_bg_gray {
  background-color: #F7F8FA;
}

.bem-page_bg_blue {
  background-color: #008DFF;
}

.bem-page_bg_green {
  background-color: #3D753D;
}

.bem-page_bg_ginger {
  background-color: #B34C2F;
}

.bem-page_bg_red {
  background-color: #CF2D2D;
}

.bem-page_nowrap {
  white-space: nowrap;
}

.bem-page_wrap {
  white-space: normal;
}

.bem-page_border_no {
  border: none;
}

.bem-page_relative {
  position: relative;
}

.bem-page_desktop {
  display: flex;
}

.bem-page_mobile {
  display: none;
  width: 100%;
}

.bem-page_opacity {
  opacity: 0;
  transition: 1s ease-in-out;
}

.bem-page__row_statistic, .bem-page__row_search, .bem-page__row_lists {
  padding: 12px;
  border-radius: 8px;
  position: relative;
}

.bem-page__row_statistic:hover, .bem-page__row_search:hover, .bem-page__row_lists:hover {
  background-color: #F7F8FA;
}

.bem-page__row_statistic:hover .bem-circle-block_theme_gray, .bem-page__row_search:hover .bem-circle-block_theme_gray, .bem-page__row_lists:hover .bem-circle-block_theme_gray {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.bem-page__row_statistic:hover .bem-search__label_gray, .bem-page__row_search:hover .bem-search__label_gray, .bem-page__row_lists:hover .bem-search__label_gray {
  background-color: white;
}

.bem-page__row_statistic:hover .bem-search__label_gray.bem-search__label_user:after, .bem-page__row_search:hover .bem-search__label_gray.bem-search__label_user:after, .bem-page__row_lists:hover .bem-search__label_gray.bem-search__label_user:after {
  border-left-color: white;
}

.bem-page__row_statistic > .bem-icon-block > :first-child, .bem-page__row_search > .bem-icon-block > :first-child, .bem-page__row_lists > .bem-icon-block > :first-child {
  margin-right: 16px;
}

.bem-page__row_lists {
  padding: 8px 12px;
  margin-left: -24px;
  margin-right: -24px;
  width: calc(100% + 48px);
}

.bem-page__row_search {
  padding: 22px 16px;
}

.bem-page__balance_bg {
  padding: 16px 40px 0 0;
  background: url("../2020/images/bracket.svg") no-repeat right top;
  background-size: contain;
  margin-right: 32px;
  min-width: 240px;
}

.bem-page__balance_bg:last-child {
  margin-right: 0;
  background: none;
  padding-right: 0;
}

.bem-page__balance_bg:first-child {
  width: 200px;
}

.bem-page__balance-company_title {
  font-size: 40px;
  line-height: 48px;
  font-weight: bold;
}

.bem-page__balance_inactive .bem-page__balance-company {
  opacity: .4;
}

.bem-page__card_new {
  border: 1px dashed #008DFF;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 4px;
}

.bem-page__card_security {
  background: rgba(0, 141, 255, 0.05);
  border-radius: 0 0 6px 6px;
  padding: 8px 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bem-page__card_security span {
  text-align: left;
}

.bem-page__card_one {
  box-shadow: 0px 2px 16px #E0E2EC;
  justify-content: flex-end;
  align-items: flex-end;
}

.bem-page__card-list {
  box-sizing: border-box;
  width: 100%;
  min-width: 100%;
}

.bem-page__card_list {
  box-shadow: 0px 2px 16px #E0E2EC;
  height: 56px;
  min-height: 56px;
}

.bem-page__card_list:nth-child(n+4) {
  display: none;
}

.bem-page__card-logo_visa {
  background-image: url("../2020/images/credit-cards-svg/visa.svg");
}

.bem-page__card-logo_mastercard {
  background-image: url("../2020/images/credit-cards-svg/mastercard.svg");
}

.bem-page__card-logo_amex {
  background-image: url("../2020/images/credit-cards-svg/amex.svg");
}

.bem-page__card-logo_jcb {
  background-image: url("../2020/images/credit-cards-svg/jcb.svg");
}

.bem-page__card-logo_maestro {
  background-image: url("../2020/images/credit-cards-svg/maestro.svg");
}

.bem-page__card-logo_mir {
  background-image: url("../2020/images/credit-cards-svg/mir.svg");
}

.bem-page__card-logo_unionpay {
  background-image: url("../2020/images/credit-cards-svg/unionpay.svg");
}

.bem-page__card__bem-modal {
  box-shadow: none;
  border-bottom: 1px solid #E3E5E8;
  width: 100%;
  min-width: 100%;
  border-radius: 0;
  padding: 16px 0;
}

.bem-page__card__bem-modal .bem-page__card-logo {
  right: 26px;
  left: inherit;
  background-size: contain;
  background-position: right center;
}

.bem-page__card__bem-modal .bem-icon-block__delete {
  right: 0;
}

.bem-page__card__bem-modal .bem-form__label-check-radio {
  margin-bottom: 0;
}

.bem-page__card__bem-modal .bem-page_font-size_bigger {
  font-size: 24px;
}

.bem-page__grid_plan {
  grid-template-rows: auto;
  grid-template-columns: minmax(max-content, 1fr) minmax(100px, 200px) minmax(100px, 200px) minmax(100px, 160px);
  grid-gap: 0;
  align-items: center;
}

.bem-page_hr_vert {
  min-width: 1px;
  height: calc(100% + 48px);
  border-right: 1px solid #E3E5E8;
  border-top: 0;
  margin: -24px 32px;
  width: 1px;
}

.bem-page_hr_hor {
  height: 1px;
  width: 100%;
  border-color: #E3E5E8;
}

/*  bem-page: @media-условия */
@media screen and (max-width: 1264px) {
  .bem-page {
    width: 100vw;
    margin: 0;
  }
}

@media screen and (max-width: 1200px) {
  .bem-page__balance_bg .bem-page_font-size_mid {
    font-size: 14px;
    line-height: 20px;
  }
}

@media screen and (max-width: 1160px) {
  .bem-page__company .bem-page__break {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 1124px) {
  .bem-page_main-page .bem-posts {
    margin: 0 0 0 260px;
  }
}

@media screen and (max-width: 1080px) {
  .bem-page__balance_bg {
    padding-right: 20px;
    margin-right: 20px;
  }
  .bem-page__balance_bg:first-child {
    width: 180px;
  }
  .bem-page__balance-company_title {
    font-size: 32px;
    line-height: 38px;
  }
  .bem-page__success .bem-page__features-list {
    grid-template-columns: repeat(auto-fill, minmax(clamp(50%, 200px, 100%), 1fr));
  }
}

@media screen and (max-width: 960px) {
  .bem-page__card {
    width: 280px;
    min-width: 280px;
  }
  .bem-page__card .bem-page_font-size_bigger {
    font-size: 16px;
  }
  .bem-page__card__bem-modal {
    width: 100%;
    min-width: 100%;
  }
  .bem-page__card__bem-modal .bem-page_font-size_bigger {
    font-size: 24px;
  }
  .bem-page__card_number > div {
    display: none;
  }
  .bem-page__balance_bg .bem-page_font-size_mid {
    font-size: 12px;
  }
  .bem-page__search .bem-sidebar.bem-sidebar__bem-page__search {
    width: auto;
    min-width: 40%;
    max-width: 50%;
  }
  .bem-page__search .bem-page__break {
    flex-direction: column;
    align-items: flex-start;
  }
  .bem-page__company .bem-page_width_p60 {
    width: auto;
  }
  .bem-page__promotion_trend {
    width: 64px;
    height: 64px;
    min-height: 64px;
    min-width: 64px;
  }
  .bem-page__balance_bg {
    min-width: 180px;
  }
  .bem-page__balance-company_title {
    font-size: 28px;
    line-height: 34px;
  }
}

@media screen and (max-width: 768px) {
  .bem-page_desktop {
    display: none !important;
  }
  .bem-page_mobile {
    display: block;
  }
  /*
    fieldset .bem-page__row {
        flex-direction: column;    
    }
*/
  .bem-page_half {
    width: 100%;
    margin-bottom: 14px;
  }
  .bem-page_half:last-child {
    margin-bottom: 0;
  }
  .bem-page_main-page .bem-posts {
    margin-left: 0;
  }
  .bem-page_main-page .bem-posts__settings-panel_group .bem-dropdown__container {
    position: fixed;
    top: 0;
    max-width: 100%;
    width: 100%;
    border-radius: 0;
  }
  .bem-page_main-page .bem-posts__settings-panel_group .bem-posts__create-header-panel {
    display: flex;
  }
  .bem-page_main-page .bem-posts__create_fixed .bem-posts__create-header-panel .bem-posts__bem-dropdown .bem-dropdown__container {
    left: inherit;
    right: 0;
  }
  .bem-page_main-page .bem-posts__create_fixed .bem-posts__create-container .smart-input-form {
    margin-left: 0;
  }
  .bem-page__invites .bem-form {
    background: #F7F8FA;
    border-radius: 4px;
    padding: 0 16px;
    margin-bottom: 10px;
  }
  .bem-page__invites .bem-form fieldset {
    margin-bottom: 16px;
  }
  .bem-page__invites .bem-form legend {
    border-bottom: none;
  }
  .bem-page__invites .bem-form .bem-button {
    margin: 0 auto 8px;
    width: 100%;
  }
  .bem-page__invites .bem-form .bem-button_copy {
    width: auto;
    margin: 0;
  }
  .bem-page__invites .bem-form__phone > :last-child {
    flex-grow: 1;
  }
  .bem-page__invites .bem-form__phone-number {
    max-width: 100%;
  }
  .bem-page__invites-list > .bem-page__row > :first-child > :first-child {
    width: 100%;
    font-weight: bold;
  }
  .bem-page__invites-list > .bem-page__row > :last-child {
    width: 25%;
  }
  .bem-page__invites-list span {
    margin: 0;
  }
  .bem-page__invites-group > :first-child {
    order: 1;
  }
  .bem-page__invites-group > :last-child {
    justify-content: flex-start;
  }
  .bem-page__invites-group > :last-child .bem-page__invites-text {
    order: 1;
    margin: 0 8px;
    font-weight: bold;
    color: black;
  }
  /*
    .bem-page__balance_options {
        flex-direction: column;
    }
*/
  .bem-page__balance_bg {
    width: 100%;
    align-items: center;
    margin-right: 0;
    padding: 24px 0;
    background: url("../2020/images/bracket-h.svg") no-repeat center bottom;
  }
  .bem-page__balance_bg:first-child {
    width: 100%;
  }
  .bem-page__balance_bg .bem-page_font-size_mid {
    font-size: 16px;
    line-height: 20px;
  }
  .bem-page__balance_bg .bem-page_font-size_huge {
    font-size: 48px;
  }
  .bem-page__balance-company_title {
    font-size: 40px;
    line-height: 48px;
  }
  .bem-page__card {
    width: 331px;
    min-width: 331px;
  }
  .bem-page__card .bem-page_font-size_bigger {
    font-size: 24px;
  }
  .bem-page__card_number > div {
    display: flex;
  }
  .bem-page__balance-company img {
    height: 48px;
    min-height: 48px;
  }
  .bem-page__search .bem-profile__nav-container {
    min-width: min-content;
  }
  .bem-page__search .bem-profile__nav-container .bem-profile__nav-item {
    padding: 8px 12px;
  }
  .bem-page__search .bem-circle-block_size_huge:not(.bem-page__search_icon) {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
  .bem-page__search .bem-page__mark {
    margin-top: 0;
    margin-right: 0;
  }
  .bem-page__search .bem-sidebar.bem-sidebar__bem-page__search {
    order: 1;
    width: 100vw;
    min-width: auto;
    max-width: 100vw;
    border: none;
    border-bottom: 1px solid #E3E5E8;
    margin: 0 -24px;
    padding: 0 24px;
  }
  .bem-page__search .bem-page__row_search {
    padding: 8px;
  }
  .bem-page__search .bem-info-block__message {
    width: 100vw;
    margin-left: -24px;
    padding-right: 32px;
  }
  .bem-page__search-content {
    order: 2;
  }
  .bem-page__company-info > :first-child {
    order: 1;
  }
  .bem-page__company-info > :last-child {
    order: 0;
  }
  .bem-page__balance_fade {
    margin-left: 0;
    padding-right: 0 !important;
  }
  .bem-page__balance_fade:after {
    right: 0;
  }
  .bem-page__success h2 {
    font-size: 24px;
  }
  .bem-page__features {
    width: 100%;
    margin: 32px auto 16px;
  }
  .bem-page__success .bem-page__description {
    margin-top: 8px;
  }
  .bem-page__list-header {
    flex-direction: column;
    align-items: center;
    margin: 16px 0;
  }
  .bem-page__list-header > .bem-circle-block {
    margin: 0;
  }
  .bem-page__ent-cp .bem-warning {
    margin-top: 32px;
  }
  .bem-page__ent-cp-container {
    flex-direction: column;
  }
  .bem-page__ent-cp-container > :nth-child(n) {
    width: 100%;
  }
  .bem-page__ent-cp-title {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 16px;
  }
  .bem-page__ent-cp .bem-page_hr_hor {
    margin-left: -24px !important;
    margin-right: -24px !important;
    width: calc(100% + 48px);
  }
  .bem-page__ent-cp-logo-list {
    display: none;
  }
  .bem-page__ent-cp-cp-list {
    margin-top: 32px;
  }
}

@media screen and (max-width: 660px) {
  .bem-page__invoice-page .bem-page__row.bem-page__break {
    flex-direction: column;
    align-items: flex-start;
  }
  .bem-page__invoice-page .bem-page__row.bem-page__break .bem-form__input {
    margin-right: 0;
    width: 100%;
  }
  .bem-page__invoice-page .bem-page__row.bem-page__break > :last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 640px) {
  .bem-page__row_lists {
    margin: 0;
    width: 100%;
  }
  .bem-page__leak {
    width: 100%;
    border: none;
    border-radius: 8px;
    padding: 24px 0px 12px;
  }
}

@media screen and (max-width: 590px) {
  .bem-page__block__content {
    padding: 16px 0;
  }
  .bem-page__corp-bill {
    padding: 16px;
  }
  .bem-page__invoice-page_item > .bem-page__row {
    flex-direction: column;
  }
}

@media screen and (max-width: 500px) {
  .bem-page__card {
    width: 280px;
    min-width: 280px;
  }
  .bem-page__card .bem-page_font-size_bigger {
    font-size: 16px;
  }
  .bem-page__card .bem-page_font-size_mid {
    font-size: 14px;
  }
  .bem-page__card__bem-modal {
    width: 100%;
    min-width: 100%;
  }
  .bem-page__card__bem-modal .bem-page_font-size_bigger {
    font-size: 24px;
  }
  .bem-page__card__bem-modal .bem-page_font-size_mid {
    font-size: 16px;
  }
  .bem-page__company .bem-page__break > .bem-page__row {
    flex-direction: column;
    align-items: flex-start;
  }
  .bem-page__balance-tariff-box {
    width: 280px;
  }
  .bem-page__balance-tariff-box h2 {
    font-size: 28px;
  }
  .bem-page__balance_fade .bem-page__title {
    margin-left: 0;
  }
}

@media screen and (max-width: 460px) {
  .bem-page__promotion__bem-modal .bem-button {
    width: 100%;
  }
}

@media screen and (max-width: 380px) {
  .bem-page__row_statistic {
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 0;
  }
  .bem-page__row_statistic > .bem-icon-block > :first-child {
    margin-right: 8px;
  }
  .bem-page__balance .bem-profile__nav-item {
    padding: 8px 12px;
  }
  .bem-page__balance_bg {
    background-size: contain;
  }
  .bem-page__balance-company_title {
    font-size: 28px;
    line-height: 34px;
  }
  .bem-page__leak-btn {
    width: 100% !important;
  }
}

@media screen and (max-width: 320px) {
  .bem-page__card__bem-modal .bem-page_font-size_bigger {
    font-size: 18px;
  }
  .bem-page__ent-cp .bem-page_hr_hor {
    margin-left: -16px !important;
    margin-right: -16px !important;
    width: calc(100% + 32px);
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-header, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-header {
  display: flex;
  flex-direction: column;
  width: 100vw;
  position: relative;
  background: white;
  z-index: 4;
  border-bottom: 1px solid #E3E5E8;
  box-sizing: content-box;
  /* bem-header: Элементы */
  /* bem-header: Модификаторы */
  /* bem-header: Миксины */
}

.bem-header__panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1264px;
  height: 56px;
  padding: 0 32px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  background-color: #FFFFFF;
  font-size: 13px;
  letter-spacing: -0.08px;
}

.bem-header__bem-logo {
  padding-right: 65px;
  display: flex;
  align-items: center;
}

.bem-header__bem-logo .bem-logo__brand img {
  max-height: 36px;
  border-radius: 4px;
}

.bem-header__bem-logo .bem-logo__project img {
  height: 20px;
  width: auto;
}

.bem-header__bem-logo .bem-logo__delim {
  margin: 0 4px;
}

.bem-header__search-icon {
  display: none;
}

.bem-header__new-user {
  display: none;
}

.bem-header__new-user img {
  display: block;
  float: left;
  margin-right: 8px;
}

.bem-header__new-user span {
  white-space: nowrap;
}

.bem-header__recharge {
  white-space: nowrap;
  display: none;
}

.bem-header__search-text {
  width: calc(100% - 32px);
}

.bem-header__user-profile {
  display: flex;
  align-items: center;
}

.bem-header__user-profile__img {
  margin: 0 12px 0 12px;
  cursor: pointer;
  box-sizing: content-box;
  border: 2px solid transparent;
}

.bem-header__user-profile:hover .bem-header__user-profile__img {
  border: 2px solid #008DFF;
}

.bem-header__fixed {
  position: fixed;
  top: 0px;
  left: 0;
}

.bem-header__balance {
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
}

.bem-header__balance a {
  color: black;
}

.bem-header__jarvis {
  margin-left: 30px;
}

.bem-header__jarvis-icon {
  border: none;
  background: none;
  position: relative;
}

.bem-header__jarvis-icon:hover {
  border: 2px solid #008DFF;
}

.bem-header__jarvis-icon:hover .bem-header__jarvis-messages {
  left: 12px;
  top: -5px;
}

.bem-header__jarvis-messages {
  position: absolute;
  top: -3px;
  left: 14px;
  color: #fff;
  background: #F24444;
  border: 2px solid #fff;
  min-height: 16px;
  min-width: 16px;
  padding: 0 3px;
  border-radius: 8px;
  white-space: nowrap;
  font-size: 9px;
  line-height: 12px;
  font-weight: bold;
}

.bem-header__jarvis-list {
  display: none;
  overflow-y: auto;
  position: absolute;
  right: 32px;
  top: 56px;
  width: 360px;
  min-width: 240px;
  max-height: calc(100vh - 76px);
  background: white;
  z-index: 1;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.18);
  border-radius: 4px;
  padding: 0;
}

.bem-header__jarvis-list__item {
  padding: 12px 16px;
  margin: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.bem-header__jarvis-list__item:last-child {
  border-bottom: 0;
}

.bem-header__jarvis-list__item .bem-jarvis__icon {
  width: 56px;
  min-width: 56px;
  height: 56px;
  min-height: 56px;
  font-size: 22px;
  border: none;
}

.bem-header__jarvis-list__item .bem-jarvis__icon:before {
  width: 28px;
  height: 28px;
  -webkit-mask-size: 28px;
  mask-size: 28px;
}

.bem-header__jarvis-list__item_loader {
  text-align: center;
  cursor: pointer;
  color: #008DFF;
  background: #F8FAFB;
}

.bem-header__jarvis-list__item_loader:hover {
  color: #0063b3;
  background: #F5F7F9;
}

.bem-header__delim {
  margin: 0 24px;
  display: none;
}

.bem-header_index:not(.bem-header__fixed) {
  border: none;
}

.bem-header_index:not(.bem-header__fixed) .bem-header__bem-logo {
  display: none;
}

.bem-header_index:not(.bem-header__fixed) .bem-header__recharge, .bem-header_index:not(.bem-header__fixed) .bem-header__new-user, .bem-header_index:not(.bem-header__fixed) .bem-header__delim {
  display: block;
}

.bem-header_shadow {
  border-bottom: none;
  box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.18);
}

.bem-header__fixed_border_unset {
  border-bottom: none;
}

.bem-header .bem-header__jarvis-icon_active {
  background: #008DFF;
  color: white;
  border-color: #008DFF;
}

.bem-header .bem-header__jarvis-icon_active .bem-icon-block__svg {
  fill: #FFFFFF;
}

.bem-header__bem-search {
  flex-grow: 1;
  position: relative;
}

.bem-header__bem-search .bem-search {
  width: auto;
}

.bem-header__bem-search .bem-search__form {
  display: flex;
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  height: 36px;
  width: 75%;
  max-width: 488px;
  min-width: 330px;
}

.bem-header__bem-search .bem-search__form .bem-header__search-icon {
  display: block;
  margin: 0 0 0 12px;
}

.bem-header__bem-search .bem-search__input {
  width: 100%;
  height: 100%;
  border: none;
  margin: 0 0 0 16px;
  position: relative;
}

.bem-header__bem-search .bem-search__history {
  max-width: 488px;
  min-width: 330px;
  width: 75%;
  top: 38px;
}

.bem-header__bem-search .bem-user-select {
  display: none;
}

.bem-header__bem-search .bem-search__bem-button {
  min-width: 79px;
  border-left: 1px solid #F0F0F0;
  color: #818C9C;
  background: none;
  border-radius: 0 4px 4px 0;
}

.bem-header__bem-search .bem-search__bem-button:hover {
  background: #F0F0F0;
  color: #818C9C;
}

/* bem-header: @media условия */
@media screen and (max-width: 1264px) {
  .bem-header__panel {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .bem-header__panel {
    padding: 0 24px;
  }
  .bem-header__balance {
    order: 2;
  }
  .bem-header__user-profile__img {
    margin-left: 0;
    margin-right: 8px;
  }
  .bem-header__delim {
    display: none !important;
  }
  .bem-header .bem-header__bem-logo {
    order: 3;
    flex-grow: 1;
    text-align: center;
    justify-content: center;
    padding: 0 !important;
    margin-left: 52px;
  }
  .bem-header .bem-header__bem-logo .bem-logo__brand {
    display: none;
  }
  .bem-header .bem-header__bem-logo .bem-logo__delim {
    display: none;
  }
  .bem-header .bem-header__bem-logo img {
    margin: 0;
  }
  .bem-header.bem-header_guest .bem-header__bem-logo {
    margin-left: 0;
  }
  .bem-header .bem-header__search-icon {
    display: block;
  }
  .bem-header .bem-header__bem-search .bem-search__form {
    display: none;
  }
  .bem-header .bem-header__bem-search .bem-search__form .bem-search__bem-button {
    display: none;
  }
  .bem-header .bem-header__new-user img {
    margin: 0;
  }
  .bem-header .bem-header__new-user span {
    display: none;
  }
  .bem-header_index .bem-header__bem-search {
    flex-grow: 1;
  }
  .bem-header_index .bem-header__search-icon {
    display: none;
  }
  .bem-header_index.bem-header__fixed .bem-header__bem-search {
    flex-grow: inherit;
  }
  .bem-header_index.bem-header__fixed .bem-header__search-icon {
    display: block;
  }
  .bem-header__user-profile__name {
    display: none;
  }
  .bem-header_guest .bem-header__bem-logo {
    order: 0;
    justify-content: left;
  }
  .bem-admin__panel-action {
    order: 3;
  }
  .bem-header__bem-search {
    order: 1;
    flex-grow: inherit;
  }
  .bem-header__new-user {
    order: 5;
    margin-left: 8px;
    padding: 0 !important;
    min-width: auto !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    font-size: 10px !important;
    line-height: 14px !important;
    display: none !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }
  .bem-header__new-user span {
    display: none;
  }
  .bem-header__new-user img {
    margin: 0;
    display: block;
    min-width: 16px;
  }
  .bem-header__search-panel .bem-header__bem-logo, .bem-header__search-panel .bem-header__bem-search > a, .bem-header__search-panel .bem-header__new-user, .bem-header__search-panel .bem-user-profile, .bem-header__search-panel .bem-header__balance, .bem-header__search-panel .bem-admin__panel-action, .bem-header__search-panel .bem-header__jarvis {
    display: none !important;
  }
  .bem-header__search-panel .bem-header__bem-search {
    flex-grow: 1;
    width: 100%;
  }
  .bem-header__search-panel .bem-header__bem-search .bem-search {
    width: 100%;
  }
  .bem-header__search-panel .bem-header__bem-search .bem-search__form {
    display: flex !important;
    width: calc(100% - 16px);
    margin: 0 8px;
    max-width: inherit;
    border: none;
  }
  .bem-header__search-panel .bem-search__close {
    display: block;
  }
  .bem-header__jarvis {
    order: 3;
    margin-left: 0;
  }
  .bem-header__jarvis-list {
    right: -360px;
    top: 0;
    z-index: 3;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    overflow-y: scroll;
  }
  .bem-header__jarvis-list .bem-page_relative .bem-circle-block:not(.bem-circle-block__notification-icon) {
    min-height: 56px;
    min-width: 56px;
    width: 56px;
    height: 56px;
  }
  .bem-header__bem-search .bem-search__form .bem-header__search-icon {
    margin-left: 0;
    display: none;
  }
  .bem-header__bem-search .bem-search__history {
    top: 46px;
    width: calc(100% + 48px);
    max-width: inherit;
    min-width: inherit;
    margin: 0 -24px;
  }
}

@media screen and (max-width: 560px) {
  .bem-header_guest .bem-auth__header-text {
    display: none !important;
  }
}

@media screen and (max-width: 420px) {
  .bem-header__jarvis-list {
    width: 240px;
  }
  .bem-header__jarvis-list .bem-personpic, .bem-header__jarvis-list .bem-page_relative .bem-circle-block:not(.bem-circle-block__notification-icon) {
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
  }
  .bem-header__jarvis-list .bem-circle-block__notification-icon {
    top: 20px;
    left: 22px;
    width: 24px;
    height: 24px;
    border-width: 1px;
  }
  .bem-header__jarvis-list .bem-circle-block__notification-icon .bem-icon-block__svg {
    min-height: 12px;
    min-width: 12px;
    width: 12px;
    height: 12px;
  }
  .bem-header__jarvis-list .bem-icon-block__svg {
    min-height: 24px;
    min-width: 24px;
    width: 24px;
    height: 24px;
  }
  .bem-header__jarvis-list .bem-page__note {
    flex-direction: column;
  }
  .bem-header__jarvis-list .bem-page__note .bem-link {
    margin-top: 4px;
  }
  .bem-header__jarvis-list__item {
    padding: 12px 12px;
  }
  .bem-header__jarvis-list__item .bem-jarvis__icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }
  .bem-header__jarvis-list__item .bem-jarvis__icon:before {
    width: 20px;
    height: 20px;
    -webkit-mask-size: 20px;
    mask-size: 20px;
  }
  .bem-header__jarvis-list__item:first-child {
    flex-direction: column;
    align-items: flex-start;
  }
}

.bem-password-recovery {
  position: relative;
  padding: 20px;
  max-width: 800px;
  max-height: 1000px;
  overflow: hidden;
  text-align: center;
  background: #FFFFFF;
  transition: all 0.1s ease-out 0s;
}

.bem-password-recovery.loading {
  max-height: 50px !important;
}

.bem-password-recovery.loading form {
  visibility: hidden;
}

.bem-password-recovery.loading::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 67px;
  height: 10px;
  margin-left: -33px;
  margin-top: -5px;
  background: url("../2020/images/loading-bar.gif") no-repeat center center;
}

.bem-password-recovery .bem-form__input {
  width: 400px;
  font-size: 15px;
}

.bem-password-recovery .g-recaptcha {
  display: inline-block;
}

.bem-password-recovery form .errors {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #E3E5E8;
}

.bem-password-recovery .row {
  display: block;
  text-align: center;
}

.bem-password-recovery__note {
  font-size: 17px;
}

.bem-password-recovery .bem-form__phone {
  display: inline-block;
}

.bem-password-recovery .phone-exists {
  display: inline-block;
  margin: auto;
  text-align: right;
}

.bem-password-recovery .phone-exists .phone-number {
  font-size: 42px;
  color: #000000;
}

.bem-password-recovery .phone-code-input .phone-code-input-note {
  margin-bottom: 15px;
  font-size: 17px;
}

.bem-password-recovery .phone-code-input input {
  width: 150px;
}

.bem-password-recovery .phone-code-input .phone-code-resend {
  margin-left: 20px;
  font-size: 13px;
}

.bem-password-recovery .recovery-methods {
  padding-top: 16px;
  text-align: center;
  border-top: 1px solid #E3E5E8;
}

.bem-password-recovery .recovery-methods .method {
  font-size: 27px;
  color: #000000;
}

.bem-password-recovery .recovery-methods .method .nc-radio {
  line-height: 28px;
}

.bem-password-recovery .recovery-methods .method .nc-radio label:before {
  top: 6px;
  margin-right: 12px;
}

.bem-password-recovery .recovery-methods .row-desc {
  margin-bottom: 20px;
  font-size: 17px;
}

.bem-password-recovery__submit .bem-button,
.bem-password-recovery__phone-code-send .bem-button {
  font-size: 14px;
  font-weight: normal;
  padding: 12px 20px;
  min-width: 150px;
}

.bem-personpic {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: #F7F8FA;
  font-size: 10px;
  line-height: 14px;
  color: #000;
}

.bem-personpic__img {
  opacity: 1;
  width: 100%;
}

.bem-personpic__img_50 {
  width: 50%;
}

.bem-personpic_died::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60%;
  height: 60%;
  background: url("../2020/images/died-black-stripe.svg") no-repeat right bottom;
  background-size: cover;
}

.bem-personpic_size_min {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}

.bem-personpic_size_small {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}

.bem-personpic_size_mid {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}

.bem-personpic_size_big {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}

.bem-personpic_size_bigger {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
}

.bem-personpic_size_max {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
}

.bem-personpic_size_huge {
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
}

.bem-personpic_size_78 {
  width: 78px;
  height: 78px;
  min-width: 78px;
  min-height: 78px;
}

.bem-personpic_size_102 {
  width: 102px;
  height: 102px;
  min-width: 102px;
  min-height: 102px;
}

.bem-personpic_size_132 {
  width: 132px;
  height: 132px;
  min-width: 132px;
  min-height: 132px;
}

.bem-personpic_size_180 {
  width: 180px;
  height: 180px;
  min-width: 180px;
  min-height: 180px;
}

@media screen and (max-width: 768px) {
  .bem-personpic__bem-page__list {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
  }
}

.bem-webcam-selfie__window {
  display: block;
  box-sizing: content-box;
  width: 320px;
  height: 240px;
  padding: 1px;
  border: 1px solid silver;
}

.bem-webcam-selfie__error {
  display: none;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  text-align: center;
  color: #E20000;
  font-size: 15px;
}

.bem-webcam-selfie__controls {
  margin-top: 10px;
  text-align: left;
}

.bem-webcam-selfie__button {
  min-width: 120px;
}

.bem-checkmark {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}

.bem-checkmark_size-10 {
  width: 10px;
  height: 10px;
}

.bem-checkmark_size-12 {
  width: 12px;
  height: 12px;
}

.bem-checkmark_size-14 {
  width: 14px;
  height: 14px;
}

.bem-checkmark_size-18 {
  width: 18px;
  height: 18px;
}

.bem-checkmark_size-20 {
  width: 20px;
  height: 20px;
}

.bem-checkmark_size-24 {
  width: 24px;
  height: 24px;
}

.bem-checkmark_size-32 {
  width: 32px;
  height: 32px;
}

.bem-checkmark_size-64 {
  width: 64px;
  height: 64px;
}

.bem-checkmark__img {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.bem-placebox__place-input-container {
  position: relative;
}

.bem-placebox__place-input {
  position: relative;
}

.bem-placebox__place-input .bem-form__input {
  padding-left: 24px !important;
}

.bem-placebox__place-icon {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 11px;
  left: 9px;
  font-size: 17px;
  color: #DEDEDE;
}

.bem-placebox_compact .bem-placebox__place-icon {
  top: 8px;
  font-size: 14px;
}

.bem-placebox__place-link .city-title::before {
  content: ', ';
}

.bem-placebox__place-link .fas {
  color: #999999;
}

.bem-placebox__place-line {
  list-style: none;
}

.bem-placebox .bem-autocomplete-list {
  width: 100%;
  min-width: 300px;
}

.bem-autocomplete-list .bem-placebox__place-line {
  padding: 5px 10px;
}

.bem-autocomplete-list .bem-placebox__place-line .bem-placebox__country-code {
  float: right;
  padding-top: 1px;
  font-weight: bold;
  font-size: 11px;
}

.bem-autocomplete-list .bem-placebox__place-line .bem-placebox__name-line {
  font-size: 14px;
}

.bem-autocomplete-list .bem-placebox__place-line .bem-placebox__admin-name-line {
  font-size: 11px;
  margin-top: 2px;
  color: #999999;
}

.bem-phone {
  margin-top: 16px;
}

.bem-page_bg_gray .bem-phone {
  margin-left: 16px;
  margin-right: 16px;
}

.bem-phone:first-child {
  margin-top: 0;
}

.bem-phone__icon {
  margin-right: 8px;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
  background: #F7F8FA;
  font-size: 16px;
  line-height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #707070;
}

.bem-page_bg_gray .bem-phone__icon {
  background: #FFFFFF;
}

.bem-phone__number-row {
  align-items: center;
}

.bem-phone__number {
  font-size: 20px;
  line-height: 24px;
  color: black;
  font-weight: bold;
}

.bem-phone_agent .bem-phone__number {
  font-size: 16px;
  line-height: 20px;
}

.bem-phone__comment_visibility {
  font-size: 11px;
}

.bem-phone__opinion-selector {
  display: flex;
  align-items: center;
}

.bem-phone__opinion-my {
  font-size: 12px;
}

.bem-phone__opinion-my i {
  margin-right: 3px;
}

.bem-phone__opinion-item {
  margin-right: 8px;
}

.bem-phone__opinion-item:last-child {
  margin-right: 0;
}

.bem-phone__opinion-my_positive a {
  color: #4AC068;
  border-color: #4AC068;
}

.bem-phone__opinion-my_positive a:hover {
  color: #55E77A;
  border-color: #55E77A !important;
}

.bem-phone__opinion-my_negative a {
  color: #FE7678;
  border-color: #FE7678 !important;
}

.bem-phone__opinion-my_negative a:hover {
  color: #FF9191;
  border-color: #FF9191 !important;
}

.bem-email {
  margin-top: 16px;
}

.bem-page_bg_gray .bem-email {
  margin-left: 16px;
  margin-right: 16px;
}

.bem-email:first-child {
  margin-top: 0;
}

.bem-email__icon {
  margin-right: 8px;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
  background: #F7F8FA;
  font-size: 16px;
  line-height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #707070;
}

.bem-page_bg_gray .bem-email__icon {
  background: #FFFFFF;
}

.bem-email__row {
  align-items: center;
}

.bem-email__email {
  font-size: 20px;
  line-height: 24px;
  color: black;
  font-weight: bold;
}

.bem-email_agent .bem-email__email {
  font-size: 16px;
  line-height: 20px;
}

.bem-email__comment_visibility {
  font-size: 11px;
}

.bem-email_not-confirmed .bem-email__email,
.bem-email_not-confirmed .bem-email__icon {
  color: #d8544f;
}

.bem-autocomplete-list {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  display: none;
  width: 100%;
  background: white;
  border-radius: 8px;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.3);
  top: 40px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 300px;
}

.bem-autocomplete-list li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 0 !important;
  cursor: pointer;
  text-align: left;
  padding: 5px 16px;
  border-top: 1px solid #F7F8FA !important;
  list-style: none;
  line-height: 120%;
}

.bem-autocomplete-list li:first-child {
  border-top: none;
}

.bem-autocomplete-list li.selected {
  background-color: #F7F8FA;
}

.bem-autocomplete-list li:hover {
  background-color: #F7F8FA !important;
}

.bem-autocomplete-list li:active {
  background-color: #F7F8FA;
}

.bem-langs-popup__items {
  padding-bottom: 50px;
}

.bem-langs-popup__items .bem-langs-popup__column-4 {
  float: left;
  width: 25%;
}

.bem-langs-popup__items .bem-langs-popup__item {
  height: 40px;
  overflow: hidden;
  margin-bottom: 10px;
}

.bem-langs-popup__items .bem-langs-popup__item.selected .bem-langs-popup__select-lang {
  color: #292727;
  font-weight: bold;
}

.bem-langs-popup__items .bem-langs-popup__item .bem-langs-popup__original-name {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0.07px;
  font-weight: 400;
}

.bem-langs-popup__items .bem-langs-popup__item .bem-langs-popup__select-lang {
  font-size: 15px;
}

.bem-langs-popup__buttons {
  position: absolute;
  bottom: 20px;
  right: 40px;
  background: white;
  border-radius: 5px;
  padding: 15px 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.bem-translatable-button {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  margin: -7px 32px 0 0;
  display: flex;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: white;
}

.bem-translatable-button img {
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.5;
}

.bem-translatable-button:hover img {
  opacity: 1;
}

.bem-agent-selector .bem-search {
  width: auto;
}

.bem-agent-selector__search-note {
  margin-top: 4px;
  font-size: 12px;
  line-height: 110%;
  color: #999999;
}

.bem-agent-selector__search-result-rows {
  max-width: 100%;
  margin: 16px 0;
  padding: 2px;
  border: 1px solid #E3E5E8;
  border-radius: 5px;
}

.bem-promotags-form__row {
  margin-top: 16px;
}

.bem-promotags-form__row:first-child {
  margin-top: 0;
}

.bem-promotags-form__row:first-child .bem-promotags-form__tag-remove {
  display: none;
}

.bem-promotags-form__tag-field {
  position: relative;
  width: 50%;
  min-width: 350px;
}

@media screen and (max-width: 480px) {
  .bem-promotags-form__tag-field {
    min-width: 300px;
  }
}

.bem-promotags-form__tag-item {
  margin-top: 10px;
}

.bem-promotags-form__tag-item-change {
  margin-left: 16px;
  font-size: 18px;
}

.bem-promotags-form__tag-remove {
  margin-left: 32px;
  font-size: 18px;
}

.bem-promotags-form__tag-details {
  margin-top: 5px;
  font-size: 16px;
}

.bem-promotags-form__submit {
  margin-left: 16px;
  font-size: 16px;
}

.bem-promotags-form__submit .value {
  color: #008DFF;
}

@media screen and (max-width: 768px) {
  .bem-promotags-form__tag-details {
    font-size: 14px;
  }
  .bem-promotags-form__submit {
    font-size: 12px;
  }
}

.bem-promotags-form__total-cost {
  margin-left: 5px;
}

.bem-promotags-form__promoted-item {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e6e6e6;
  border-color: #e6e6e6 !important;
}

.bem-promotags-form__promoted-item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.bem-promotags-form__promoted-item div {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.bem-promotags-form__offer-buttons {
  text-align: center;
}

.bem-promotags-form__offer-buttons .bem-button {
  min-width: 150px;
}

.bem-record {
  position: relative;
}

.bem-record__tags {
  margin-top: 3px;
  font-size: 0.8em;
  color: #666666;
}

.bem-record__company {
  color: #4d4d4d;
}

.bem-record__action {
  position: absolute;
  top: 5px;
  right: 10px;
}

.bem-common-persons-list {
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.bem-common-persons-list__person {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 8px 5px;
  border-top: 1px solid #F7F8FA;
}

.bem-common-persons-list__person:first-child {
  border-top: none;
}

.bem-common-persons-list__person .bem-personpic {
  margin-right: 10px;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}

.bem-common-persons-list__person-tags {
  margin-top: 3px;
  font-size: 0.8em;
  color: #999999;
}

.bem-common-persons-list__person-info {
  display: flex;
  flex-direction: column;
}

.bem-common-persons-list__person-name {
  line-height: 100%;
}

.bem-common-persons-list__person-work {
  margin-top: 3px;
  font-size: 0.9em;
  white-space: normal;
  color: #666666;
}

.bem-common-persons-list__action {
  position: absolute;
  top: 5px;
  right: 10px;
}

.bem-common-persons-list_hovered .bem-common-persons-list__person:hover {
  background-color: #F7F8FA !important;
}

.bem-common-persons-list_selected {
  background-color: #F7F8FA !important;
}

.bem-invitebox_invites .bem-invitebox__submit {
  margin-top: 18px;
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .bem-invitebox_invites .bem-invitebox__submit {
    margin-top: 0;
  }
}

.bem-contact-data-item-info-block {
  min-width: 220px;
  max-width: 380px;
  font-size: 11px;
}

.bem-contact-data-item-info-block .row {
  margin-top: 5px;
}

.bem-contact-data-item-info-block .row:first-child {
  margin-top: 0px;
}

.bem-contact-data-item-info-block ul {
  margin: 5px 0px 0px 10px;
}

.bem-contact-data-item-info-block .row-separator {
  display: block;
  height: 1px !important;
  margin: 5px 0 !important;
  background: #E5E5E5;
}

.bem-contact-data-item-info-block .row .phone-verify-sep {
  margin-left: 5px;
  margin-right: 5px;
}

.bem-contact-data-item-info-block .facebook-profile-summary {
  margin-top: 10px;
}

.bem-contact-data-item-info-block .facebook-profile-summary .row {
  margin-top: 1px;
}

.bem-contact-data-item-info-block .facebook-profile-summary .row:first-child {
  margin-top: 0;
}

.bem-ent-manage-table__td-tariff .tariff-name {
  font-size: 17px;
}

.bem-ent-manage-table__td-tariff .workplace {
  margin-top: 2px;
  font-size: 12px;
  line-height: 14px;
}

.bem-ent-manage-table__td-tariff .company-logo {
  width: 12px;
  height: 12px;
  margin-right: 3px;
  border-radius: 3px;
  vertical-align: middle;
}

.bem-ent-manage-table__td-tariff .history-request {
  margin-top: 15px;
}

.bem-ent-manage-table__td-tariff .history-request .request-title {
  display: block;
}

.bem-ent-manage-table__td-tariff .history-request .request-goto {
  margin-top: 5px;
}

.bem-ent-manage-table__td-tariff .history-request .alert-icon {
  color: #FF0000;
}

.bem-ent-manage-table__td-tariff .modified-time {
  margin-top: 5px;
  font-size: 12px;
  color: #999999;
}

.bem-ent-manage-table__td-params {
  width: 22%;
}

.bem-ent-manage-table__td-user {
  width: 22%;
  font-size: 12px;
}

.bem-ent-manage-table__td-activation {
  width: 16%;
  font-size: 12px;
}

.bem-ent-manage-table__td-activation .activations-log {
  margin-top: 5px;
}

.bem-ent-manage-table__params-row {
  width: 100%;
  overflow: hidden;
  margin-top: 7px;
  padding-top: 7px;
  padding-bottom: 1px;
  padding-left: 1px;
  border-top: 1px dotted #EAEAEA;
}

.bem-ent-manage-table__params-row:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

.bem-ent-manage-table__params-row .param {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}

.bem-ent-manage-table__params-row .param:first-child {
  margin-left: 0;
}

.bem-ent-manage-table__params-row .param.cost {
  font-weight: bold;
}

.bem-ent-manage-table__status {
  margin-top: 5px;
  font-size: 11px;
  font-weight: bold;
}

.bem-ent-manage-table__status.pending {
  color: #10AF14;
}

.bem-ent-manage-table__status.reject {
  color: #AF1010;
}

.bem-ent-manage-table__status-message {
  font-weight: normal;
  margin-left: 10px;
}

.bem-ent-manage-table__ent-tariff-note {
  margin-top: 10px;
  font-size: 13px;
}

.bem-ent-manage-table__ent-tariff-note i {
  color: #D77307;
}

.bem-ent-manage-table__ent-tariff-note .ent-tariff-note-text {
  margin-left: 2px;
  color: #000000;
}

.bem-ent-manage-table__ent-tariff-note .ent-tariff-note-opener-label {
  padding-left: 4px;
}

.bem-ent-manage-table__ent-tariff-note.noted .ent-tariff-note-opener {
  color: #D77307;
  border-color: #D77307;
}

.bem-ent-manage-table__ent-tariff-note.noted .ent-tariff-note-opener-label {
  display: none;
}

.bem-phone-tgstat-summary__photo {
  float: left;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  margin-right: 20px;
}

.bem-phone-tgstat-summary__photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.bem-phone-tgstat-summary__row {
  margin-top: 3px;
  font-size: 12px;
}

.bem-phone-tgstat-summary__row:first-child {
  margin-top: 0;
}

.bem-email-zerobounce-summary__row {
  margin-top: 5px;
  font-size: 12px;
}

.bem-email-zerobounce-summary__row:first-child {
  margin-top: 0;
}

.bem-email-zerobounce-summary__row_status {
  font-size: 16px;
  font-family: monospace;
}

.bem-email-zerobounce-summary__status {
  font-weight: bold;
  cursor: default;
}

.bem-email-zerobounce-summary__status:hover {
  color: #0B7DC0;
}

.bem-email-zerobounce-summary__substatus {
  cursor: default;
}

.bem-email-zerobounce-summary__substatus:hover {
  color: #0B7DC0;
}

.bem-email-zerobounce-summary__more {
  margin-top: 3px;
  font-size: 10px;
}

.bem-company-form label {
  font-size: inherit !important;
}

.bem-company-form .variants-item {
  position: relative;
  padding: 7px;
  margin-top: 5px;
  border: 1px solid #a9cba9;
  border-radius: 5px;
  background-color: #F6F8F6;
  font-size: 13px;
  cursor: pointer !important;
  user-select: none;
}

.bem-company-form .variants-item:hover {
  border-color: #368036;
}

.bem-company-form .variants-item[data-variant=logos] {
  display: inline-block;
  width: auto;
  margin-top: 5px;
  margin-right: 6px;
}

.bem-company-form .variants-item img {
  margin: auto;
  width: 30px;
  border-radius: 3px;
  vertical-align: top;
}

.bem-company-form .variants-item[data-variant=icontacts] {
  overflow: hidden;
  font-size: 14px;
  line-height: 32px;
}

.bem-company-form .variants-item[data-variant=icontacts] .icicon {
  position: relative;
  float: left;
  margin-top: 0;
  margin-right: 10px;
}

.bem-company-form .variants-item .variants-item-title {
  font-weight: bold;
}

.bem-company-form .variants-item .variants-item-url {
  margin-top: 5px;
  font-style: italic;
}

.bem-company-form .variants-item .variants-item-snippet {
  margin-top: 5px;
}

.bem-company-form .workplace-domains {
  margin-bottom: 10px;
  overflow: hidden;
}

.bem-company-form .workplace-domains .workplace-domain-container {
  display: block;
  float: left;
  margin-right: 15px;
  padding: 6px 10px;
  font-size: 15px;
  line-height: 110%;
  border: 1px solid #EAEAEA;
  border-radius: 5px;
}

.bem-company-form .workplace-domains .workplace-domain-container .domain {
  color: black;
}

.bem-company-form .workplace-domains .workplace-domain-container .opts {
  margin-top: 5px;
  font-size: 11px;
}

.bem-company-form .workplace-domains .workplace-domain-container .opt {
  margin-top: 2px;
  cursor: default;
  color: #7D7D7D;
}

.bem-company-form .workplace-domains .workplace-domain-container .opt:first-child {
  margin-top: 0;
}

.bem-company-form .workplace-domains .workplace-domain-container .opts i {
  color: silver;
}

.bem-company-form .workplace-domains .workplace-domain-container .opts i.checked {
  display: none;
}

.bem-company-form .workplace-domains .workplace-domain-container .opts i.unchecked {
  display: inline-block;
}

.bem-company-form .workplace-domains .workplace-domain-container .opt.selected {
  color: black;
}

.bem-company-form .workplace-domains .workplace-domain-container .opt.selected i {
  color: green;
}

.bem-company-form .workplace-domains .workplace-domain-container .opt.selected i.checked {
  display: inline-block;
}

.bem-company-form .workplace-domains .workplace-domain-container .opt.selected i.unchecked {
  display: none;
}

.bem-company-form .workplace-domains .workplace-domain-container .options {
  margin-top: 5px;
  font-size: 11px;
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-accord, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-accord {
  /* bem-accord: Элементы */
  /* bem-accord: Модификаторы */
  /* bem-accord: Миксины  */
}

.bem-accord .bem-accord__link {
  padding-left: 16px;
}

.bem-accord.bem-page_desktop {
  display: block;
}

.bem-accord p {
  margin: 0 0 12px;
}

.bem-accord__item {
  padding: 0px;
  margin: 0;
}

.bem-accord__item > p {
  margin-bottom: 0px !important;
  cursor: pointer;
}

.bem-accord__link {
  color: black;
  padding: 10px 0px;
  margin: 0;
  display: block;
}

.bem-accord__title {
  margin-right: 8px;
}

.bem-accord_active {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.bem-accord_active > .bem-accord__link {
  background: rgba(0, 141, 255, 0.08);
}

.bem-accord_hidden > div {
  display: none;
}

.bem-accord__link__bem-page__lists {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .bem-accord__item:first-child .bem-accord__link {
    border-top: none;
  }
  .bem-accord__item > p {
    background-color: #F7F8FA;
  }
  .bem-accord__item:last-child > p {
    border-bottom: 1px solid #E3E5E8;
  }
  .bem-accord_active .bem-accord__link {
    background: #F7F8FA url("../2020/images/menu-about-down.svg") no-repeat calc(100% - 30px) 22px;
    border-top: 1px solid #E3E5E8 !important;
    border-bottom: 1px solid #E3E5E8;
    margin: 0;
  }
  .bem-accord__link {
    padding-top: 14px;
    padding-bottom: 14px;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    border-top: 1px solid #E3E5E8;
    background: url("../2020/images/menu-about-right.svg") no-repeat calc(100% - 30px) 50%;
  }
  .bem-accord__detail .bem-info-block__title {
    padding-top: 24px;
    padding-bottom: 16px;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-admin, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-admin {
  /* bem-admin: Элементы */
  /* bem-admin: Модификаторы */
}

.bem-admin__panel {
  width: 100%;
  max-width: 1264px;
  padding: 10px 32px;
  margin: 0 auto;
  position: relative;
}

.bem-admin__panel .bem-info-block {
  grid-template-columns: repeat(auto-fill, 200px);
  grid-gap: 0px;
  justify-content: flex-start;
  padding-bottom: 10px;
}

.bem-admin__panel-action {
  cursor: pointer;
}

.bem-admin__panel-action svg {
  stroke: #BABABA;
}

.bem-admin__panel-action:hover svg {
  stroke: #008DFF;
}

.bem-admin__panel-link {
  margin-bottom: 16px;
  color: #000000;
}

.bem-admin__panel-link:hover {
  color: #008DFF;
}

.bem-admin__panel-link:hover .bem-admin__panel-link_submenu {
  border: none;
}

.bem-admin__panel-link .bem-icon-block__svg {
  vertical-align: middle;
  margin-right: 4px;
}

.bem-admin__panel-counter {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #FF6366;
}

.bem-admin__panel-counter.empty {
  display: none;
}

.bem-admin__submenu-section {
  padding: 10px 0;
  border-bottom: 1px solid #E3E5E8;
  margin: 0;
  max-height: 300px;
  overflow: hidden;
  transition: max-height .5s ease-in-out, padding .5s ease-in-out;
}

.bem-admin__submenu-section.hidden {
  max-height: 0;
  padding: 0;
  display: block !important;
  margin: -2px;
}

.bem-admin__submenu-section a, .bem-admin__submenu-section svg {
  white-space: nowrap;
  float: left;
}

.bem-admin__submenu-section .bem-admin__panel-link {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.bem-admin__submenu-item {
  position: relative;
  padding-right: 24px;
  font-size: 12px;
  line-height: 22px;
  float: left;
  white-space: nowrap;
}

.bem-admin__submenu-item:last-child {
  padding-right: 0;
}

.bem-admin__submenu-item:last-child:before {
  display: none;
}

.bem-admin__panel-link_submenu .bem-admin__panel-link_name {
  border-bottom: 1px dashed #818C9C;
}

.bem-admin__panel-link_active {
  color: #008DFF;
}

.bem-admin__panel-link_active .bem-admin__panel-link_name {
  border: none;
}

.bem-admin__panel-link_name {
  font-size: 12px;
  line-height: 16px;
  margin-right: 4px;
  vertical-align: middle;
}

/* @media-условия .bem-admin */
@media screen and (max-width: 640px) {
  .bem-admin__content {
    flex-direction: column;
  }
}

.bem-agent {
  margin-top: 20px;
}

.bem-agent:first-child {
  margin-top: 0;
}

.bem-agent .bem-icontacts {
  margin-top: 16px;
}

.bem-agent__verify-tips {
  float: right;
  font-size: 14px;
  font-weight: normal;
}

.bem-agent__name .bem-checkmark {
  margin-left: 3px;
}

.bem-agent__name .bem-personpic {
  display: inline-block;
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 5px;
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-attachments, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-attachments {
  position: relative;
  /* bem-attachments: Элементы */
}

.bem-attachments__drop-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 20px;
  background: #F7F8FA;
  border-radius: 8px;
}

.bem-attachments__files.have-files {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 16px;
  border: 1px solid #E3E5E8;
  border-radius: 4px;
}

.bem-attachments .remove, .bem-attachments__remove {
  cursor: pointer;
}

.bem-attachments .remove:before, .bem-attachments__remove:before {
  content: '';
  display: block;
  background: #F5F5F7 url("../2020/images/close.svg") no-repeat 50% 50%;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: 16px;
}

.bem-attachments .remove:hover:before, .bem-attachments__remove:hover:before {
  background: #FF6366 url("../2020/images/close-white.svg") no-repeat 50% 50%;
  background-size: 16px;
}

.bem-attachments__error {
  color: #FF6366;
  font-size: 12px;
  line-height: 14px;
}

.bem-attachments .file, .bem-attachments__file, .bem-attachments__output-file {
  display: flex;
  position: relative;
  align-items: center;
  min-height: 40px;
  margin-bottom: 16px;
  padding: 0 0 0 54px;
}

.bem-attachments .file:before, .bem-attachments__file:before, .bem-attachments__output-file:before {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  color: #008DFF;
  font-style: normal;
  font-size: 20px;
  background: #F5F5F7;
  border-radius: 50%;
}

.bem-attachments .file:last-child, .bem-attachments__file:last-child, .bem-attachments__output-file:last-child {
  margin-bottom: 0;
}

.bem-attachments .file.default:before, .bem-attachments__file.default:before, .bem-attachments__output-file.default:before {
  content: '\f15b';
}

.bem-attachments .file.document:before, .bem-attachments__file.document:before, .bem-attachments__output-file.document:before {
  content: '\f1c2';
}

.bem-attachments .file.image:before, .bem-attachments__file.image:before, .bem-attachments__output-file.image:before {
  content: '\f1c5';
}

.bem-attachments .file.pdf:before, .bem-attachments__file.pdf:before, .bem-attachments__output-file.pdf:before {
  content: '\f1c1';
}

.bem-attachments .file.text:before, .bem-attachments__file.text:before, .bem-attachments__output-file.text:before {
  content: '\f15c';
}

.bem-attachments .file.spreadsheet:before, .bem-attachments__file.spreadsheet:before, .bem-attachments__output-file.spreadsheet:before {
  content: '\f1c3';
}

.bem-attachments .file.archive:before, .bem-attachments__file.archive:before, .bem-attachments__output-file.archive:before {
  content: '\f1c6';
}

.bem-attachments .file.video:before, .bem-attachments__file.video:before, .bem-attachments__output-file.video:before {
  content: '\f1c8';
}

.bem-attachments .file .filename, .bem-attachments__file .filename, .bem-attachments__output-file .filename {
  flex-grow: 1;
}

.bem-attachments .file .filename a, .bem-attachments__file .filename a, .bem-attachments__output-file .filename a {
  font-size: 16px;
  line-height: 24px;
  color: black;
  min-width: 130px;
  max-width: 360px;
  width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  outline: none;
}

.bem-attachments .file .filename a.bem-link:hover, .bem-attachments__file .filename a.bem-link:hover, .bem-attachments__output-file .filename a.bem-link:hover {
  color: #008DFF;
}

.bem-attachments__drop-zone.hover {
  box-shadow: 1px 1px 7px #818181;
}

.bem-attachments__output {
  overflow: hidden;
}

.bem-attachments__output-file {
  display: flex;
  float: left;
  min-height: auto !important;
  margin-bottom: 0;
  margin-left: 16px;
  padding: 0 !important;
}

.bem-attachments__output-file:first-child {
  margin-left: 0;
}

.bem-attachments__output-file::before {
  background: none;
  justify-content: flex-start;
  width: 26px;
  height: 26px;
  display: block;
  position: relative;
  text-align: center;
  line-height: 26px;
  margin-right: 5px;
  font-size: 20px;
}

.bem-attachments__output-image {
  display: block;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  float: left;
  margin-left: 8px;
  overflow: hidden;
  padding: 2px !important;
  border: 1px solid #EDEDED;
  border-radius: 2px;
  outline: none;
}

.bem-attachments__output-image img {
  width: 100%;
  height: 100%;
  vertical-align: top;
  border-radius: 2px;
}

.bem-attachments__output-image:first-child {
  margin-left: 0;
}

.bem-attachments__output-fullwidth-image {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 700px;
  max-height: 300px;
  margin: -1px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border: 1px solid #FFFFFF;
  outline: none;
}

/* @media-условия bem-attachments */
@media screen and (max-width: 640px) {
  .bem-attachments .file .filename a, .bem-attachments__file .filename a {
    max-width: 60vw;
  }
}

@media screen and (max-width: 420px) {
  .bem-attachments__files.have-files {
    padding: 16px 8px;
  }
  .bem-attachments .file .filename a, .bem-attachments__file .filename a {
    max-width: 50vw;
  }
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-auth, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-auth {
  min-height: calc(100vh - 56px);
  width: 100%;
  max-width: 1440px;
  /* bem-auth: Элементы */
  /* bem-auth: step Clarify */
  /* bem-auth: step Phone */
  /* bem-auth: step Existing Data Confirm */
  /* bem-auth: step Agent */
  /* bem-auth: step Profiles */
  /* bem-auth: step Workplace */
  /* bem-auth: step Agents */
  /* bem-auth: step Wards */
  /* bem-auth: step MyAgents */
  /* bem-auth: step Complete */
  /* bem-auth: step Add Person */
  /* bem-auth: step Stringer */
  /* bem-auth: step Selfie, Document */
  /* bem-auth: Модификаторы */
  /*  bem-auth: Миксины */
}

.bem-auth.bem-content {
  background: url("../2020/images/blur-landing.png") no-repeat center 56px;
}

.bem-auth.bem-content .registration-step-content, .bem-auth.bem-content .bem-auth__form {
  margin-left: auto;
  margin-right: auto;
}

.bem-auth.bem-content .bem-auth__content {
  width: 100%;
}

.bem-auth .submit-message {
  margin-top: 8px;
}

.bem-auth hr {
  margin: auto 0;
  width: 100%;
  height: 1px;
  background: #F0F0F0;
  border: none;
}

.bem-auth .bem-form {
  margin-top: 24px;
  position: relative;
}

.bem-auth .bem-form fieldset {
  margin-bottom: 16px;
  position: relative;
}

.bem-auth .bem-form legend {
  padding: 0;
  border: none;
  font-size: 16px;
  line-height: 20px;
}

.bem-auth .bem-form__label-check-radio {
  margin: 26px 0 0;
}

.bem-auth .bem-form .bem-page__note {
  margin-top: 7px;
}

.bem-auth .bem-form .bem-page__note:hover {
  color: #7F7F7F;
}

.bem-auth .bem-link_cancel {
  display: inline-block;
  margin: 20px auto 0;
}

.bem-auth .bem-page__warning-text {
  margin-top: 16px;
}

.bem-auth__content {
  width: 400px;
}

.bem-auth__form .bem-auth__btn-group {
  margin-top: 40px;
}

.bem-auth__step-primaryinfo, .bem-auth__step-login {
  width: auto;
}

.bem-auth__step-primaryinfo .bem-auth__btn, .bem-auth__step-login .bem-auth__btn {
  margin-top: 40px !important;
}

.bem-auth__form, .bem-auth .registration-step-content {
  margin: 24px auto;
  background: #ffffff;
  border-radius: 8px;
  padding: 48px;
  border: 1px solid #F0F0F0;
  width: 488px;
  min-width: 488px;
  max-width: 100%;
  height: max-content;
  text-align: left;
}

.bem-auth__form .bem-auth__title, .bem-auth .registration-step-content .bem-auth__title {
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.38px;
  font-weight: 700;
}

.bem-auth__form .bem-auth__title + .bem-auth__subtitle, .bem-auth .registration-step-content .bem-auth__title + .bem-auth__subtitle {
  margin-top: 8px;
}

.bem-auth__form .bem-auth__subtitle, .bem-auth .registration-step-content .bem-auth__subtitle {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: -0.24px;
  font-weight: 400;
}

.bem-auth__form .bem-auth__btn.bem-button, .bem-auth__form .bem-auth__btn .bem-button, .bem-auth .registration-step-content .bem-auth__btn.bem-button, .bem-auth .registration-step-content .bem-auth__btn .bem-button {
  height: 56px;
  width: 100%;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: -0.24px;
  font-weight: 600;
}

.bem-auth__form .bem-auth__delim, .bem-auth .registration-step-content .bem-auth__delim {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.08px;
  font-weight: 400;
}

.bem-auth__social {
  margin: 24px 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, 16%);
  grid-gap: 20px;
}

.bem-auth__delim-container {
  display: flex;
  justify-content: space-between;
  margin: 40px 0;
}

.bem-auth__delim {
  white-space: nowrap;
  padding: 0 24px;
  color: #818C9C;
}

.bem-auth__social-icon svg {
  width: 48px;
  height: 48px;
}

.bem-auth__social-icon:hover {
  opacity: .7;
}

.bem-auth__rule {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.08px;
  font-weight: 400;
}

.bem-auth__header {
  display: flex;
  justify-content: space-between;
}

.bem-auth__header .bem-header__bem-logo {
  display: block;
}

.bem-auth__header-text {
  margin-right: 4px;
}

.bem-auth__cancel-link {
  text-align: center;
}

.bem-auth__title {
  font-size: 32px;
  line-height: 40px;
  margin: 0px 0 0;
  font-weight: 800;
}

.bem-auth__confirm-info {
  display: none;
  position: absolute;
  width: 16px;
  height: 16px;
  background: url("../2020/images/confirmed.svg") no-repeat 0 0;
  top: calc(50% - 8px);
  right: 16px;
}

.phone-row.confirmed .bem-auth__confirm-info {
  display: inline-block;
}

.phone-row:first-child .bem-auth__delete-info_trash {
  display: none;
}

.bem-auth .phone-row.confirmed .phone-confirm-button {
  display: none;
}

.bem-auth__delete-info {
  position: absolute;
  right: -24px;
  top: 12px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.bem-auth__delete-info:hover {
  opacity: 0.7;
}

.bem-auth__delete-info_trash {
  background: url("../2020/images/trash.svg") no-repeat 0 0;
  top: 16px;
  right: 16px;
}

.bem-auth__post-list.bem-auth__bem-select {
  margin-top: 0;
}

.bem-auth__step-note {
  color: #ACB2BA;
  font-size: 0.9em;
}

.bem-auth__form-link .bem-auth__subtitle {
  font-weight: 500 !important;
}

.bem-auth__form-link + .bem-auth__form_open {
  display: none;
}

.bem-auth__form-link_open .bem-auth__subtitle {
  color: black;
  font-weight: bold;
}

.bem-auth__form-link_open .bem-icon-block__svg {
  display: none;
}

.bem-auth__form-link_open + .bem-auth__form_open {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
}

.bem-auth__form-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.bem-auth__form-row > :nth-child(n) {
  width: calc(50% - 8px);
  margin-bottom: 0;
}

.bem-auth__btn-group {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.bem-auth__btn-group .bem-button {
  width: 100%;
  height: 56px;
  margin-left: 20px;
  border: 1px solid #F0F0F0;
}

.bem-auth__btn-group .bem-button:first-child {
  margin-left: 0;
}

.bem-auth__step-clarify {
  width: 100%;
}

.bem-auth__step-clarify .registration-step-content {
  width: 588px;
}

.bem-auth__step-clarify .bem-form .legend {
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
  font-weight: bold;
  text-align: left;
}

.bem-auth__step-clarify .bem-form_border {
  padding-bottom: 16px;
}

.bem-auth__step-phone {
  width: 100%;
}

.bem-auth__step-phone .bem-form__phone {
  width: 100%;
}

.bem-auth__step-phone .bem-form__phone-number {
  max-width: inherit;
}

.bem-auth__step-phone .bem-auth__confirm-info {
  right: -40px;
}

.bem-auth__step-phone .phone-row:first-child .bem-auth__confirm-info {
  right: -20px;
}

.bem-auth__step-phone .bem-auth__delete-info_trash {
  right: -20px;
  top: calc(50% - 8px);
}

.bem-auth__step-phone fieldset {
  margin-bottom: 0 !important;
}

.bem-auth__step-phone .bem-form + .bem-form {
  margin-top: 0;
}

.bem-auth__step-phone .bem-form {
  width: auto;
  margin: 16px auto;
}

.bem-auth__step-phone .bem-auth__code-phone {
  margin-top: 16px;
}

.bem-auth__step-phone .confirm-code-send-info {
  display: none;
  margin-top: 4px;
  font-size: 10px;
  color: #B6B6B6;
  line-height: 100%;
}

.bem-auth__step-phone .confirm-code-send-info.updated .time {
  color: #008ACB;
}

.bem-auth__step-phone .bem-page_margin_top {
  margin-top: 16px;
}

.bem-auth__step-existingdataconfirm {
  width: 100%;
}

.bem-auth__step-existingdataconfirm .registration-step-content {
  width: 588px;
}

.bem-auth__step-existingdataconfirm hr {
  margin: 15px 0;
}

.bem-auth__step-existingdataconfirm .email {
  background: url("../2020/images/email.svg") no-repeat 0 center;
  padding-left: 35px;
}

.bem-auth__step-existingdataconfirm .phone {
  background: url("../2020/images/phone.svg") no-repeat 0 center;
  padding-left: 35px;
}

.bem-auth__step-existingdataconfirm .bem-auth__data-item {
  padding: 15px 20px;
  margin-bottom: 0;
}

.bem-auth__step-existingdataconfirm .bem-auth__data-item .bem-auth__btn {
  margin: 0 15px;
}

.bem-auth__step-existingdataconfirm .bem-auth__data-item .bem-auth__btn:first-child {
  margin-left: 0;
}

.bem-auth__step-existingdataconfirm .bem-auth__confirm .bem-form__input {
  width: 50%;
}

.bem-auth__step-existingdataconfirm .bem-auth__data-item-actions-form {
  display: none;
}

.bem-auth__step-existingdataconfirm .bem-auth__data-item-actions-form {
  display: none;
}

.bem-auth__step-existingdataconfirm-item {
  position: relative;
}

.bem-auth__step-existingdataconfirm-item:first-child {
  margin-top: 24px;
}

.bem-auth__step-existingdataconfirm-item + .bem-auth__step-existingdataconfirm-item {
  margin-top: 16px;
}

.bem-auth__step-existingdataconfirm-item.confirmed .bem-auth__data-item-actions, .bem-auth__step-existingdataconfirm-item.deleted .bem-auth__data-item-actions {
  display: none;
}

.bem-auth__step-existingdataconfirm-item.pending .bem-auth__data-item-actions {
  display: none;
}

.bem-auth__step-existingdataconfirm-item.deleted .bem-auth__data-item-actions {
  display: none !important;
}

.bem-auth__step-existingdataconfirm-item.pending .bem-auth__data-item-actions-form {
  display: block;
}

.bem-auth__step-existingdataconfirm-item.confirmed hr, .bem-auth__step-existingdataconfirm-item.deleted hr {
  display: none;
}

.bem-auth__step-existingdataconfirm-item.confirmed .bem-auth__delete-info, .bem-auth__step-existingdataconfirm-item.deleted .bem-auth__delete-info {
  display: none;
}

.bem-auth__step-existingdataconfirm-item.confirmed .bem-auth__confirm-info {
  display: block;
}

.bem-auth__step-existingdataconfirm-item.deleted {
  opacity: 0.6 !important;
}

.bem-auth__step-existingdataconfirm .bem-auth__step-existingdataconfirm-item-note {
  margin-top: 5px;
  font-size: 12px;
}

.bem-auth__step-existingdataconfirm-item[data-type=email] .bem-auth__timer {
  display: none;
}

.bem-auth__step-existingdataconfirm .bem-auth__timer-left {
  display: none;
}

.bem-auth__step-areyouagent {
  width: 100%;
}

.bem-auth__step-areyouagent .registration-step-content {
  width: 588px;
}

.bem-auth__step-areyouagent .bem-auth__agent:first-child {
  margin-right: 24px;
}

.bem-auth__step-areyouagent .bem-auth__agent:first-child .bem-form__label-check-radio {
  background-image: url("../2020/images/check-agent.svg");
}

.bem-auth__step-areyouagent .bem-auth__agent:first-child .bem-form__label-check-radio:checked {
  background: #1FCF5F url("../2020/images/check-agent-active.svg") no-repeat center 50px;
}

.bem-auth__step-areyouagent .bem-form__label-check-radio {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  min-height: 200px;
  min-width: 200px;
  background: #F7F8FA url("../2020/images/close-agent.svg") no-repeat center 50px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 32px !important;
  line-height: 40px;
  color: #818C9C;
  font-weight: bold;
  padding-top: 85px;
  margin-bottom: 12px;
}

.bem-auth__step-areyouagent .bem-form__label-check-radio:before {
  content: '';
  display: none !important;
}

.bem-auth__step-areyouagent .bem-form__label-check-radio:hover {
  background-color: #E3E5E8;
}

.bem-auth__step-areyouagent .bem-form__label-check-radio:checked {
  background: #FF6366 url("../2020/images/close-agent-active.svg") no-repeat center 50px;
  color: white;
}

.bem-auth__step-areyouagent .bem-form__radio:checked + .bem-form__label-check-radio {
  background: #FF6366 url("../2020/images/close-agent-active.svg") no-repeat center 50px;
  color: white;
}

.bem-auth__step-areyouagent .bem-auth__agent:first-child .bem-form__radio:checked + .bem-form__label-check-radio {
  background: #1FCF5F url("../2020/images/check-agent-active.svg") no-repeat center 50px;
}

.bem-auth__step-areyouagent p {
  margin: 8px auto;
}

.bem-auth__step-profiles {
  width: 100%;
}

.bem-auth__step-profiles .registration-step-content {
  width: 688px;
}

.bem-auth__step-profiles .bem-form {
  margin-top: 16px;
}

.bem-auth__step-profiles .bem-form__radio + .bem-form__label-check-radio::before {
  content: none;
}

.bem-auth__step-profiles .bem-auth__profiles-author, .bem-auth__step-profiles .bem-auth__profiles-nickname, .bem-auth__step-profiles .bem-record__author, .bem-auth__step-profiles .bem-record__nickname {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  margin-right: 8px;
}

.bem-auth__step-profiles .bem-auth__profiles-company, .bem-auth__step-profiles .bem-record__company {
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
}

.bem-auth__step-profiles .bem-icon-block .bem-auth_bem-circle-block {
  margin-right: 14px;
}

.bem-auth__step-profiles .bem-auth__profile_me {
  margin-right: 8px;
}

.bem-auth__step-profiles .bem-auth_confirmed {
  visibility: hidden;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}

.bem-auth__step-profiles .bem-form__radio:checked + .bem-form__label-check-radio .bem-auth_confirmed {
  visibility: visible;
}

.bem-auth__step-profiles .bem-link.other-action {
  display: block;
  width: 100%;
  text-align: center;
}

.bem-auth__step-profiles .bem-form__radio + .bem-form__label-check-radio {
  width: auto;
}

.bem-auth__step-workplace {
  width: 100%;
}

.bem-auth__step-workplace .bem-auth__work-item, .bem-auth__step-workplace .bem-auth__work-position {
  width: 100%;
  position: relative;
  text-align: left;
  margin-bottom: 8px;
}

.bem-auth__step-workplace .bem-auth__work-item .bem-page__note, .bem-auth__step-workplace .bem-auth__work-position .bem-page__note {
  margin-top: 0;
  color: #818C9C;
}

.bem-auth__step-workplace .bem-auth__work-item .bem-page__note:hover, .bem-auth__step-workplace .bem-auth__work-position .bem-page__note:hover {
  color: #818C9C;
}

.bem-auth__step-workplace .bem-auth__work:first-child .bem-auth__delete-info {
  display: none;
}

.bem-auth__step-workplace hr {
  margin: 40px 0 32px;
}

.bem-auth__step-workplace .bem-auth__btn {
  margin-top: 30px;
}

.bem-auth__step-workplace .bem-search__history-list .bem-link {
  height: 40px;
  min-height: 40px;
}

.bem-auth__step-workplace .bem-search__input,
.bem-auth__step-workplace .bem-auth__other-post_text {
  margin: 8px 0 4px;
  border: 1px solid #E3E5E8;
}

.bem-auth__step-workplace .bem-auth__other-post {
  margin-left: 4px;
}

.bem-auth__step-workplace .bem-auth__delete-info {
  top: 28px;
}

.bem-auth__step-workplace .bem-auth__post, .bem-auth__step-workplace .bem-auth__company {
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bem-auth__step-workplace .bem-auth__company {
  padding-right: 40px;
}

.bem-auth__data-item {
  background: #F7F8FA;
  border-radius: 4px;
  padding: 10px 40px 10px 16px;
  justify-content: flex-start;
  position: relative;
  margin-bottom: 8px;
}

.bem-auth__data-item .bem-icon-block {
  justify-content: flex-start;
}

.bem-auth__modal-post .bem-search__bem-icon-block {
  min-height: 32px;
}

.bem-auth__modal-post .bem-search__bem-icon-block:hover {
  background-color: #F7F8FA;
  margin: 0 -40px;
  padding: 0 40px;
}

.bem-auth__step-agents {
  width: 100%;
}

.bem-auth__step-agents .registration-step-content {
  width: 688px;
}

.bem-auth__step-agents .bem-auth__profiles-author, .bem-auth__step-agents .bem-record__author {
  font-size: 16px;
  font-weight: bold;
}

.bem-auth__step-wards {
  width: 100%;
}

.bem-auth__step-wards .registration-step-content {
  width: 688px;
}

.bem-auth__step-wards .bem-search {
  width: 100%;
}

.bem-auth__step-wards .bem-search__input {
  border: 1px solid #E3E5E8;
  padding: 6px 16px;
  border-radius: 4px;
  margin: 0;
}

.bem-auth__step-wards .bem-page__title {
  margin-bottom: 30px;
}

.bem-auth__step-wards .bem-form legend {
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #E3E5E8;
  padding: 16px 0;
}

.bem-auth__step-wards .bem-form__label-check-radio {
  margin: 0;
}

.bem-auth__step-wards .bem-search__history-caption .bem-auth__wards_link_add, .bem-auth__step-wards .bem-search__history-caption .bem-wards__link_add {
  margin-left: 4px;
}

.bem-auth__step-wards label {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 4px;
}

.bem-auth .bem-auth__wards-content .bem-auth__wards-person {
  background: #F7F8FA;
  border-radius: 4px;
  padding: 10px 40px 10px 16px;
  justify-content: flex-start;
  position: relative;
  margin-bottom: 8px;
}

.bem-auth .bem-auth__wards-content .bem-auth__wards-person .bem-icon-block {
  justify-content: flex-start;
}

.bem-auth .bem-auth__wards-content .bem-auth__wards-person .bem-search {
  width: auto;
}

.bem-auth__step-myagents {
  width: 100%;
}

.bem-auth__step-myagents .registration-step-content {
  width: 688px;
}

.bem-auth__step-myagents .bem-auth__myagents_item {
  padding: 8px;
  border: 1px solid #E3E5E8;
  border-radius: 4px;
  position: relative;
}

.bem-auth__step-myagents .bem-search__input {
  border: 1px solid #E3E5E8;
  margin-left: 0;
}

.bem-auth__step-myagents .bem-search {
  width: auto;
}

.bem-auth__step-myagents .bem-auth_position_right {
  top: 8px;
  right: 8px;
}

.bem-auth__step-myagents .bem-icon-block > :first-child {
  margin-right: 14px;
}

.bem-auth__step-myagents .bem-auth__profiles-author, .bem-auth__step-myagents .bem-record__author {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}

.bem-auth__step-myagents .bem-page_phone_group {
  color: green;
  margin-bottom: 8px;
}

.bem-auth__step-myagents .bem-icon-block {
  align-items: flex-start;
}

.bem-auth__step-myagents .bem-auth__activity {
  margin: 2px 0 8px;
}

.bem-auth__step-complete {
  width: 100%;
}

.bem-auth__step-complete .registration-step-content {
  width: 688px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bem-auth__step-complete hr {
  margin: 30px 0 14px;
}

.bem-auth__step-complete .bem-form legend {
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #E3E5E8;
  padding: 16px 0;
}

.bem-auth__step-complete .bem-auth__title {
  margin-top: 8px;
}

.bem-auth__step-complete .bem-auth__complete-icon {
  width: 140px;
  height: 140px;
  min-height: 140px;
  min-width: 140px;
}

.bem-auth__step-complete .bem-form__phone p {
  display: block;
  margin-bottom: 0;
}

.bem-auth__step-complete label {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 4px;
}

.bem-auth__step-add-person {
  width: 540px;
}

.bem-auth__step-add-person .bem-search {
  width: auto;
}

.bem-auth__step-add-person .bem-search__input {
  border: 1px solid #E3E5E8;
  margin: 0;
}

.bem-auth__step-stringer {
  width: 100%;
}

.bem-auth__step-stringer .registration-step-content {
  width: 688px;
}

.bem-auth__step-stringer .bem-form legend {
  margin-bottom: 26px;
  text-align: left;
}

.bem-auth__step-stringer label {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 4px;
}

.bem-auth__step-selfie, .bem-auth__step-document {
  width: 100%;
}

.bem-auth__step-selfie .registration-step-content, .bem-auth__step-document .registration-step-content {
  width: 588px;
}

.bem-auth__step-selfie .bem-auth__download-images, .bem-auth__step-selfie video, .bem-auth__step-selfie canvas, .bem-auth__step-document .bem-auth__download-images, .bem-auth__step-document video, .bem-auth__step-document canvas {
  width: 100%;
  height: 400px;
  border-radius: 4px;
  margin: 0 0 16px;
}

.bem-auth__step-selfie .bem-auth__download-btn.bem-button, .bem-auth__step-document .bem-auth__download-btn.bem-button {
  width: auto;
  display: block;
}

.bem-auth__step-selfie .bem-auth__delim, .bem-auth__step-document .bem-auth__delim {
  margin: 16px 0 24px;
}

.bem-auth__step-selfie .bem-auth__btn, .bem-auth__step-document .bem-auth__btn {
  margin-top: 30px;
}

.bem-auth__step-selfie + .bem-auth__cancel-link, .bem-auth__step-document + .bem-auth__cancel-link {
  display: none;
}

.bem-auth__step-selfie .webcam-window, .bem-auth__step-document .webcam-window {
  margin: 16px auto;
  border: 1px solid #EAEAEA;
  padding: 1px;
  box-sizing: initial;
  background: url("../2020/images/loading-blue.gif") no-repeat center center;
  background-size: 32px auto !important;
}

.bem-auth__step-selfie .webcam-window.webcam-window-selected, .bem-auth__step-document .webcam-window.webcam-window-selected {
  border-color: #008DFF;
}

.bem-auth__step-selfie .webcam-window .webcam-error, .bem-auth__step-document .webcam-window .webcam-error {
  padding: 20px 0;
}

.bem-auth__step-selfie .webcam-selfie-preview-block.visible, .bem-auth__step-document .webcam-selfie-preview-block.visible {
  display: block;
  margin-top: 20px;
  padding: 10px 20px;
  text-align: left;
  border: 1px solid #008DFF;
  border-radius: 4px;
}

.bem-auth__step-selfie .webcam-selfie-preview-block, .bem-auth__step-document .webcam-selfie-preview-block {
  text-align: left;
}

.bem-auth__step-selfie .webcam-selfie-preview-window, .bem-auth__step-document .webcam-selfie-preview-window {
  display: inline;
  text-align: left;
  margin-right: 10px;
}

.bem-auth__step-selfie .webcam-selfie-preview-link, .bem-auth__step-document .webcam-selfie-preview-link {
  text-decoration: none;
}

.bem-auth__step-selfie .preview-placeholder, .bem-auth__step-document .preview-placeholder {
  display: none;
}

.bem-auth__step-selfie .webcam-selfie-preview-remove, .bem-auth__step-document .webcam-selfie-preview-remove {
  vertical-align: middle;
}

.bem-auth__step-selfie .webcam-selfie-preview-img, .bem-auth__step-document .webcam-selfie-preview-img {
  box-sizing: border-box;
  width: 15%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  vertical-align: middle;
  float: none;
}

.bem-auth__icon-list {
  position: absolute;
  top: 18px;
  right: 8px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  font-size: 16px;
}

.bem-auth__icon-list i {
  color: #949494;
}

.bem-auth__icon-list:hover i {
  color: #B8B8B8;
}

.bem-auth__icon-list img {
  border-radius: 50%;
  opacity: 0.7;
}

.bem-auth__icon-list:hover img {
  opacity: 1;
}

.bem-auth__timer {
  margin-top: 16px;
  font-size: 13px;
  letter-spacing: -0.08px;
}

.bem-auth__timer-sec {
  text-align: center;
  display: inline-block;
}

.bem-auth__download #add-image-btn {
  opacity: 0;
  visibility: hidden;
  width: 0px;
  height: 0px;
  float: left;
}

.bem-auth__download-images {
  width: 112px;
  height: 112px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 8px;
  margin-right: 24px;
}

.bem-auth__download-btn.bem-button {
  margin: 0;
  width: 112px;
  text-align: center;
  display: block;
}

.bem-auth__translate {
  position: relative;
}

.bem-auth__translate img.bem-auth__translate-icon {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 16px;
  height: 16px;
}

.bem-auth__work {
  position: relative;
  padding: 8px 0 4px;
  border-top: 1px solid #E3E5E8;
}

.bem-auth__work:first-child {
  padding-top: 0;
  border-top: none;
}

.bem-auth__add-info {
  margin-top: 8px;
}

.bem-auth__add-info-link {
  font-size: 14px;
  line-height: 20px;
  color: #818C9C;
  background: url("../2020/images/plus-btn.svg") no-repeat 0 center;
  cursor: pointer;
  padding-left: 22px;
  user-select: none;
}

.bem-auth__add-info-link:first-child {
  margin-right: 16px;
}

.bem-auth__add-info-link.disabled {
  background: url("../2020/images/minus-btn.svg") no-repeat 0 center;
}

.bem-auth__activity-link {
  margin: 0 4px;
}

.bem-auth__profile-item {
  border: 1px solid #fff;
  border-bottom: 1px solid #E3E5E8;
}

.bem-auth__profile-item .bem-form__label-check-radio {
  opacity: .6;
  margin-top: 16px;
}

.bem-auth__profile-item .bem-form__label-check-radio:hover {
  opacity: 1;
  color: #008DFF;
}

.bem-auth__profile-item.bem-page_border_no {
  border-bottom-color: #fff;
}

.bem-auth__invite .bem-auth__title {
  margin-top: 0;
}

.bem-auth__invite .bem-auth__invite_message {
  margin: 0 -40px;
}

.bem-auth__invite-logo {
  width: 200px;
  height: 100px;
  box-sizing: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
}

.bem-auth_position_right {
  position: absolute;
  top: 0;
  right: 0;
}

.bem-auth_confirmed {
  margin-left: 8px;
}

.bem-auth__profile-item_active {
  border: 1px solid #008DFF;
  border-radius: 4px;
  margin-left: -16px;
  margin-right: -16px;
  padding: 0 16px;
}

.bem-auth__profile-item_active .bem-form__label-check-radio {
  opacity: 1;
}

.bem-auth__profile-item_active .bem-form__label-check-radio:hover {
  color: #000000;
}

.bem-auth__bem-circle-block {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  margin-right: 14px !important;
}

.bem-auth__bem-select {
  margin: 8px 0 4px;
  width: 100% !important;
}

/*  bem-auth: @media-условия */
@media screen and (max-width: 768px) {
  .bem-auth__header .bem-header__bem-logo {
    display: block;
    order: 0;
  }
  .bem-auth__header .bem-header__bem-logo img {
    height: 20px;
    width: auto;
    margin-right: 20px;
  }
  .bem-auth__step-clarify .bem-page__row, .bem-auth__step-areyouagent .bem-page__row, .bem-auth__step-workplace .bem-page__row, .bem-auth__step-complete .bem-page__row, .bem-auth__step-profiles .bem-page__row, .bem-auth__step-stringer .bem-page__row, .bem-auth__step-existingdataconfirm .bem-page__row {
    flex-direction: row;
  }
  .bem-auth__step-selfie hr, .bem-auth__step-document hr {
    display: none;
  }
  .bem-auth__step-selfie .bem-auth__delim, .bem-auth__step-document .bem-auth__delim {
    margin: 16px auto;
  }
  .bem-auth__step-myagents, .bem-auth__step-stringer, .bem-auth__step-complete {
    width: 100%;
  }
  .bem-auth__form, .bem-auth .registration-step-content {
    padding: 24px;
    min-width: 400px;
  }
  .bem-auth__delim-container {
    margin: 32px 0;
  }
  .bem-auth__content.bem-auth__step-primaryinfo .bem-auth__btn {
    margin-top: 32px !important;
  }
  .bem-auth__form .bem-auth__btn-group {
    margin-top: 32px;
  }
}

@media screen and (max-width: 690px) {
  .bem-auth__step-wards, .bem-auth__step-wards .bem-search, .bem-auth__step-complete, .bem-auth__step-agents, .bem-auth__step-existingdataconfirm {
    width: 100%;
  }
  .bem-auth__step-wards .bem-auth__profiles-company, .bem-auth__step-wards .bem-record__company {
    overflow: hidden;
    width: 400px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
}

@media screen and (max-width: 630px) {
  .bem-auth__step-phone, .bem-auth__step-profiles, .bem-auth__step-add-person {
    width: 100%;
  }
  .bem-auth__step-profiles .bem-auth_bem-circle-block {
    width: 58px;
    height: 58px;
  }
  .bem-auth__step-profiles .bem-auth__profiles-author, .bem-auth__step-profiles .bem-auth__profiles-nickname, .bem-auth__step-profiles .bem-record__author, .bem-auth__step-profiles .bem-record__nickname {
    font-size: 18px;
    line-height: 22px;
  }
  .bem-auth__step-stringer .bem-page__row {
    flex-direction: column;
  }
  .bem-auth__form, .bem-auth .registration-step-content {
    min-width: inherit;
    max-width: calc(100vw - 48px);
  }
}

@media screen and (max-width: 560px) {
  .bem-auth__header .bem-page_font_gray {
    display: none;
  }
  .bem-auth__header .bem-page_font_gray.bem-link, .bem-auth__header .bem-page_font_gray.bem-auth__header-text {
    display: inline;
  }
  .bem-auth__title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 4px;
  }
  .bem-auth .bem-page__subtitle {
    font-size: 14px;
    line-height: 20px;
  }
  .bem-auth__social {
    grid-gap: 8px;
    width: 280px;
    margin: 16px auto 24px;
  }
  .bem-page .bem-auth__social-icon svg {
    width: 40px;
    height: 40px;
  }
  .bem-auth__social {
    grid-template-columns: repeat(auto-fill, 40px);
  }
  .bem-auth__content .bem-form legend {
    margin-bottom: 16px;
  }
  .bem-auth__content .bem-form__label-check-radio {
    margin-top: 18px;
  }
  .bem-auth__step-clarify fieldset > .bem-page__row {
    flex-direction: column;
  }
  .bem-auth__step-clarify .bem-form_border {
    border: none;
    padding: 0;
  }
  .bem-auth__download {
    margin: 0 auto 16px;
  }
  .bem-auth__download-btn {
    display: none;
  }
  .bem-auth__download-images {
    margin: 0;
  }
  .bem-auth__step-clarify {
    width: 400px;
  }
  .bem-auth__step-areyouagent .bem-form__label-check-radio {
    width: 140px;
    height: 150px;
    min-height: 150px;
    min-width: 140px;
    font-size: 20px !important;
    line-height: 24px;
    background-position: center 39px;
  }
  .bem-auth__step-areyouagent .bem-form__radio:checked + .bem-form__label-check-radio, .bem-auth__step-areyouagent .bem-auth__agent:first-child .bem-form__radio:checked + .bem-form__label-check-radio {
    background-position: center 39px;
  }
  .bem-auth__agent p {
    font-size: 14px;
  }
  .bem-auth__step-selfie .bem-auth__download-btn, .bem-auth__step-document .bem-auth__download-btn {
    display: block;
  }
  .bem-auth__step-complete .bem-page__row {
    flex-direction: column;
  }
  .bem-auth__step-complete {
    width: 400px;
  }
  .bem-auth__step-complete .bem-form legend {
    text-align: center;
  }
  .bem-auth__step-complete > .bem-auth__complete-icon {
    width: 120px;
    height: 120px;
    min-height: 120px;
    min-width: 120px;
  }
  .bem-auth__step-complete .bem-auth__title {
    margin-top: 0;
  }
  .bem-auth__step-complete hr {
    display: none;
  }
  .bem-auth__step-complete .bem-form legend {
    padding: 0 0 5px;
  }
  .bem-auth__step-complete .bem-form__phone-number {
    max-width: 100%;
  }
  .bem-auth__step-complete .bem-form__phone .bem-page__column:last-child {
    width: 100%;
  }
  .bem-auth__step-wards .bem-form__label-check-radio {
    margin: 0;
  }
  .bem-auth__step-wards .bem-auth__profiles-company, .bem-auth__step-wards .bem-record__company {
    width: 300px;
  }
  .bem-auth__step-profiles .bem-auth__profiles-author, .bem-auth__step-profiles .bem-auth__profiles-nickname, .bem-auth__step-profiles .bem-record__author, .bem-auth__step-profiles .bem-record__nickname {
    font-size: 16px;
    line-height: 20px;
  }
  .bem-auth__step-profiles .bem-auth__profiles-company, .bem-auth__step-profiles .bem-record__company {
    margin-top: 0;
  }
  .bem-auth__step-profiles .bem-icon-block {
    justify-content: flex-start;
  }
  .bem-auth__bem-circle-block {
    width: 40px;
    height: 40px;
  }
  .bem-auth__step-agents .bem-auth__profiles-author, .bem-auth__step-agents .bem-record__author {
    font-size: 14px;
  }
  .bem-auth__step-profiles .bem-page_button_group {
    flex-direction: column;
  }
  .bem-auth__step-profiles .bem-page_button_group .bem-auth__profile_me {
    margin-right: 0;
    margin-bottom: 8px;
  }
  .bem-auth__step-profiles .bem-auth__profiles-nickname, .bem-auth__step-profiles .bem-record__nickname {
    display: none;
  }
  .bem-auth__step-myagents .bem-auth__profiles-author, .bem-auth__step-myagents .bem-record__author {
    font-size: 14px;
  }
  .bem-auth .bem-button {
    white-space: nowrap;
  }
  .bem-auth__step-existingdataconfirm .bem-auth__confirm .bem-form__input {
    width: 60%;
  }
  .bem-auth__invite, .bem-auth__invite .bem-form {
    width: 100%;
  }
  .bem-auth__invite .bem-auth__invite_message {
    margin: 0;
  }
}

@media screen and (max-width: 450px) {
  .bem-auth__content {
    width: 100%;
  }
  .bem-auth .bem-button {
    width: 100%;
  }
  .bem-auth__step-phone .bem-form {
    width: 100%;
  }
  .bem-auth_header .bem-header__bem-logo images {
    height: 14px;
    margin-top: 5px;
    width: 59px;
  }
  .bem-auth__header .bem-page_font-size_mid {
    font-size: 12px;
  }
  .bem-auth__title {
    margin-top: 20px;
  }
  .bem-auth__step-wards .bem-auth__profiles-company, .bem-auth__step-wards .bem-record__company {
    width: 200px;
  }
  .bem-auth__step-myagents .bem-auth__agents-post-link {
    font-size: 12px;
  }
  .bem-auth__step-existingdataconfirm .bem-auth__confirm {
    flex-direction: column;
  }
  .bem-auth__step-existingdataconfirm .bem-auth__timer {
    text-align: center;
  }
  .bem-auth__step-existingdataconfirm .bem-auth__confirm .bem-form__input {
    width: 100%;
    margin-bottom: 16px;
  }
  .bem-auth__step-workplace .workplaces {
    width: 90%;
    margin: 0 auto;
  }
  .bem-auth__form, .bem-auth .registration-step-content {
    min-width: inherit;
  }
  .bem-auth__form-row {
    flex-direction: column;
  }
  .bem-auth__form-row > :nth-child(n) {
    width: 100%;
    margin-top: 16px;
  }
  .bem-auth__form-row > :first-child {
    margin-top: 0;
  }
  .bem-auth__btn-group .bem-button {
    margin-left: 10px;
  }
}

@media screen and (max-width: 420px) {
  .bem-auth {
    padding-left: 16px;
    padding-right: 16px;
  }
  .bem-auth__add-info-link {
    font-size: 12px;
    line-height: 18px;
  }
  .bem-auth__step-areyouagent .bem-auth__agent:first-child {
    margin-right: 0px;
  }
  .bem-auth__step-areyouagent .bem-auth__agent-container {
    flex-direction: column;
    align-items: center;
  }
  .bem-auth__step-phone .bem-auth__confirm-info {
    right: 8px;
  }
  .bem-auth__step-phone .bem-auth__delete-info_trash {
    right: 30px;
  }
  .bem-auth__step-selfie .webcam-window, .bem-auth__step-document .webcam-window {
    width: 100% !important;
  }
}

@media screen and (max-width: 390px) {
  .bem-auth__step-phone .bem-form__phone {
    margin: 0;
    flex-direction: column;
  }
  .bem-auth__step-phone .bem-form__phone > :nth-child(n) {
    margin-top: 8px;
  }
  .bem-auth__step-phone .bem-form__phone > :first-child {
    margin-top: 0;
  }
  .bem-auth__btn, .bem-auth__btn .bem-button {
    white-space: normal;
  }
  .bem-auth__step-phone .bem-form__phone .bem-form__phone-number {
    width: 100%;
  }
  .bem-auth__step-phone #code-phone {
    width: 100%;
  }
  .bem-auth__step-selfie .bem-auth__download-images, .bem-auth__step-document .bem-auth__download-images, .bem-auth__step-selfie video, .bem-auth__step-document video, .bem-auth__step-selfie canvas, .bem-auth__step-document canvas {
    width: 250px;
    height: 250px;
  }
  .bem-auth__step-existingdataconfirm .bem-auth__getcode {
    flex-direction: column;
    text-align: center;
  }
  .bem-auth__step-existingdataconfirm .bem-auth__data-item .bem-auth__btn {
    margin-bottom: 8px;
  }
  .bem-auth__step-complete .bem-auth__complete-icon {
    width: 80px;
    height: 80px;
    min-height: 80px;
    min-width: 80px;
  }
}

@media screen and (max-width: 360px) {
  .bem-auth__step-areyouagent .bem-form__label-check-radio {
    width: 130px;
    height: 140px;
    min-height: 140px;
    min-width: 130px;
  }
  .bem-auth__step-areyouagent .bem-auth__agent:first-child {
    margin-right: 10px;
  }
}

@media screen and (max-width: 320px) {
  .bem-auth__form, .bem-auth .registration-step-content {
    max-width: calc(100vw - 32px);
  }
}

/*
     В этом файле должны быть стили для БЭМ-блока .bem-breadcrumbs, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-breadcrumbs {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin: 0 0 24px;
}

.bem-breadcrumbs__item {
  margin: 0 4px;
}

.bem-breadcrumbs__item:first-child {
  margin-left: 0;
}

.bem-breadcrumbs__item a {
  color: #176FBB;
}

.bem-breadcrumbs__item:hover {
  opacity: .8;
}

@media screen and (max-width: 768px) {
  .bem-breadcrumbs {
    flex-direction: column;
    margin-top: 24px;
  }
}

/*
     В этом файле должны быть стили для БЭМ-блока .bem-button, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-button {
  background: #008DFF;
  color: white;
  height: 40px;
  border: 1px solid transparent;
  font-size: 15px;
  line-height: 1.6;
  border-radius: 4px;
  padding: 8px 12px;
  cursor: pointer;
  width: max-content;
  min-width: min-content;
  outline: none;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  box-sizing: border-box;
}

.bem-button.bem-page_mobile {
  display: none;
}

.bem-button:hover {
  opacity: .7;
  color: white;
}

.bem-button:visited {
  text-decoration: none;
}

.bem-button:active {
  box-shadow: 0px 0px 8px rgba(160, 160, 160, 0.7) inset;
}

.bem-button_theme_green:active, .bem-button.green:active, .bem-button_theme_red:active, .bem-button.red:active, .bem-button_theme_pink:active, .bem-button.pink:active, .bem-button_theme_orange:active, .bem-button.orange:active, .bem-button_theme_yellow:active, .bem-button.yellow:active, .bem-button_theme_cyan:active, .bem-button.cyan:active {
  box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.7) inset;
}

.bem-button_theme_light-blue:active, .bem-button.light-blue:active, .bem-button_theme_white:active, .bem-button.white:active, .bem-button_theme_candy:active, .bem-button.candy:active, .bem-button_theme_ghost:active, .bem-button.ghost:active {
  box-shadow: 0px 0px 8px rgba(160, 160, 160, 0.2) inset;
}

.bem-button_theme_bright-blue:active, .bem-button.bright-blue:active, .bem-button_theme_pale-blue:active, .bem-button.pale-blue:active, .bem-button_theme_purple:active, .bem-button.purple:active {
  box-shadow: 0px 0px 8px rgba(60, 60, 60, 0.6) inset;
}

.bem-button_theme_link:active {
  box-shadow: none;
}

.bem-button_theme_gray, .bem-button.gray {
  background-color: #F7F8FA;
  color: #818C9C;
}

.bem-button_theme_gray:hover, .bem-button.gray:hover {
  color: #818C9C;
}

.bem-button_theme_green, .bem-button.green {
  background-color: #1FCF5F;
  color: white;
}

.bem-button_theme_green:hover, .bem-button.green:hover {
  color: white;
}

.bem-button_theme_red, .bem-button.red {
  background-color: #FF6366;
  color: white;
}

.bem-button_theme_red:hover, .bem-button.red:hover {
  color: white;
}

.bem-button_theme_blue, .bem-button.blue {
  background-color: #008DFF;
  color: white;
}

.bem-button_theme_blue:hover, .bem-button.blue:hover {
  color: white;
}

.bem-button_theme_light-blue, .bem-button.light-blue {
  background-color: rgba(0, 141, 255, 0.08);
  color: #008DFF;
}

.bem-button_theme_light-blue:hover, .bem-button.light-blue:hover {
  background: rgba(0, 141, 255, 0.12);
  color: #008DFF;
  opacity: 1;
}

.bem-button_theme_bright-blue, .bem-button.bright-blue {
  background-color: #176FBB;
  color: white;
}

.bem-button_theme_bright-blue:hover, .bem-button.bright-blue:hover {
  color: white;
}

.bem-button_theme_pale-blue, .bem-button.pale-blue {
  background-color: #648BAC;
  color: white;
}

.bem-button_theme_pale-blue:hover, .bem-button.pale-blue:hover {
  color: white;
}

.bem-button_theme_white, .bem-button.white {
  background-color: #FFFFFF;
  color: black;
  border: 1px solid #008DFF;
}

.bem-button_theme_white:hover, .bem-button.white:hover {
  color: #008DFF;
}

.bem-button_theme_white_red, .bem-button.white-red {
  background-color: #FFFFFF;
  color: black;
  border: 1px solid #FF6366;
}

.bem-button_theme_white_red:hover, .bem-button.white-red:hover {
  color: #FF6366;
}

.bem-button_theme_pink, .bem-button.pink {
  background-color: #BB3EC0;
  color: white;
}

.bem-button_theme_orange, .bem-button.orange {
  background-color: #B16B31;
  color: white;
}

.bem-button_theme_orange:hover, .bem-button.orange:hover {
  color: white;
}

.bem-button_theme_yellow, .bem-button.yellow {
  background-color: #C8A500;
  color: white;
}

.bem-button_theme_yellow:hover, .bem-button.yellow:hover {
  color: white;
}

.bem-button_theme_citron {
  background-color: #FFEB51;
  color: black;
}

.bem-button_theme_citron:hover {
  color: black;
}

.bem-button_theme_purple, .bem-button.purple {
  background-color: #6D31B1;
  color: white;
}

.bem-button_theme_purple:hover, .bem-button.purple:hover {
  color: white;
}

.bem-button_theme_cyan, .bem-button.cyan {
  background-color: #319DB1;
  color: white;
}

.bem-button_theme_cyan:hover, .bem-button.cyan:hover {
  color: white;
}

.bem-button_theme_candy, .bem-button.candy {
  background: linear-gradient(#FDFDFD, #E9E9E9, #ECECEC) repeat scroll 0 0 transparent;
  color: #335778;
  border: 1px solid #EBEBEB;
  border-bottom-color: #CACACA;
  border-left-color: #DADADA;
  border-right-color: #DADADA;
}

.bem-button_theme_candy:hover, .bem-button.candy:hover {
  color: #3D688F;
}

.bem-button_theme_link {
  background: none;
  border: none;
  color: #008DFF;
}

.bem-button_theme_link:hover {
  color: #008DFF;
}

.bem-button_theme_loading, .bem-button.loading {
  background-color: #F7F8FA !important;
  /*
        background-size: contain !important;*/
  color: transparent !important;
  border: 1px solid #EBEBEB;
  border-bottom-color: #CACACA;
  border-left-color: #DADADA;
  border-right-color: #DADADA;
  background-image: url('data:image/svg+xml;utf8,<svg width="38" height="38" viewBox="-2 -2 38 38" xmlns="http://www.w3.org/2000/svg" stroke="%2300AEEF"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="4"><circle stroke-opacity=".25" cx="16" cy="16" r="16"/><path d="M32 16c0-7.94-6.06-16-16-16"><animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="1s" repeatCount="indefinite"/></path></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 16px 16px !important;
  pointer-events: none;
}

.bem-button_theme_loading:hover, .bem-button.loading:hover {
  color: #F7F8FA;
}

.bem-button_theme_loading > *,
.bem-button.loading > * {
  color: transparent !important;
}

.bem-button_theme_loading > svg,
.bem-button.loading > svg {
  visibility: hidden;
}

.bem-button_theme_ghost, .bem-button.ghost {
  background: #FFF;
  color: #818C9C;
}

.bem-button_theme_ghost:hover, .bem-button.ghost:hover {
  background: #F7F8FA;
  color: #818C9C;
}

.bem-button_theme_opacity, .bem-button.opacity {
  background: rgba(255, 255, 255, 0);
  color: #008DFF;
  border: 1px solid #008DFF;
}

.bem-button_theme_opacity:hover, .bem-button.opacity:hover {
  background: white;
  opacity: 1;
  color: #0063b3;
}

.bem-button_copy {
  background-image: url("../2020/images/copy-text.svg");
  background-repeat: no-repeat;
  background-position: center center;
  min-width: 44px;
  max-width: 44px;
}

.bem-button_big {
  height: 50px;
  padding: 10px 12px;
  font-size: 16px;
  min-width: 55px;
}

.bem-button_big.loading, .bem-button_big.bem-button_theme_loading {
  background-size: 24px 24px;
}

.bem-button_compact {
  height: 32px;
  line-height: 1;
  padding: 8px 12px;
  min-width: 35.2px;
}

.bem-button_small {
  height: 24px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1;
  min-width: 26.4px;
}

.bem-button_small.loading, .bem-button_small.bem-button_theme_loading {
  background-size: 12px 12px;
}

.bem-button_facebook {
  background: #1877F2;
  position: relative;
}

.bem-button_facebook:before {
  content: '\f09a';
  position: absolute;
  left: 24px;
  font-size: 24px;
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.bem-button_fix_200 {
  min-width: 200px;
  max-width: 420px;
}

.bem-button_fix_168 {
  min-width: 168px;
  max-width: 420px;
}

.bem-button_fix_110 {
  min-width: 110px;
  max-width: 420px;
}

.bem-button:disabled, .bem-button.disabled {
  cursor: default;
  background-color: #DFDFDF;
  color: #898989;
  opacity: 0.6;
}

.bem-button:disabled:hover, .bem-button.disabled:hover {
  color: #898989;
}

.bem-button:disabled:active, .bem-button.disabled:active {
  box-shadow: none;
}

@media screen and (max-width: 768px) {
  .bem-button.bem-page_mobile {
    display: inline-flex;
  }
}

/*
     В этом файле должны быть стили для БЭМ-блока .bem-canvas, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
/*
     В этом файле должны быть стили для БЭМ-блока .bem-clipboard, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-clipboard {
  display: inline-block;
  margin: 0;
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-column-list, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-column-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(50%, 200px, 100%), 1fr));
  /* bem-column-list: Модификаторы */
}

.bem-column-list .bem-column-list__label {
  font-weight: 500;
}

.bem-column-list__item_row {
  margin-top: 8px;
}

.bem-column-list__item_row:first-child {
  margin-top: 0;
}

.bem-column-list_col2 {
  grid-template-columns: repeat(auto-fill, minmax(clamp(50%, 200px, 100%), 1fr));
}

.bem-column-list_col3 {
  grid-template-columns: repeat(auto-fill, minmax(clamp(33%, 200px, 100%), 1fr));
}

.bem-column-list_col4 {
  grid-template-columns: repeat(auto-fill, minmax(clamp(25%, 200px, 100%), 1fr));
}

.bem-column-list_boxes {
  grid-template-columns: repeat(auto-fill, minmax(clamp(calc(50% - 24px), 300px, 100%), 1fr));
  grid-gap: 24px;
}

.bem-column-list_boxes .bem-column-list__item {
  border-radius: 4px;
  border: 1px solid #F0F0F0;
  padding: 16px;
}

@media screen and (max-width: 768px) {
  .bem-column-list_boxes {
    grid-template-columns: repeat(auto-fill, minmax(clamp(calc(50% - 12px), 300px, 100%), 1fr));
    grid-gap: 12px;
    font-size: 13px;
    letter-spacing: -0.08px;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-content, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-content {
  width: 1264px;
  margin: 0 auto;
  padding: 0px 32px 24px;
  align-items: center;
  max-width: 100vw;
  /* bem-content: Элементы */
  /* bem-content: Миксины */
}

.bem-content__persons {
  margin-top: 32px;
  margin-bottom: 80px;
  width: 640px;
  display: flex;
  justify-content: space-between;
}

.bem-content__persons > .bem-link {
  width: 16%;
}

.bem-content__container {
  width: 1264px;
  margin: 0 auto;
  padding: 0 32px;
}

.bem-content__bem-logo {
  margin-top: 24vh;
  margin-bottom: 32px;
  align-items: center;
}

.bem-content__bem-logo .bem-logo__brand img {
  max-height: 50px;
  border-radius: 4px;
}

.bem-content__filter-links {
  margin-top: 16px;
  margin-bottom: 42px;
}

.bem-content__filter-links a {
  font-size: 16px;
  line-height: 24px;
}

.bem-content__filter-links a:first-child {
  margin-right: 20px;
}

.bem-content__persons__bem-link {
  margin-top: 12px;
}

.bem-content__bem-search {
  height: 56px;
}

.bem-content__bem-search .bem-search__history {
  top: 64px;
  width: 540px;
}

.bem-content_admin {
  padding-top: 50px;
}

/* bem-content: @media условия */
@media screen and (max-width: 1264px) {
  .bem-content, .bem-content__container {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .bem-content {
    padding: 0px 24px 24px;
  }
  .bem-content__container {
    padding: 0 24px;
  }
  .bem-content__persons {
    margin-bottom: 32px;
    margin-top: 16px;
    width: 90%;
    min-width: 400px;
  }
  .bem-content__filter-links {
    display: none;
  }
  .bem-content__bem-logo {
    margin-top: 194px;
    margin-bottom: 32px;
  }
  .bem-content__bem-logo a img {
    max-height: 24px;
    width: auto;
  }
  .bem-content__bem-search {
    width: 100%;
  }
  .bem-content__bem-search .bem-search {
    width: 100%;
  }
  .bem-content__bem-search .bem-search__bem-button {
    display: none;
  }
  .bem-content__bem-search .bem-search__history {
    width: 100%;
    max-width: inherit;
    min-width: inherit;
  }
}

@media screen and (max-width: 640px) {
  .bem-content__persons > :nth-child(n+6) {
    display: none;
  }
  .bem-content__persons > .bem-link {
    width: 15%;
  }
}

@media screen and (max-width: 450px) {
  .bem-content__persons {
    width: 100%;
    min-width: 100%;
  }
}

@media screen and (max-width: 380px) {
  .bem-content__persons > :nth-child(n+5) {
    display: none;
  }
  .bem-content__persons > .bem-link {
    width: 20%;
  }
}

@media screen and (max-width: 320px) {
  .bem-content {
    padding: 56px 16px 24px;
  }
  .bem-content__container {
    padding: 0 16px;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-device, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-device {
  padding: 10px 20px 0;
  background: url("../2020/images/device.png") no-repeat 20px 10px;
  width: 518px;
  height: 481px;
  background-size: contain;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-bottom: 1px solid #E3E5E8;
  /* bem-device: Элементы */
}

.bem-device__search {
  margin-top: 73px;
  padding: 0 52px;
  position: relative;
}

.bem-device__search .bem-form__input {
  width: 323px;
  height: 43px;
}

.bem-device__list-item {
  padding: 16px 0;
  margin: 0 32px;
  border-bottom: 1px solid rgba(163, 174, 177, 0.2);
}

.bem-device__list-item_active {
  position: relative;
}

.bem-device__list-item_active:after {
  content: '';
  width: 516px;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 141, 255, 0.1) 0%, rgba(0, 141, 255, 0) 23.44%, rgba(0, 141, 255, 0) 77.6%, rgba(0, 141, 255, 0.1) 100%);
  border: 0.841945px solid #008DFF;
  box-sizing: border-box;
  border-radius: 6.73556px;
  position: absolute;
  top: 0px;
}

.bem-device__title {
  text-align: center;
  margin: 0 0 10px;
}

.bem-device__icon {
  margin-right: 6px;
  height: 18px;
  width: auto;
}

.bem-device__link {
  font-size: 12px;
  line-height: 14px;
}

.bem-device__content {
  display: flex;
  flex-direction: column;
}

.bem-device__subscribe {
  margin: 20px 0 16px;
  display: -webkit-box;
}

.bem-device__subscribe .bem-button {
  margin-right: 16px;
  font-size: 12px;
  line-height: 14px;
  color: black;
}

.bem-device__info {
  padding: 0 24px;
}

.bem-device__info-links {
  margin: 14px 0 4px;
  display: -webkit-box;
}

.bem-device__info-links > :nth-child(n) {
  margin-left: 16px;
}

.bem-device__info-links > :first-child {
  margin-left: 0;
}

.bem-device .bem-page__mark_ad {
  order: 2;
}

.bem-device .bem-icon-block__delete {
  right: 62px;
  top: 14px;
}

.bem-device .bem-device__content {
  background: #F7F8FA;
  border-top: 1px solid rgba(163, 174, 177, 0.16);
  margin: 0 35px 0 33px;
  flex-grow: 1;
}

.bem-device .bem-mark__rating {
  position: absolute;
  left: 60px;
  top: 68px;
  background: #F7F8FA;
  border-radius: 14px;
  justify-content: center;
  height: auto;
  width: auto;
  padding: 6px 7px;
}

.bem-device__bem-landing {
  width: 443px;
  padding: 53px 20px 0;
  background: url("../2020/images/device-landing.png") no-repeat 20px 0px;
  background-size: 402px auto;
  border-bottom: none;
}

.bem-device__bem-landing:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 443px;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 80%, #FFF 100%);
}

.bem-device__bem-landing .bem-device__search {
  margin-top: 61px;
  padding: 0 40px;
}

.bem-device__bem-landing .bem-device__search .bem-form__input {
  width: 278px;
  height: 37px;
  border: 0.43098px solid rgba(182, 195, 199, 0.3);
}

.bem-device__bem-landing .bem-device__search .bem-icon-block__delete {
  right: 50px;
  top: 11px;
}

.bem-device__bem-landing .bem-device__content {
  height: 100%;
  background: none;
  border-top: none;
  margin: 0 30px 0 28px;
  flex-grow: 1;
}

.bem-device__bem-landing .bem-device__list-item {
  flex: 1 0 auto;
  width: 282px;
  margin: 12px auto 16px;
  padding: 0;
  border: none;
  align-items: center;
  justify-content: center;
}

.bem-device__bem-landing .bem-device__list-item_active:after {
  content: '';
  width: 440px;
  height: calc(100% + 28px);
  left: -79px;
  top: -12px;
}

.bem-device__bem-landing .bem-profile-basic-info {
  border: none;
  box-shadow: none;
  padding: 24px 0 0;
}

.bem-device__bem-landing .bem-profile-basic-info__bem-circle-block {
  width: 64px;
  height: 64px;
  min-height: 64px;
  min-width: 64px;
}

.bem-device__bem-landing .bem-page_font-size_small, .bem-device__bem-landing .bem-tags__item_text {
  font-size: 11px;
}

.bem-device__bem-landing .bem-auth_confirmed {
  float: inherit;
}

.bem-device__bem-landing .bem-personpic {
  margin-bottom: 2px;
}

.bem-device__bem-landing .bem-device__info-link {
  display: -webkit-box;
}

/*  bem-device: @media-условия */
@media screen and (max-width: 1100px) {
  .bem-device:not(.bem-device__bem-landing) {
    width: 390px;
    height: 367px;
    padding: 10px 10px 0;
    background-position: 10px 10px;
  }
  .bem-device:not(.bem-device__bem-landing) .bem-device__search {
    margin-top: 55px;
    padding: 0 38px;
  }
  .bem-device:not(.bem-device__bem-landing) .bem-device__search .bem-form__input {
    width: 250px;
    height: 38px;
    font-size: 14px;
  }
  .bem-device:not(.bem-device__bem-landing) .bem-icon-block__delete {
    right: 44px;
    top: 12px;
  }
  .bem-device:not(.bem-device__bem-landing) .bem-device__content {
    font-size: 12px;
    line-height: 14px;
    margin: 0 29px 0 26px;
  }
  .bem-device:not(.bem-device__bem-landing) .bem-device__content span {
    font-size: 12px;
    line-height: 14px;
  }
  .bem-device:not(.bem-device__bem-landing) .bem-device__content .bem-page_font-size_mid {
    font-size: 14px;
  }
  .bem-device:not(.bem-device__bem-landing) .bem-device__list-item {
    margin: 0 12px;
    padding: 8px 0;
  }
  .bem-device:not(.bem-device__bem-landing) .bem-device__list-item_active::after {
    width: 384px;
  }
  .bem-device:not(.bem-device__bem-landing) .bem-circle-block_size_bigger {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
}

@media screen and (max-width: 480px) {
  .bem-device__bem-landing {
    background-size: auto 374px;
    width: 342px;
    height: 374px;
    padding: 40px 14px 0;
    background-position: 14px 0px;
  }
  .bem-device__bem-landing:after {
    height: 374px;
  }
  .bem-device__bem-landing .bem-device__search {
    padding: 0 32px;
  }
  .bem-device__bem-landing .bem-device__search .bem-form__input {
    width: 196px;
  }
  .bem-device__bem-landing .bem-page__note, .bem-device__bem-landing .bem-page_font-size_small, .bem-device__bem-landing .bem-tags__item_text {
    font-size: 8px;
  }
  .bem-device__bem-landing .bem-device__title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
  }
  .bem-device__bem-landing .bem-device__content {
    text-align: left;
    margin: 0 23px 0 21px;
  }
  .bem-device__bem-landing .bem-device__list-item_active::after {
    width: 342px;
    height: calc(100% + 17px);
    left: -58px;
    top: -7px;
  }
  .bem-device__bem-landing .bem-device__link {
    font-size: 10px;
    line-height: 12px;
  }
  .bem-device__bem-landing .bem-device__icon {
    height: 14px;
    margin-right: 4px;
  }
  .bem-device__bem-landing .bem-device__list-item {
    width: 224px;
    margin: 7px auto 12px;
  }
  .bem-device__bem-landing .bem-device__subscribe {
    margin: 16px 0;
  }
  .bem-device__bem-landing .bem-device__subscribe .bem-button {
    font-size: 10px;
    line-height: 12px;
    margin-right: 8px;
    height: 24px;
    padding: 4px 8px;
  }
  .bem-device__bem-landing .bem-device__info {
    padding: 0 16px;
    font-size: 10px;
    line-height: 14px;
  }
  .bem-device__bem-landing .bem-device__info-links {
    margin: 10px 0 8px;
    font-size: 10px;
  }
  .bem-device__bem-landing .bem-device__info-links > :nth-child(n) {
    margin-left: 8px;
  }
  .bem-device__bem-landing .bem-device__info-links > :first-child {
    margin-left: 0;
  }
  .bem-device__bem-landing .bem-circle-block_size_big {
    width: 32px;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
  }
  .bem-device__bem-landing .bem-profile-basic-info__bem-circle-block {
    width: 44px;
    height: 44px;
    min-height: 44px;
    min-width: 44px;
  }
  .bem-device__bem-landing .bem-page_font-size_mid {
    font-size: 11px;
    line-height: 14px;
  }
  .bem-device__bem-landing .bem-auth_confirmed {
    width: 11px;
    height: 11px;
    margin-left: 4px;
  }
  .bem-device__bem-landing .bem-profile-basic-info__link {
    height: 22px;
    padding: 0;
  }
  .bem-device__bem-landing .bem-personpic {
    min-height: 84px;
    min-width: 84px;
    width: 84px;
    height: 84px;
  }
  .bem-device__bem-landing .bem-mark__rating {
    padding: 2px 5px;
    font-size: 8px;
    line-height: 12px;
    left: 48px;
    top: 58px;
  }
  .bem-device__bem-landing .bem-mark__rating > :first-child {
    margin-right: 2px;
  }
}

@media screen and (max-width: 380px) {
  .bem-device__bem-landing {
    background-size: 270px auto;
    width: 290px;
    height: 322px;
    padding: 36px 10px 0;
    background-position: 10px 0px;
  }
  .bem-device__bem-landing:after {
    height: 100%;
    width: 290px;
  }
  .bem-device__bem-landing .bem-device__list-item_active::after {
    width: 280px;
    left: -28px;
  }
  .bem-device__bem-landing .bem-profile-basic-info {
    padding-top: 12px;
  }
  .bem-device__bem-landing .bem-mark__rating {
    left: 40px;
    top: 44px;
  }
  .bem-device__bem-landing .bem-device__subscribe {
    margin: 12px 0;
  }
  .bem-device__bem-landing .bem-page_hr_hor {
    display: none;
  }
  .bem-device__bem-landing .bem-device__info-links {
    margin-top: 0;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-disabled, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
/*
.bem-disabled {
    position: fixed;
    z-index: 2;
    pointer-events: none;
    &:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.4);
        z-index: 2;
        height: 100vh;
        min-height: 567px;
        width: 100vw;
        pointer-events: all;
    }
}
*/
.bem-disabled {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
  height: 100vh;
  min-height: 567px;
  width: 100vw;
  display: none;
}

.bem-disabled_show {
  display: block;
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-dropdown, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-dropdown {
  position: relative;
  height: max-content;
  /* bem-dropdown: Элементы */
  /* bem-dropdown: Модификаторы */
  /* bem-dropdown: Миксины */
}

.bem-dropdown__container {
  position: absolute;
  right: 0;
  top: 40px;
  width: max-content;
  max-width: 240px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.18);
  border-radius: 5px;
  padding: 8px 0;
  z-index: 2;
  display: none;
}

.bem-dropdown__link {
  min-width: inherit;
}

.bem-dropdown__item {
  width: 100%;
}

.bem-dropdown__item-link {
  padding: 10px 16px;
  display: inline-flex;
  width: 100%;
}

.bem-dropdown__item-link:hover {
  background-color: #F7F8FA;
}

.bem-dropdown_disabled {
  cursor: default !important;
}

.bem-dropdown__bem-filter {
  padding: 16px 24px;
  right: inherit;
  left: 0;
  max-width: 688px;
  width: 50vw;
}

.bem-dropdown__bem-filter label {
  margin-top: 12px;
}

/* @media-условия .bem-dropdown */
@media screen and (max-width: 768px) {
  .bem-dropdown__bem-filter {
    position: fixed;
    width: 100vw;
    left: 0;
    top: 56px;
    border-radius: 0;
    box-shadow: none;
    z-index: 101;
    max-width: 100vw;
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 56px);
  }
  .bem-dropdown_shadow:before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 100;
  }
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-edit, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-edit {
  /* bem-edit: Элементы */
  /* bem-edit: Модификаторы */
  /* bem-edit: Миксины */
}

.bem-edit .bem-form label {
  position: relative;
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 4px;
}

.bem-edit .bem-form label .bem-page__note {
  margin-top: 0px;
}

.bem-edit legend .bem-form__label-check-radio {
  margin-top: 0;
}

.bem-edit .bem-form__label-check-radio {
  margin-top: 0;
}

.bem-edit .bem-edit__legend, .bem-edit .bem-form legend {
  padding: 0 0 16px 0;
  border-bottom: 1px solid #E3E5E8;
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 18px;
}

.bem-edit .bem-edit__legend .bem-page__note {
  font-weight: normal;
}

.bem-edit.bem-auth .bem-info-block__detail {
  padding-top: 0;
}

.bem-edit .bem-form fieldset {
  margin: 24px 0 0 0;
}

.bem-edit .bem-form fieldset:first-child {
  margin-top: 0;
}

.bem-edit .bem-search {
  width: 100%;
}

.bem-edit .bem-search .bem-record__company {
  white-space: normal;
}

.bem-edit .bem-search__input {
  border-color: #E3E5E8;
  margin: 0;
}

.bem-edit .bem-auth {
  min-height: inherit;
}

.bem-edit .bem-auth__post, .bem-edit .bem-auth__company {
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bem-edit .bem-auth__company {
  padding-right: 40px;
}

.bem-edit .bem-page__note {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.bem-edit .bem-auth__step-add-person {
  width: 100%;
}

.bem-edit .bem-photoform {
  margin-right: 16px;
}

.bem-edit .bem-photoform .bem-button {
  margin-top: 8px;
}

.bem-edit .contact-agent-post-selector + input[type=text] {
  margin-top: 5px;
}

.bem-edit__block {
  width: 100%;
  max-width: 720px;
  margin: 48px auto 0;
}

.bem-edit__block:first-child {
  margin-top: 0;
}

.bem-edit__title {
  margin: 0 0 24px 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: black;
}

.bem-edit__title_with_link {
  margin-bottom: 24px;
  align-items: center;
}

.bem-edit__title_with_link .bem-edit__title {
  margin-bottom: 0;
}

.bem-edit__table {
  margin-top: 8px;
}

.bem-edit__table:first-child {
  margin-top: 0;
}

.bem-edit__table-item {
  margin-bottom: 8px;
  margin-right: 24px;
  width: 100%;
}

.bem-edit__table-item:last-child {
  margin-right: 0;
}

.bem-edit__fields-language {
  display: block;
  float: right;
  width: auto;
  font-size: 14px;
  font-weight: normal;
}

.bem-edit__fields-language .bem-dropdown__link {
  opacity: 0.5;
}

.bem-edit__icon-list {
  position: absolute;
  top: calc(50% - 12px);
  right: 12px;
  cursor: pointer;
  font-size: 16px;
}

.bem-edit__btn {
  width: 112px;
}

.bem-edit__input-list.bem-form__input {
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bem-edit__download {
  margin-right: 16px;
}

.bem-edit__download .bem-button {
  margin-top: 8px;
}

.bem-edit__icon-trash {
  width: 16px;
  height: 16px;
  position: absolute;
  top: inherit;
  bottom: 2px;
  right: 0;
  background: url("../2020/images/trash.svg") no-repeat center center;
  cursor: pointer;
}

.bem-edit__translate-items {
  margin-bottom: 8px;
}

.bem-edit__translate-item {
  position: relative;
  margin: 16px 0;
}

.bem-edit__translate-item .loading {
  background-position: calc(100% - 40px) center !important;
}

.bem-edit__translate-item:first-child {
  margin-top: 0;
}

.bem-edit__translate-item .bem-form__input_compact + .bem-edit__translate-icon, .bem-edit__translate-item .bem-form__input_compact + .bem-translatable-button + .bem-edit__translate-icon {
  top: 8px;
}

.bem-edit__translate-item input.bem-form__input {
  padding-right: 34px;
}

.bem-edit__translate-icon {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 16px;
  height: 16px;
}

.bem-edit__translate-select {
  width: auto;
  top: 22px;
  right: 0;
  padding: 0px;
}

.bem-edit__translate-select .bem-search__history-list .bem-link {
  height: 36px;
}

.bem-edit__translate-select .bem-search__history-list .bem-search__bem-icon-block.selected:before {
  content: '✓';
  display: inline;
  margin-right: 5px;
  font-weight: bold;
}

.bem-edit__add-translate {
  line-height: inherit;
}

.bem-edit__workplace-item, .bem-edit__phone-item, .bem-edit__email-item {
  position: relative;
  border-top: 1px solid #E3E5E8;
  padding-top: 16px;
}

.bem-edit__workplace-item:first-child, .bem-edit__phone-item:first-child, .bem-edit__email-item:first-child {
  padding-top: 0;
  border: none;
}

.bem-edit__workplace-item {
  margin-bottom: 16px;
}

.bem-edit__workplace-existing {
  line-height: 40px;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.bem-edit__workplace-item .bem-edit__table {
  margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
  .bem-edit__workplace-existing {
    font-size: 14px;
  }
}

.bem-edit__phone-item:not(.proto), .bem-edit__email-item:not(.proto) {
  padding-top: 8px;
  margin-top: 16px;
}

.bem-edit__phone-item:not(.proto):first-child, .bem-edit__email-item:not(.proto):first-child {
  margin-top: 0px;
  padding-top: 0px;
}

.bem-edit__phone-item:not(.proto) .bem-select, .bem-edit__phone-item:not(.proto) .bem-form__input, .bem-edit__email-item:not(.proto) .bem-select, .bem-edit__email-item:not(.proto) .bem-form__input {
  margin: 8px 8px 8px 0;
}

.bem-edit__phone-item:not(.proto) input.phone_comment, .bem-edit__email-item:not(.proto) input.phone_comment {
  margin-right: 0;
}

.bem-edit__phone-item:not(.proto).proto, .bem-edit__email-item:not(.proto).proto {
  display: none;
}

.bem-edit__phone-item:not(.proto) .bem-form__label-check-radio, .bem-edit__email-item:not(.proto) .bem-form__label-check-radio {
  margin-top: auto;
  margin-bottom: auto;
}

.bem-edit__phone-item.proto, .bem-edit__email-item.proto {
  display: none;
}

.bem-edit__email-item .confirm-note {
  margin-top: 8px;
}

.bem-edit__email-item .confirm-note i {
  margin-right: 8px;
  font-size: 14px;
  line-height: 20px;
}

.bem-edit__email-item .bem-form__input {
  margin-right: 0;
}

.bem-edit__wards .bem-search__history-footer .bem-button {
  margin: 0;
  margin-right: 24px;
  min-width: 105px;
}

.bem-edit__social .bem-edit__icon-trash {
  bottom: 12px;
}

.bem-edit__social-add {
  margin-top: 15px;
}

.bem-edit__phone, .bem-edit__email {
  margin-top: -8px;
}

.bem-edit__phone .bem-edit__icon-trash, .bem-edit__email .bem-edit__icon-trash {
  margin-top: 10px;
  width: 32px;
  height: 32px;
  position: relative;
  display: block;
  right: inherit;
  bottom: inherit;
  background-position: right center;
}

.bem-edit__phone .bem-edit__phone-item_compact .bem-edit__icon-trash,
.bem-edit__phone .bem-edit__email-item_compact .bem-edit__icon-trash, .bem-edit__email .bem-edit__phone-item_compact .bem-edit__icon-trash,
.bem-edit__email .bem-edit__email-item_compact .bem-edit__icon-trash {
  margin-top: 7px;
}

.bem-edit__phone .phone-primary,
.bem-edit__email .primary-check {
  display: flex;
}

.bem-edit__phone .phone-confirm {
  display: none;
  max-width: 100%;
  margin-top: 16px;
}

.bem-edit__phone .phone-confirm input {
  vertical-align: top;
}

.bem-edit__phone .phone-confirm .confirm-step-info {
  font-size: 12px;
  display: block;
}

.bem-edit__phone .phone-confirm .confirm-step-send .bem-button {
  float: left;
}

.bem-edit__phone .phone-confirm .confirm-step-send .confirm-step-info {
  display: block;
  float: left;
  max-width: 400px;
  margin-left: 16px;
}

.bem-edit__phone .phone-confirm .confirm-step-submit,
.bem-edit__phone .phone-confirm .confirm-step-success {
  display: none;
}

.bem-edit__phone .phone-confirm .confirm-step-submit input[type=text] {
  width: 150px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 5px;
}

.bem-edit__phone .phone-confirm .confirm-step-submit .resend-link {
  margin-left: 10px;
}

.bem-edit__phone .phone-confirm .confirm-step-submit .confirm-step-info {
  margin-top: 5px;
}

.bem-edit__agent-ward .bem-edit_agent-item-delete {
  top: 16px;
  right: 16px;
}

.bem-edit__agent-ward .bem-edit__agent-item {
  padding: 16px;
  margin-bottom: 24px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}

.bem-edit__agent-ward .bem-edit__agent-item:last-child {
  margin-bottom: 0;
}

.bem-edit__agent-ward .bem-edit__table-item.bem-personpic {
  width: min-content;
}

.bem-edit__agent-ward .bem-edit__agent-item.agent .bem-edit__agent-item-summary {
  margin-bottom: 16px;
}

.bem-edit__agent-ward .bem-edit__agent-ward-post {
  display: none;
  margin-top: 10px;
}

.bem-edit__agent-ward .bem-edit__agent-item_new .bem-edit__agent-ward-post {
  display: block;
}

.bem-edit__agent-ward .bem-edit__agent-item_new .bem-edit__agent-ward-info {
  display: none;
}

.bem-edit__agent-ward .bem-edit__agent-item:not(.agent-contact) .contact-agent-post-selector + input[type="text"] {
  margin-top: 16px;
}

.bem-edit__agent-ward .bem-personpic {
  margin-right: 24px;
}

.bem-edit__agents:not([data-total-count="0"]) .bem-agent-selector {
  margin-top: 24px;
}

.bem-edit__snattachbox .bem-column-list {
  grid-template-columns: repeat(auto-fill, minmax(clamp(49%, 240px, 100%), 1fr));
  grid-gap: 8px;
}

.bem-edit__snattachbox-item {
  background: #F7F8FA;
  border: 1px solid #F7F8FA;
  border-radius: 4px;
  padding: 12px;
}

.bem-edit__snattachbox-item .bem-edit__snattachbox_bind {
  display: block;
  width: max-content;
  white-space: nowrap;
  margin-left: 4px;
}

.bem-edit__snattachbox-item .bem-edit__snattachbox_unbind {
  display: none;
}

.bem-edit__snattachbox_attached {
  border: 1px solid #E3E5E8;
  background: #fff;
}

.bem-edit__snattachbox_attached .bem-edit__snattachbox_bind {
  display: none;
}

.bem-edit__snattachbox_attached .bem-edit__snattachbox_unbind {
  display: block;
}

.bem-edit__password .bem-edit__table {
  align-items: flex-start;
}

.bem-edit__password .bem-button {
  margin: 16px 0 0;
  width: max-content;
}

.bem-edit__notification .bem-form__checkbox + .bem-form__label-check-radio {
  justify-content: flex-end;
}

.bem-edit__notification .bem-form__checkbox + .bem-form__label-check-radio:before {
  margin-right: 0;
}

.bem-edit__notification-row {
  margin-top: 16px;
}

.bem-edit__notification-row:first-child {
  margin-top: 0;
}

.bem-edit .bem-edit__notification-row label {
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

.bem-edit__notification_check_width {
  display: flex;
  justify-content: flex-end;
  width: 60px;
  margin-left: 24px;
}

.bem-edit__resume .bem-edit__action_file {
  margin-bottom: 16px;
}

.bem-edit__resume-form {
  margin-top: 16px;
}

.bem-edit__resume-form .bem-button {
  margin-right: 16px;
}

.bem-edit__resume .resume-form-preview-link {
  margin-right: 16px;
}

.bem-edit__resume .resume-preview-block.visible {
  margin-bottom: 8px;
}

.bem-edit__agent-ward-info_edit {
  margin-top: 4px;
}

.bem-edit__agent-ward-info_name {
  margin-bottom: 8px;
}

.bem-edit__bem-social {
  width: calc(100% - 32px) !important;
}

.bem-edit__social-item {
  margin-top: 8px;
}

.bem-edit__social-item:first-child {
  margin-top: 0;
}

.bem-edit__social-item.error input[type=text],
.bem-edit__social-item.error select {
  box-shadow: 0 0 4px rgba(246, 75, 75, 0.5);
}

.bem-edit__bem-icon-block.bem-icon-block {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.bem-edit__snattachbox__bem-icontacts {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.bem-edit__snattachbox__bem-icontacts .bem-icontacts__item {
  margin: 0;
}

.bem-edit__change-name-form {
  display: none;
  margin: 20px 0;
  padding: 20px;
  border: 1px solid #E3E5E8;
  border-radius: 8px;
}

.bem-edit__change-name-form .bem-edit__change-name-form-row {
  margin-bottom: 14px;
}

.bem-edit__change-name-form .bem-edit__change-name-form-preview {
  display: none;
  margin-top: 20px;
}

.bem-edit__change-name-form .bem-edit__change-name-form-preview .preview-img {
  width: 100px;
  padding: 1px;
  border: 1px solid silver;
  border-radius: 3px;
  vertical-align: middle;
}

.bem-edit__change-name-form .bem-edit__change-name-form-preview .preview-remove {
  margin-left: 10px;
  vertical-align: middle;
  font-size: 15px;
}

.bem-edit__change-name-form .bem-edit__change-name-form-row-note {
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
}

.bem-edit__change-name-form .bem-edit__change-name-form-error {
  display: none;
  color: #E14C4C;
  margin-bottom: 7px;
  font-size: 12px;
}

.bem-edit__change-name-form .bem-edit__change-name-form-button-note {
  margin-left: 5px;
  font-size: 12px;
  color: #999999;
}

.bem-edit__change-name-form textarea {
  width: 100%;
  margin-top: 5px;
}

.bem-edit .bem-placebox:not(.bem-placebox_compact) {
  line-height: 40px;
}

.bem-edit .bem-placebox:not(.bem-placebox_compact) .bem-placebox__place-link {
  font-size: 18px;
}

.bem-edit__activity-row {
  margin-top: 32px;
}

.bem-edit__activity-row:first-child {
  margin-top: 0;
}

.bem-edit .fields-specs-block {
  margin-top: 24px;
}

.bem-edit .fields-specs-block:first-child {
  margin-top: 0;
}

.bem-edit__submit {
  width: 100%;
}

.bem-edit__submit .submit-button {
  min-width: 150px;
  margin-left: 20px;
}

.bem-edit__submit .submit-button:first-child {
  margin-left: 0;
}

.bem-edit__approve-form {
  display: none;
  margin-top: 20px;
}

.bem-edit .from-duplicate .bem-form__input,
.bem-edit .from-duplicate .bem-select,
.bem-edit .from-duplicate-agents {
  border-color: #70BD70;
  box-shadow: 0 0 3px #71D138;
}

/* @media-условия .bem-edit */
@media screen and (max-width: 900px) {
  .bem-edit__translate {
    width: 70%;
  }
  .bem-edit__phone-item > .bem-page__row:first-child {
    flex-direction: column;
  }
  .bem-edit__phone-item > .bem-page__row:first-child .bem-select {
    margin-right: 0;
  }
  .bem-auth__step-add-person .bem-edit__myagents_break {
    flex-direction: column;
  }
  .bem-edit__phone input.phone_comment {
    max-width: none;
  }
}

@media screen and (max-width: 768px) {
  /*
    .bem-edit fieldset .bem-page__row, .bem-edit__email-item > .bem-page__row {
        flex-direction: row;
    }
*/
  .bem-edit__phone-item > .bem-edit__row:first-child {
    flex-direction: column;
  }
  .bem-edit__phone-item > .bem-page__row .bem-select, .bem-edit__email-item > .bem-page__row .bem-select {
    margin-right: 16px;
    max-width: 50vw;
  }
  .bem-edit__translate {
    width: auto;
  }
  .bem-edit__translate-item {
    width: auto;
  }
  .bem-edit .bem-sidebar .bem-info-block__title {
    display: none;
  }
  .bem-auth__step-add-person .bem-edit__myagents_break {
    flex-direction: row;
  }
  .bem-edit__legend .bem-page__title, .bem-edit__title {
    font-size: 16px;
    line-height: 20px;
  }
}

@media screen and (max-width: 660px) {
  .bem-edit_mobile_column, .bem-edit__table {
    flex-direction: column;
    align-items: center;
  }
  .bem-edit__resume .bem-edit__table {
    align-items: flex-start;
  }
  .bem-edit__session .bem-edit__table {
    flex-direction: row;
  }
  .bem-edit__resume .resume-preview-block {
    flex-direction: row;
    align-items: center;
  }
  .bem-edit__workplace-item > .bem-page__row {
    flex-direction: column;
  }
  .bem-edit__snattachbox > .bem-page__row {
    flex-direction: column;
  }
  .bem-edit__snattachbox > .bem-page__row .bem-select {
    margin-right: 0;
  }
  .bem-edit__block {
    margin-top: 16px;
  }
  .bem-edit__title {
    margin: 16px 0;
  }
  .bem-edit__title_with_link {
    margin: 16px 0;
  }
  .bem-edit__title_with_link .bem-edit__title {
    margin: 0;
  }
  .bem-edit .bem-edit__legend {
    margin-bottom: 16px;
  }
  .bem-edit__icon-trash {
    bottom: inherit;
    top: 12px;
  }
  .bem-edit__workplace-item .bem-edit__icon-trash {
    top: 11px;
  }
  .bem-edit__workplace-item:first-child .bem-edit__icon-trash {
    top: -5px;
  }
  .bem-edit__social .bem-edit__icon-trash {
    top: inherit;
  }
  .bem-edit__snattachbox-item.bem-social {
    flex-direction: row;
  }
  .bem-edit__translate {
    width: 100%;
    margin-top: 24px;
  }
  .bem-edit hr {
    margin-left: -24px;
    margin-right: -24px;
    padding: 0 24px;
  }
  .bem-edit .bem-edit__table-item {
    margin-right: 0;
  }
  .bem-edit__session .bem-edit__table-item {
    margin-right: 8px;
  }
  .bem-edit__agent-item .bem-edit__table {
    width: 100%;
  }
  .bem-edit__stringer .bem-auth__stringer_spec, .bem-edit__stringer .bem-auth__stringer_equip {
    flex-direction: column;
  }
  .bem-edit__phone .bem-edit__icon-trash, .bem-edit__email .bem-edit__icon-trash {
    top: inherit;
  }
  .bem-auth__step-add-person .bem-edit__myagents_break {
    flex-direction: column;
  }
  .bem-edit fieldset {
    width: 100%;
  }
  .bem-edit__agent-ward .bem-edit__table-item.bem-personpic {
    margin-right: 16px;
  }
}

@media screen and (max-width: 560px) {
  .bem-edit__break.bem-page__row {
    flex-direction: column;
  }
}

@media screen and (max-width: 460px) {
  fieldset .bem-page__row .bem-edit__bem-social {
    flex-direction: column;
  }
  fieldset .bem-page__row .bem-edit__bem-social .bem-social__icon {
    top: 8px;
  }
  .bem-edit__social-item .bem-edit__icon-trash {
    top: 12px;
  }
  .bem-edit__phone-basic {
    flex-direction: column;
  }
}

@media screen and (max-width: 420px) {
  .bem-edit .bem-auth {
    padding: 0;
  }
  .bem-edit__wards .bem-auth__btn {
    flex-direction: column;
    align-items: center;
  }
  .bem-edit__wards .bem-auth__btn .bem-button {
    margin-bottom: 8px;
    margin-right: 0;
  }
  .bem-edit__wards .bem-search__history-caption > span {
    display: none;
  }
  .bem-edit__phone-item span, .bem-edit__email-item span {
    display: none;
  }
  .bem-edit__phone .bem-select, .bem-edit__email .bem-select {
    width: 100%;
  }
  .bem-edit__notification_check_width {
    width: 40px;
    margin-left: 16px;
  }
  .bem-edit .bem-edit__phone-item .bem-edit__break {
    flex-direction: column;
  }
  .bem-edit__phone-item > .bem-page__row .bem-select, .bem-edit__email-item > .bem-page__row .bem-select {
    max-width: 40vw;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-ent-cp, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-ent-cp {
  width: 100%;
  max-width: 1264px;
  /* bem-ent-cp: Элементы */
  /* bem-ent-cp: Модификаторы */
  /* bem-ent-cp: Миксины */
}

.bem-ent-cp .bem-form__number {
  width: 60px;
  padding: 5px;
}

.bem-ent-cp__title {
  display: flex;
  width: 100%;
  margin: 40px 0 40px 0;
}

.bem-ent-cp__statistic {
  display: flex;
  width: 100%;
  margin: 0 0 40px 0;
}

.bem-ent-cp__item {
  margin-bottom: 16px;
}

.bem-ent-cp__action {
  display: flex;
  width: 100%;
}

.bem-ent-cp__action > :nth-child(n):last-child, .bem-ent-cp__list .bem-page__block__header:last-child {
  width: 12vw;
  max-width: 160px;
  text-align: right;
}

.bem-ent-cp__action > :nth-child(n):first-child, .bem-ent-cp__list .bem-page__block__header:first-child {
  flex-grow: 1;
}

.bem-ent-cp__action > :nth-child(n):nth-child(2), .bem-ent-cp__action > :nth-child(n):nth-child(3), .bem-ent-cp__list .bem-page__block__header:nth-child(2), .bem-ent-cp__list .bem-page__block__header:nth-child(3) {
  width: 15vw;
  max-width: 200px;
  text-align: left;
}

.bem-ent-cp__limit_group {
  display: flex;
  flex-direction: column;
}

.bem-ent-cp__limit_item {
  display: flex;
  align-items: center;
  margin-top: 4px;
}

.bem-ent-cp__limit_item:first-child {
  margin-top: 0;
}

.bem-ent-cp__limit_item .bem-form__input {
  margin-right: 8px;
}

.bem-ent-cp__limit_ok {
  order: 0;
  margin-left: -24px;
  margin-right: 8px;
}

.bem-ent-cp__balance {
  display: flex;
  flex-direction: column;
  min-width: 200px;
  margin-right: 16px;
}

.bem-ent-cp__balance .bem-link {
  margin-bottom: 8px;
}

.bem-ent-cp__points {
  font-size: 56px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.bem-ent-cp__person {
  width: 100%;
}

.bem-ent-cp__logo {
  margin-right: 24px;
}

.bem-ent-cp__chart {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 16px;
  min-width: 150px;
  width: 100%;
}

.bem-ent-cp__chart .bem-page__title {
  margin-bottom: 4px;
}

.bem-ent-cp__chart-container {
  width: 100%;
  padding-top: 20px;
}

.bem-ent-cp__access {
  display: flex;
  flex-direction: column;
  min-width: 151px;
}

.bem-ent-cp__access .bem-select, .bem-ent-cp__access .bem-button {
  width: 100%;
  max-width: 200px;
}

.bem-ent-cp__access .bem-ent-cp__pay-btn-group {
  display: flex;
  flex-direction: column;
}

.bem-ent-cp__access-item {
  margin-bottom: 8px;
  white-space: nowrap;
}

.bem-ent-cp__access-vat-note {
  font-size: 11px;
  line-height: 100%;
  color: #999999;
}

.bem-ent-cp__bind-card {
  display: flex;
  flex-direction: column;
}

.bem-ent-cp__bill, .bem-ent-cp__invoice, .bem-ent-cp__history-message {
  display: flex;
  border-radius: 4px;
  padding: 24px;
  margin-bottom: 32px;
  background-color: #F7F8FA;
}

.bem-ent-cp__bill .bem-icon-block, .bem-ent-cp__invoice .bem-icon-block, .bem-ent-cp__history-message .bem-icon-block {
  margin-right: 16px;
}

.bem-ent-cp__bill-message {
  display: flex;
  align-items: center;
  width: 100%;
  margin-right: 24px;
}

.bem-ent-cp__bill-message .bem-page__title {
  margin-bottom: 8px;
}

.bem-ent-cp__bill-form {
  display: flex;
  align-items: center;
  width: 100%;
}

.bem-ent-cp__bill-form > :nth-child(n) {
  margin-left: 24px;
}

.bem-ent-cp__bill-form > :first-child {
  margin-left: 0;
}

.bem-ent-cp__bill-form label {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 14px;
}

.bem-ent-cp__invoice {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}

.bem-ent-cp__invoice-icon {
  font-size: 64px;
  color: #008DFF;
}

.bem-ent-cp__invoice-info {
  padding: 0 24px;
}

.bem-ent-cp__invoice-message {
  margin-bottom: 10px;
  font-weight: bold;
}

.bem-ent-cp__invoice-controls {
  display: flex;
  flex-direction: column;
  text-align: center;
  min-width: 180px;
  max-width: 180px;
}

.bem-ent-cp__invoice-controls .bem-button {
  width: 100%;
}

.bem-ent-cp__invoice-controls-elem {
  margin-top: 16px;
}

.bem-ent-cp__invoice-controls-elem:first-child {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .bem-ent-cp__invoice {
    flex-direction: column;
  }
  .bem-ent-cp__invoice-info {
    padding: 0;
  }
  .bem-ent-cp__invoice-controls {
    width: 100%;
    margin-top: 16px;
    flex-direction: row;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    max-width: none;
  }
  .bem-ent-cp__invoice-controls .bem-button {
    width: auto;
  }
  .bem-ent-cp__invoice-controls-elem {
    margin-top: 0;
    margin-right: 16px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.bem-ent-cp__workers {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  width: 100%;
}

.bem-ent-cp__add-worker {
  display: flex;
  width: 100%;
  position: relative;
  min-height: auto;
  padding: 24px;
  margin-bottom: 24px;
  border-radius: 4px;
  background-color: #F7F8FA;
}

.bem-ent-cp__add-worker .bem-page__copy-block {
  margin-bottom: 8px;
}

.bem-ent-cp__add-worker .bem-page__copy-block .bem-form__input {
  min-width: 275px;
  margin-right: 8px;
}

.bem-ent-cp__add-worker .bem-form {
  margin-top: -24px;
  margin-bottom: -24px;
  padding-left: 32px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.bem-ent-cp__add-worker .bem-form:first-child {
  border-right: 1px solid #E3E5E8;
  padding-left: 0;
  padding-right: 32px;
}

.bem-ent-cp__add-worker .bem-form:first-child .bem-form__input {
  margin-bottom: 16px;
}

.bem-ent-cp__add-worker .bem-form .bem-page__title {
  margin-bottom: 8px;
}

.bem-ent-cp__add-worker .bem-form .bem-page__subtitle {
  margin-bottom: 24px;
}

.bem-ent-cp__invite-refresh {
  min-width: 32px;
  max-width: 32px;
  text-align: center;
}

.bem-ent-cp__options {
  display: flex;
  margin-right: 16px;
}

.bem-ent-cp__options > :nth-child(n) {
  margin-left: 24px;
  white-space: nowrap;
}

.bem-ent-cp__options > :nth-child(n):first-child {
  margin-left: 0;
}

.bem-ent-cp__options .bem-icon-block__svg {
  margin-right: 8px;
}

.bem-ent-cp__invite-send {
  display: flex;
  margin-bottom: 16px;
}

.bem-ent-cp__invite-send-or {
  padding: 8px 8px 8px;
  white-space: nowrap;
  margin: 0;
  font-size: 12px;
  line-height: 24px;
}

.bem-ent-cp__invite-send label {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 4px;
}

.bem-ent-cp__staff-search .bem-common-persons-list {
  max-width: 100%;
  background-color: #FFFFFF;
  padding: 1px;
  border: 1px solid #E3E5E8;
  border-radius: 4px;
  max-height: 40vh;
}

.bem-ent-cp__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 24px;
}

.bem-ent-cp__list-item {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.bem-ent-cp__list-item:nth-child(2) {
  margin-top: 24px;
}

.bem-ent-cp__list-item .bem-personpic {
  margin-right: 16px;
}

.bem-ent-cp__list-item-name {
  font-size: 20px;
  line-height: 24px;
  color: black;
  font-weight: bold;
}

.bem-ent-cp__list-item-name_admin {
  color: #d8544f;
}

.bem-ent-cp__list-item .bem-preloader {
  margin-right: 0;
  display: none !important;
}

.bem-ent-cp__list-item.element-disabled .bem-preloader {
  display: block !important;
}

.bem-ent-cp__list-item.element-disabled .bem-ent-cp__list-item-actions {
  display: none !important;
}

.bem-ent-cp__list-item_frozen {
  opacity: 0.5 !important;
}

.bem-ent-cp__modal {
  margin-right: 8px;
}

.bem-ent-cp__balance-fill-message {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EAEAEA;
  font-size: 15px;
}

.bem-ent-cp__balance-fill-variant {
  box-sizing: border-box;
  float: left;
  width: 32%;
  min-width: 64px;
  min-height: 64px;
  margin-left: 2%;
  cursor: pointer;
  text-align: center;
}

.bem-ent-cp__balance-fill-variant:first-child {
  margin-left: 0;
}

.bem-ent-cp__balance-fill-variant.disabled {
  opacity: 0.5;
}

.bem-ent-cp__balance-fill-variant.selected, .bem-ent-cp__balance-fill-variant.disabled {
  color: #ABAFB4;
  cursor: default;
}

.bem-ent-cp__balance-fill-variant-name {
  margin-top: 5px;
  font-size: 14px;
}

.bem-ent-cp__balance-fill-variant-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: auto;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 48px;
  line-height: 48px;
}

.bem-ent-cp__transfer-form-row {
  margin-top: 16px;
}

.bem-ent-cp__transfer-form-row:first-child {
  margin-top: 0;
}

.bem-ent-cp__balance-fill .bem-ent-cp__transfer-form {
  display: none;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #EAEAEA;
}

.bem-ent-cp__balance-log-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 16px;
  align-items: center;
  line-height: 100%;
}

.bem-ent-cp__balance-log-top strong {
  font-weight: bold;
  color: #008DFF;
}

.bem-ent-cp__balance-log-bottom {
  margin-top: 16px;
  padding: 16px 0;
  border-top: 1px solid #e6e6e6;
  text-align: left;
  line-height: 100%;
}

.bem-ent-cp__admin-select-staff-row {
  margin-top: 16px;
}

.bem-ent-cp__admin-select-staff-row:first-child {
  margin-top: 0;
}

.bem-ent-cp__admin-select-staff-row .bem-personpic {
  width: 30px;
}

.bem-ent-cp__admin-select-staff-row label {
  width: 100%;
}

.bem-ent-cp__label-check-radio {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.bem-ent-cp__admin-select-user-photo {
  margin-right: 8px;
}

.bem-ent-cp__admin-select-user-info {
  display: flex;
  flex-direction: column;
}

.bem-ent-cp__admin-select-user-post {
  font-size: 12px;
  color: #999999;
}

.bem-ent-cp__admin-select-admin-alert {
  margin-top: 10px;
  font-size: 11px;
  color: #999999;
}

.bem-ent-cp__admin-select-admin-alert i {
  color: #d8544f;
}

.bem-ent-cp__history-message {
  display: flex;
  flex-direction: column;
  margin: 32px 0;
}

.bem-ent-cp__history-message-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 16px;
}

.bem-ent-cp__history-message-action {
  margin-left: 16px;
}

.bem-ent-cp__history-message-action:first-child {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .bem-ent-cp__history-message-actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .bem-ent-cp__history-message-action {
    margin-left: 0;
    margin-top: 8px;
  }
  .bem-ent-cp__history-message-action:first-child {
    margin-top: 0;
  }
}

.bem-ent-cp__tariff-info .blur td {
  opacity: 0.3;
}

.bem-ent-cp__tariff-info .bem-ent-cp__tariff-info-company-logo {
  width: 16px;
  height: 16px;
  margin-right: 3px;
  border-radius: 3px;
  vertical-align: middle;
}

.bem-ent-cp__tariff-info-label {
  width: 40%;
}

.bem-ent-cp__tariff-info-note {
  margin-top: 11px;
  font-size: 11px;
  color: #999999;
}

.bem-ent-cp_indent {
  margin-bottom: 16px;
}

/* bem-ent-cp: @media-условия */
@media screen and (max-width: 1080px) {
  .bem-ent-cp .bem-auth .bem-form {
    padding-left: 16px;
  }
  .bem-ent-cp .bem-auth .bem-form:first-child {
    padding-right: 16px;
  }
}

@media screen and (max-width: 960px) {
  .bem-ent-cp__bill-form {
    flex-direction: column;
    align-items: flex-start;
  }
  .bem-ent-cp__bill-form > :nth-child(n) {
    margin-left: 0;
  }
  .bem-ent-cp__bill-form .bem-button {
    margin-top: 8px;
  }
  .bem-ent-cp__add-worker .bem-page__copy-block {
    flex-direction: column;
  }
  .bem-ent-cp__add-worker .bem-page__copy-block .bem-form__input {
    margin-bottom: 8px;
  }
  .bem-ent-cp__invite-send {
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .bem-ent-cp__person {
    padding: 0;
  }
  .bem-ent-cp .bem-ent-cp__add-worker {
    padding: 16px;
  }
  .bem-ent-cp .bem-ent-cp__add-worker .bem-form {
    margin: 0;
    padding: 0;
  }
  .bem-ent-cp .bem-ent-cp__add-worker .bem-form:first-child {
    border: none;
  }
  .bem-ent-cp .bem-ent-cp__add-worker .bem-page__copy-block .bem-form__input {
    margin-bottom: 0px;
  }
  .bem-ent-cp__balance {
    margin-right: 0;
    width: 100%;
    align-items: center;
  }
  .bem-ent-cp__balance .bem-page__title {
    margin-bottom: 8px;
  }
  .bem-ent-cp__points {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .bem-ent-cp__bill {
    flex-direction: column;
    padding: 16px;
  }
  .bem-ent-cp__bill-form {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 16px;
  }
  .bem-ent-cp__bill-form > :nth-child(n) {
    margin-left: 0px;
    margin-top: 8px;
  }
  .bem-ent-cp__bill-form > :first-child {
    margin-top: 0;
  }
  .bem-ent-cp__action {
    flex-direction: column;
  }
  .bem-ent-cp__action > :nth-child(n):last-child, .bem-ent-cp__action > :nth-child(n):nth-child(2), .bem-ent-cp__action > :nth-child(n):nth-child(3), .bem-ent-cp__list .bem-page__block__header:last-child, .bem-ent-cp__list .bem-page__block__header:nth-child(2), .bem-ent-cp__list .bem-page__block__header:nth-child(3) {
    width: 100%;
  }
  .bem-ent-cp__list-item {
    margin-top: 24px;
  }
  .bem-ent-cp__list-item:nth-child(2) {
    margin-top: 8px;
  }
  .bem-ent-cp__limit_ok {
    order: 3;
    margin-left: 8px;
  }
  .bem-ent-cp__limit {
    margin-top: 4px;
  }
  .bem-ent-cp .bem-page__break {
    flex-direction: row;
  }
  .bem-ent-cp__statistic {
    flex-direction: column;
    margin: 24px 0 16px;
  }
  .bem-ent-cp__bill-message {
    margin-right: 0;
  }
  .bem-ent-cp__title {
    flex-direction: column;
    margin-top: 32px;
    margin-bottom: 24px;
  }
  .bem-ent-cp__title .bem-button {
    margin-top: 16px;
  }
  .bem-ent-cp__title h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .bem-ent-cp__logo {
    margin-right: 16px;
  }
  .bem-ent-cp__logo img {
    min-width: 72px;
  }
  .bem-ent-cp__chart {
    align-items: center;
    margin-right: 0;
  }
  .bem-ent-cp__bind-card {
    align-items: center;
  }
  .bem-ent-cp__access {
    align-items: center;
  }
  .bem-ent-cp__access .bem-ent-cp__pay-btn-group {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .bem-ent-cp__access .bem-ent-cp__pay-btn-group .bem-button {
    margin-left: 8px;
  }
  .bem-ent-cp__access .bem-ent-cp__pay-btn-group .bem-button:first-child {
    margin-left: 0;
  }
  .bem-ent-cp__access-item {
    margin-bottom: 16px;
  }
  .bem-ent-cp__options {
    width: 100%;
    margin-top: 16px;
    margin-right: 0;
  }
  .bem-ent-cp__workers {
    flex-direction: column;
  }
  .bem-ent-cp__add-worker {
    flex-direction: column;
  }
  .bem-ent-cp__add-worker .bem-page__copy-block {
    flex-direction: row;
  }
  .bem-ent-cp__add-worker .bem-page__close {
    position: relative;
    top: inherit;
    right: inherit;
    width: auto;
    margin: 0 auto;
  }
  .bem-ent-cp__invite-send {
    margin-bottom: 16px;
  }
  .bem-ent-cp__invite-send .bem-form__phone {
    margin-top: 16px;
  }
}

@media screen and (max-width: 590px) {
  .bem-ent-cp__bill {
    padding: 16px;
  }
}

@media screen and (max-width: 500px) {
  .bem-ent-cp__access .bem-ent-cp__access-item,
  .bem-ent-cp__access .bem-select,
  .bem-ent-cp__pay-btn-group .bem-button,
  .bem-ent-cp__title .bem-button {
    width: 100%;
    max-width: 100%;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-ent-form, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-ent-form {
  display: flex;
  flex-direction: column;
  /* bem-ent-form: Элементы */
}

.bem-ent-form.bem-form legend {
  padding: 0;
  border: none;
  font-size: 16px;
}

.bem-ent-form.bem-form > :nth-child(n) {
  margin: 40px 0 0;
}

.bem-ent-form.bem-form > :first-child {
  margin: 0;
}

.bem-ent-form.bem-form .bem-form__input,
.bem-ent-form.bem-form .bem-select,
.bem-ent-form.bem-form .bem-form__label-check-radio {
  margin-top: 16px;
}

.bem-ent-form .bem-placebox {
  margin-top: 16px;
  font-size: 16px;
}

.bem-ent-form .bem-placebox .bem-form__input {
  margin-top: 0;
}

.bem-ent-form.bem-form .bem-form__label-check-radio {
  width: auto;
}

.bem-ent-form .bem-form__number {
  width: 100px;
}

.bem-ent-form .bem-column-list_col4 {
  grid-template-columns: repeat(auto-fill, minmax(clamp(25%, 110px, 100%), 1fr));
}

.bem-ent-form .bem-edit__icon-list {
  margin-top: 10px;
}

.bem-ent-form__lead {
  margin-top: 4px;
  color: #818C9C;
}

.bem-ent-form__link {
  display: block;
  margin-top: 12px;
  font-size: 12px;
  line-height: 16px;
}

.bem-ent-form__warning {
  display: flex;
  justify-content: flex-start;
  margin-top: 12px;
  font-size: 12px;
  line-height: 16px;
}

.bem-ent-form__warning svg {
  margin-right: 8px;
}

.bem-ent-form__group {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.bem-ent-form__group > :nth-child(n) {
  margin-right: 56px;
}

.bem-ent-form__group > :last-child {
  margin-right: 0px;
}

.bem-ent-form__group svg {
  margin-right: 4px;
}

.bem-ent-form__group_discount > :nth-child(n) {
  margin-right: 16px;
}

.bem-ent-form__group_discount > :first-child {
  width: 100px;
  margin-right: 0;
}

.bem-ent-form__period {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

.bem-ent-form__period .bem-form__input {
  margin-top: 0 !important;
  margin-right: 16px;
}

.bem-ent-form__period > :nth-child(n) {
  margin-left: 16px;
}

.bem-ent-form__period > :first-child {
  margin-left: 0;
}

.bem-ent-form__btn-action {
  width: 100%;
  max-width: 200px;
}

.bem-ent-form__group_discount select,
.bem-ent-form__group_discount input {
  margin: 0 8px 0 0 !important;
}

.bem-ent-form__infobox {
  font-family: monospace;
  padding-bottom: 40px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  font-size: 16px;
}

.bem-ent-form__infobox-row {
  margin-top: 8px;
}

.bem-ent-form__infobox-row:first-child {
  margin-top: 0;
}

.bem-ent-form__infobox-row_comment {
  font-family: Inter, sans-serif;
  color: #d8544f;
}

.bem-ent-form__bg-image-preview {
  width: 100px;
  height: auto;
  padding: 2px;
  background: #FFFFFF;
  border: 1px solid #e6e6e6;
}

.bem-ent-form__bg-image-preview:hover {
  border-color: #008DFF;
}

/* bem-ent-form: @media-условия */
@media screen and (max-width: 768px) {
  .bem-ent-form .bem-page_hr_hor {
    margin-left: -24px !important;
    margin-right: -24px !important;
    width: calc(100% + 48px);
  }
}

@media screen and (max-width: 500px) {
  .bem-ent-form__group_discount {
    flex-direction: column;
    align-items: flex-start;
  }
  .bem-ent-form__group_discount > :nth-child(n) {
    margin-right: 0;
    margin-top: 8px;
  }
  .bem-ent-form__group_discount > :first-child {
    margin-top: 0;
    font-weight: bold;
  }
  .bem-ent-form__group {
    flex-direction: column;
    align-items: flex-start;
  }
  .bem-ent-form__group > :nth-child(n) {
    margin-right: 0;
    margin-top: 8px;
  }
  .bem-ent-form__group > :first-child {
    margin-top: 0;
  }
  .bem-ent-form__period {
    flex-direction: column;
    align-items: flex-start;
  }
  .bem-ent-form__period > :nth-child(n) {
    margin-left: 0px;
    margin-top: 8px;
  }
  .bem-ent-form__period > :first-child {
    margin-top: 0;
  }
  .bem-ent-form__btn-action {
    max-width: 100%;
  }
  .bem-ent-form__cancel-link {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 16px !important;
  }
}

@media screen and (max-width: 320px) {
  .bem-ent-form .bem-page_hr_hor {
    margin-left: -16px !important;
    margin-right: -16px !important;
    width: calc(100% + 32px);
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-file, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-file {
  position: absolute;
  right: 127px;
  bottom: -3px;
}

.bem-file__label {
  cursor: pointer;
}

.bem-file__input {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
}

.bem-file_comm {
  right: 10px;
  bottom: inherit;
  top: 8px;
}

.bem-file_comm svg {
  stroke: #818C9C;
}

.bem-file_comm :hover svg {
  stroke: #008DFF;
}

@media screen and (max-width: 375px) {
  .bem-file {
    right: 110px;
  }
  .bem-file_comm {
    right: 10px;
  }
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-filter, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-filter {
  display: flex;
  align-items: flex-start;
  position: relative;
  width: 100%;
  margin: 24px 0;
}

.bem-filter__btn-group {
  display: flex;
  align-items: center;
}

.bem-filter__label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}

.bem-filter__rows {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bem-filter__list-btn {
  margin-bottom: 16px;
}

.bem-filter__list-btn svg {
  margin-right: 8px;
}

.bem-filter__row {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  line-height: 32px;
}

.bem-filter__row:first-child {
  margin-top: 0;
}

.bem-filter__block {
  margin-left: 16px;
  align-items: center;
}

.bem-filter__block:first-child {
  margin-left: 0;
}

.bem-filter__block .bem-form__checkbox + .bem-form__label-check-radio, .bem-filter__block .bem-form__radio + .bem-form__label-check-radio, .bem-filter__block .bem-form__toggle + .bem-form__label-check-radio {
  display: inline-block;
}

.bem-filter__block .bem-form__checkbox + .bem-form__label-check-radio:before, .bem-filter__block .bem-form__radio + .bem-form__label-check-radio:before, .bem-filter__block .bem-form__toggle + .bem-form__label-check-radio:before {
  vertical-align: middle;
}

.bem-filter__row_float {
  display: block;
}

.bem-filter__row_float .bem-filter__block {
  float: left;
  margin-left: 0;
  margin-right: 16px;
}

.bem-filter__row_float .bem-filter__block:last-child {
  margin-right: 0;
}

.bem-filter_fixed_100 {
  width: 100px;
}

.bem-filter_fixed_200 {
  width: 200px;
}

.bem-filter_fixed_300 {
  width: 300px;
}

.bem-filter_static .bem-filter__block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 24px;
}

.bem-filter_static .bem-filter__block:first-child {
  margin-left: 0;
}

.bem-filter__bem-search .bem-filter__block {
  min-width: 200px;
  max-width: 400px;
}

@media screen and (max-width: 900px) {
  .bem-filter {
    flex-direction: column;
  }
}

/*  bem-filter: @media-условия */
@media screen and (max-width: 900px) {
  .bem-filter__row {
    flex-direction: column;
  }
  .bem-filter__block {
    margin-left: 0;
    margin-top: 8px;
  }
  .bem-filter__block:first-child {
    margin-top: 0;
  }
  .bem-filter_static .bem-filter__block {
    margin-left: 0;
  }
  .bem-filter__row_float .bem-filter__block {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  .bem-filter__label_empty {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .bem-filter {
    flex-direction: column;
  }
  .bem-filter__bem-search {
    margin: 16px -24px 0;
    width: calc(100% + 48px) !important;
  }
  .bem-filter__bem-search .bem-form__input {
    width: 100% !important;
  }
  .bem-filter__bem-search .bem-filter__list-btn {
    margin-left: 16px;
  }
  .bem-filter__bem-disabled {
    position: absolute !important;
    top: 32px !important;
    left: -24px !important;
  }
  .bem-filter:not(.bem-filter_static) .bem-filter__rows {
    position: absolute;
    top: 32px;
    padding: 24px;
    background-color: #FFFFFF;
    z-index: 3;
    flex-direction: column;
    display: none;
    width: 100vw;
    left: -24px;
  }
  .bem-filter__bem-search .bem-filter__rows {
    left: 0;
  }
  .bem-filter__bem-search .bem-filter__block {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media screen and (max-width: 360px) {
  .bem-filter__btn-group {
    flex-direction: column;
    align-items: flex-start;
  }
}

/*
     В этом файле должны быть стили для БЭМ-блока .bem-footer, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-footer {
  /* Элементы  block__el */
  /* Модификаторы block(__el)_mod(_val)*/
  /* Миксины block__block */
}

.bem-footer__container {
  width: 1264px;
  margin: 0 auto;
  padding: 0 32px 32px;
}

.bem-footer__top {
  height: 97px;
  border-bottom: 1px solid #666666;
}

.bem-footer__bottom {
  padding-top: 24px;
  display: flex;
}

.bem-footer_margin_right {
  margin-right: 32px;
}

.bem-footer_theme_dark {
  background: #000;
  color: #666666;
}

.bem-footer_theme_dark .bem-link {
  color: white;
  margin-top: 4px;
}

.bem-footer_theme_dark .bem-link:hover {
  color: #b3b3b3;
}

.bem-footer_theme_dark .bem-link:first-child {
  margin-top: 0;
}

.bem-footer_text_white {
  color: white;
}

.bem-footer_text_gray {
  color: #666666;
}

.bem-footer_align_right {
  text-align: right;
}

.bem-footer__base-contact {
  text-align: right;
  margin-top: 33px;
  min-width: 50%;
}

.bem-footer__base-contact h2 {
  margin: 0;
  position: relative;
}

.bem-footer__bem-logo {
  margin-top: 40px;
  display: block;
}

.bem-footer__bem-link {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: -0.15px;
  font-weight: 400;
}

/* @media-условия .bem-footer */
@media screen and (max-width: 1264px) {
  .bem-footer__container {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .bem-footer__container {
    padding: 0 24px 20px;
    width: 100vw;
    margin: 0;
  }
  .bem-footer__bottom .bem-page__row {
    flex-direction: column;
  }
  .bem-footer__container .bem-page_max-container .bem-page__column {
    text-align: right;
  }
}

@media screen and (max-width: 380px) {
  .bem-footer__container {
    padding: 0 16px 20px;
  }
}

@media screen and (max-width: 320px) {
  .bem-footer_margin_right {
    margin-right: 20px;
  }
  .bem-footer__bem-link {
    font-size: 12px !important;
  }
  .bem-footer__base-contact h2 {
    font-size: 26px;
  }
}

/**
 *   В этом файле должны быть стили для БЭМ-блока .bem-form, его элементов,
 *   модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-form {
  width: 100%;
  /* bem-form: Элементы */
  /* bem-form: Модификаторы */
}

.bem-form label {
  user-select: none;
}

.bem-form fieldset {
  border: none;
  margin: 0 0 24px;
  padding: 0;
}

.bem-form legend {
  padding: 16px 0;
  border-bottom: 1px solid #E3E5E8;
  width: 100%;
  box-sizing: border-box;
  font-weight: bold;
}

.bem-form ::placeholder {
  color: #818C9C;
}

.bem-form :disabled {
  cursor: default;
  background-color: #F1F2F5;
  color: #898989;
  /*opacity: 0.6;*/
}

.bem-form ul.errors {
  margin-bottom: 20px;
  color: red;
}

.bem-form__input {
  height: 40px;
  border: 1px solid #F0F0F0;
  box-sizing: border-box;
  border-radius: 5px;
  background: white;
  font-size: 15px;
  padding: 8px 12px;
  color: #333333;
  width: 100%;
}

.bem-form__input:hover:not(:disabled) {
  border: 1px solid #dadada;
}

.bem-form__input:focus:not(:disabled) {
  border: 1px solid #529DE5;
  outline: none;
}

.bem-form__input.error {
  border-color: #d8544f;
}

.bem-form__file {
  box-sizing: border-box;
  background: white;
  color: #333333;
  width: 100%;
}

.bem-form__phone {
  display: flex;
  position: relative;
}

.bem-form__phone-code {
  width: 75px;
  margin-right: 8px;
  padding-left: 26px !important;
  padding-right: 8px !important;
  box-sizing: border-box;
  float: left;
}

.bem-form__phone-number {
  max-width: 260px;
  min-width: 150px;
}

.bem-form__phone-local {
  position: absolute;
  left: 8px;
  top: calc(50% - 19px);
}

.bem-form .flag {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: 8px;
  border: 1px solid #EAEAEA;
  border-radius: 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.bem-form__checkbox {
  display: none;
}

.bem-form__checkbox:checked + .bem-form__label-check-radio:before {
  background: #008DFF url("../2020/images/checkbox.svg") no-repeat 50% 50%;
  border: none;
}

.bem-form__checkbox:disabled + .bem-form__label-check-radio, .bem-form__checkbox.bem-form_disabled + .bem-form__label-check-radio {
  background: none;
  cursor: default;
  opacity: 0.6;
  color: #898989;
}

.bem-form__checkbox:disabled + .bem-form__label-check-radio:before, .bem-form__checkbox.bem-form_disabled + .bem-form__label-check-radio:before {
  background-color: #DFDFDF;
}

.bem-form__checkbox + .bem-form__label-check-radio, .bem-form__radio + .bem-form__label-check-radio, .bem-form__toggle + .bem-form__label-check-radio {
  display: inline-block;
  cursor: pointer;
  width: max-content;
  margin: auto 0;
}

.bem-form__checkbox + .bem-form__label-check-radio:before, .bem-form__radio + .bem-form__label-check-radio:before, .bem-form__toggle + .bem-form__label-check-radio:before {
  content: '';
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  background: #F7F8FA;
  border-radius: 2px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.bem-form__radio {
  display: none;
}

.bem-form__radio:checked + .bem-form__label-check-radio:before {
  background: #008DFF url("../2020/images/radio.svg") no-repeat 50% 50%;
}

.bem-form__radio:disabled + .bem-form__label-check-radio, .bem-form__radio.bem-form_disabled + .bem-form__label-check-radio {
  background: none;
  cursor: default;
  color: #898989;
  opacity: 0.6;
}

.bem-form__radio:disabled + .bem-form__label-check-radio:before, .bem-form__radio.bem-form_disabled + .bem-form__label-check-radio:before {
  background-color: #DFDFDF;
}

.bem-form__radio + .bem-form__label-check-radio:before {
  border-radius: 50%;
}

.bem-form__toggle {
  display: none;
}

.bem-form__toggle:checked + .bem-form__label-check-radio:before {
  background: #008DFF url("../2020/images/radio.svg") no-repeat calc(100% - 5px) 50%;
  background-size: 14px;
}

.bem-form__toggle:disabled + .bem-form__label-check-radio, .bem-form__toggle.bem-form_disabled + .bem-form__label-check-radio {
  background: none;
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
  color: #898989;
}

.bem-form__toggle:disabled + .bem-form__label-check-radio:before, .bem-form__toggle.bem-form_disabled + .bem-form__label-check-radio:before {
  background-color: #DFDFDF;
}

.bem-form__toggle + .bem-form__label-check-radio:before {
  border-radius: 70px;
  width: 40px;
  height: 24px;
  background: #E3E5E8 url("../2020/images/radio.svg") no-repeat 5px 50%;
  background-size: 14px;
  transition: all 0.2s ease-in-out;
}

.bem-form textarea {
  max-height: 320px;
  display: block;
  resize: none;
}

.bem-form textarea:hover {
  border: 1px solid #dadada;
}

.bem-form textarea:focus {
  border: 1px solid #529DE5;
}

.bem-form__error {
  border: 1px solid #FF6366 !important;
}

.bem-form__label {
  display: block;
}

.bem-form__separator {
  width: 100%;
  box-sizing: border-box;
  margin-top: 32px;
  height: 1px;
  border: 0;
  background-color: #E3E5E8;
}

.bem-form_rowable .bem-form__rows {
  display: flex;
  flex-direction: column;
}

.bem-form_rowable .bem-form__rows .bem-form__row {
  margin-top: 16px;
}

.bem-form_rowable .bem-form__rows .bem-form__row:first-child {
  margin-top: 0;
}

.bem-form_rowable .bem-form__row_submit {
  align-items: center;
  margin-top: 16px !important;
}

.bem-form_rowable .bem-form__label {
  margin-bottom: 5px;
}

.bem-form_rowable_compact .bem-form__rows .bem-form__row {
  margin-top: 8px;
}

.bem-form_rowable_compact .bem-form__rows .bem-form__row:first-child {
  margin-top: 0;
}

.bem-form_rowable_compact .bem-form__label {
  margin-bottom: 3px;
}

.bem-form__input_big {
  height: 50px;
  padding: 13px 12px;
}

.bem-form__input_big.loading {
  background-size: 24px 24px;
}

.bem-form__input_compact {
  padding: 5px 12px;
  height: 32px;
  line-height: 1.4;
  font-size: 15px;
}

.bem-form__checkbox.bem-form__input_compact + .bem-form__label-check-radio, .bem-form__radio.bem-form__input_compact + .bem-form__label-check-radio {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.08px;
  font-weight: 400;
}

.bem-form__checkbox.bem-form__input_compact + .bem-form__label-check-radio:before, .bem-form__radio.bem-form__input_compact + .bem-form__label-check-radio:before {
  height: 16px;
  width: 16px;
  min-height: 16px;
  min-width: 16px;
  background-size: 70%;
}

.bem-form__toggle.bem-form__input_compact + .bem-form__label-check-radio {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.08px;
  font-weight: 400;
}

.bem-form__toggle.bem-form__input_compact + .bem-form__label-check-radio:before {
  height: 20px;
  width: 34px;
  background-size: 12px;
}

.bem-form__radio.bem-form__input_compact + .bem-form__label-check-radio:before {
  background-size: 6px;
}

.bem-form__input_small {
  padding: 3px 12px;
  height: 24px;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.08px;
  font-weight: 400;
}

.bem-form__input_small.loading {
  background-size: 12px 12px;
}

.bem-form__checkbox.bem-form__input_small + .bem-form__label-check-radio, .bem-form__radio.bem-form__input_small + .bem-form__label-check-radio {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.08px;
  font-weight: 400;
}

.bem-form__checkbox.bem-form__input_small + .bem-form__label-check-radio:before, .bem-form__radio.bem-form__input_small + .bem-form__label-check-radio:before {
  height: 14px;
  width: 14px;
  min-height: 14px;
  min-width: 14px;
  background-size: 70%;
}

.bem-form__radio.bem-form__input_small + .bem-form__label-check-radio:before {
  background-size: 6px;
}

.bem-form__toggle.bem-form__input_small + .bem-form__label-check-radio {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.08px;
  font-weight: 400;
}

.bem-form__toggle.bem-form__input_small + .bem-form__label-check-radio:before {
  height: 18px;
  min-height: 18px;
  width: 30px;
  background-size: 10px;
}

.bem-form_bg_gray {
  background-color: #F7F8FA;
}

.bem-form_border {
  border: 1px solid #E3E5E8;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 24px 20px;
}

.bem-form_border_no {
  border: 1px solid rgba(255, 255, 255, 0);
}

.bem-form_disabled {
  cursor: default;
  pointer-events: none;
  background-color: #DFDFDF !important;
  color: #898989 !important;
  opacity: 0.6;
}

.bem-form_disabled:active {
  box-shadow: none;
}

.bem-form__textarea_big {
  padding: 15px 10px;
}

.bem-form__textarea_compact {
  padding: 6px 10px;
  font-size: 14px;
}

.bem-form__textarea_small {
  padding: 4px 10px;
  font-size: 12px;
  line-height: 14px;
}

.bem-form_height_auto {
  height: auto;
}

.bem-form_width_auto {
  width: auto;
}

.bem-form_width_x400 {
  width: 100%;
  max-width: 400px;
}

.bem-form_width_x200 {
  width: 100%;
  max-width: 200px;
}

.bem-form_width_x100 {
  width: 100%;
  max-width: 100px;
}

.bem-form__input_date {
  max-width: 150px;
  background: url("../2020/images/calendar.svg") no-repeat calc(100% - 12px) center;
}

.bem-form__input_date::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.bem-form__input_date::-webkit-calendar-picker-indicator:active, .bem-form__input_date::-webkit-calendar-picker-indicator:focus {
  outline: 0px !important;
  -webkit-appearance: none;
}

@-moz-document url-prefix() {
  .bem-form input.bem-form__input_date[type='date'] {
    padding-right: 34px;
  }
}

.bem-form__checkbox-list {
  display: block;
  width: 100%;
  margin: 0 auto -26px auto;
  overflow: hidden;
}

.bem-form__checkbox-list label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.bem-form__checkbox-list .help-icon {
  display: inline;
  margin-top: 1px;
  margin-left: 10px;
  font-size: 14px;
  z-index: 1;
  opacity: 0.5;
  cursor: default;
}

.bem-form__checkbox-list .help-icon:hover {
  opacity: 0.9;
}

.bem-form__checkbox-list-item {
  position: relative;
  float: left;
  width: 23%;
  margin: 0 0 26px 0 !important;
  white-space: nowrap;
  padding-right: 2%;
  overflow: hidden;
}

.bem-form__checkbox-list_1col .bem-form__checkbox-list-item {
  margin: 0 0 26px 0;
}

.bem-form__checkbox-list_1col .bem-form__checkbox-list-item:first-child {
  margin-top: 0;
}

.bem-form__checkbox-list_2col .bem-form__checkbox-list-item {
  width: 48%;
  margin: 0 0 26px 0 !important;
}

.bem-form__checkbox-list_3col .bem-form__checkbox-list-item {
  width: 31%;
  margin: 0 2% 26px 0 !important;
}

@media screen and (max-width: 768px) {
  .bem-form {
    /* 4 => 3 */
    /* 3 => 2 */
    /* 2 => 1 */
  }
  .bem-form__checkbox-list .help-icon {
    display: none;
  }
  .bem-form__checkbox-list-item {
    width: 31%;
  }
  .bem-form__checkbox-list_3col .bem-form__checkbox-list-item {
    width: 48%;
    margin: 0 0 26px 0 !important;
  }
  .bem-form__checkbox-list_3col .bem-form__checkbox-list-item {
    margin: 0 0 26px 0 !important;
  }
  .bem-form__checkbox-list_3col .bem-form__checkbox-list-item:first-child {
    margin-top: 0;
  }
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-icon-block, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-icon-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /*
    &>:first-child {
        margin-right: 8px;
    }
*/
  /* bem-icon-block: Элементы */
  /* bem-icon-block: Модификаторы */
}

.bem-icon-block__nets {
  color: black;
  padding-left: 32px;
  min-height: 24px;
}

.bem-icon-block__nets:last-child {
  margin-right: 0;
}

.bem-icon-block__svg {
  fill: rgba(255, 255, 255, 0);
  stroke: #707070;
  width: 24px;
  height: 24px;
}

.bem-icon-block__delete {
  position: absolute;
  right: -24px;
  top: 12px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.bem-icon-block__delete:hover {
  opacity: 0.7;
}

.bem-icon-block__nets_inst {
  background: url("../2020/images/inst.png") no-repeat left center;
  background-size: auto 24px;
}

.bem-icon-block__nets_tw {
  background: url("../2020/images/tweet.svg") no-repeat left center;
  background-size: auto 16px;
  padding-left: 28px;
}

.bem-icon-block__nets_youtube {
  background: url("../2020/images/youtube.png") no-repeat left center;
  background-size: auto 20px;
  padding-left: 37px;
}

.bem-icon-block__nets_livejournal {
  background: url("../2020/images/livejournal.png") no-repeat left center;
  background-size: auto 24px;
}

.bem-icon-block__svg_giant {
  width: 128px;
  height: 128px;
  min-width: 128px;
  min-height: 128px;
}

.bem-icon-block__svg_huge {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
}

.bem-icon-block__svg_big {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}

.bem-icon-block__svg_middle {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}

.bem-icon-block__svg_compact {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}

.bem-icon-block__svg_small {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}

.bem-icon-block__svg_mini {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
}

.bem-icon-block__svg_stroke_no {
  stroke: none;
}

.bem-icon-block__svg_stroke_blue {
  stroke: #008DFF;
}

.bem-icon-block__svg_stroke_lightblue {
  stroke: rgba(0, 141, 255, 0.05);
}

.bem-icon-block__svg_stroke_black {
  stroke: #000;
}

.bem-icon-block__svg_stroke_red {
  stroke: #FF6366;
}

.bem-icon-block__svg_stroke_white {
  stroke: #FFFFFF;
}

.bem-icon-block__svg_stroke_green {
  stroke: #1FCF5F;
}

.bem-icon-block__svg_stroke_lightgray {
  stroke: #F7F8FA;
}

.bem-icon-block__svg_stroke_gray {
  stroke: #818C9C;
}

.bem-icon-block__svg_stroke_darkgray {
  stroke: #A3AEB1;
}

.bem-icon-block__svg_fill_black {
  fill: #000000;
}

.bem-icon-block__svg_fill_grey {
  fill: #F7F8FA;
}

.bem-icon-block__svg_fill_gray {
  fill: #E5E5E8;
}

.bem-icon-block__svg_fill_white {
  fill: #FFFFFF;
}

.bem-icon-block__svg_fill_darkgray {
  fill: #A3AEB1;
}

.bem-icon-block__svg_fill_darkengray {
  fill: #818C9C;
}

.bem-icon-block__svg_fill_red {
  fill: #FF6366;
}

.bem-icon-block__svg_fill_blue {
  fill: #008DFF;
}

.bem-icon-block__delete_trash {
  background: url("../2020/images/trash.svg") no-repeat 0 0;
  top: 20px;
  right: 16px;
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-icontacts, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-icontacts {
  display: inline-block;
  width: 100%;
  /* bem-profile: Элементы */
  /* bem-profile: Модификаторы */
}

.bem-icontacts__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 4px;
  float: left;
  margin-right: 17px;
}

.bem-icontacts__item_masked {
  cursor: default;
}

.bem-icontacts__item_masked .bem-icontacts__icon {
  opacity: 0.5 !important;
}

.bem-icontacts__item:hover .bem-icontacts__text {
  color: #818C9C;
}

.bem-icontacts__item:hover .bem-icontacts__icon {
  opacity: .8;
}

.bem-icontacts__icon {
  background: #008DFF;
  color: #FFF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  min-height: 32px;
  min-width: 32px;
  margin-right: 8px;
  font-size: 14px;
  font-style: normal;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Font Awesome 5 Brands';
}

.bem-icontacts__icon:before {
  font-weight: 600;
}

.bem-icontacts_compact .bem-icontacts__icon {
  width: 24px;
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  font-size: 14px;
}

.bem-icontacts__text {
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #000000;
}

.bem-icontacts_compact .bem-icontacts__text {
  min-width: 98px;
  width: 100%;
}

.bem-icontacts_default .bem-icontacts__icon, .bem-icontacts_undefined .bem-icontacts__icon {
  background: none;
}

.bem-icontacts_default .bem-icontacts__icon:before, .bem-icontacts_undefined .bem-icontacts__icon:before {
  content: '';
  background: url("../2020/images/help-circle.svg") no-repeat center center;
  width: 32px;
  height: 32px;
}

.bem-icontacts_instagram .bem-icontacts__icon {
  background-color: #5D65C7;
}

.bem-icontacts_instagram .bem-icontacts__icon:before {
  content: "\f16d";
  background: none;
}

.bem-icontacts_youtube .bem-icontacts__icon {
  background-color: #D2251E;
}

.bem-icontacts_youtube .bem-icontacts__icon:before {
  content: "\f167";
  background: none;
}

.bem-icontacts_skype .bem-icontacts__icon {
  background-color: #00ABE9;
}

.bem-icontacts_skype .bem-icontacts__icon:before {
  content: "\f17e";
  background: none;
}

.bem-icontacts_facebook .bem-icontacts__icon {
  background-color: #3B5998;
}

.bem-icontacts_facebook .bem-icontacts__icon:before {
  content: "\f39e";
  background: none;
}

.bem-icontacts_twitter .bem-icontacts__icon {
  background-color: #55ACEE;
}

.bem-icontacts_twitter .bem-icontacts__icon:before {
  content: "\f099";
  background: none;
}

.bem-icontacts_linkedin .bem-icontacts__icon {
  background-color: #0077B5;
}

.bem-icontacts_linkedin .bem-icontacts__icon:before {
  content: "\f0e1";
  background: none;
}

.bem-icontacts_google .bem-icontacts__icon {
  background-color: #DC4E41;
}

.bem-icontacts_google .bem-icontacts__icon:before {
  content: "\f1a0";
  background: none;
}

.bem-icontacts_telegram .bem-icontacts__icon {
  background: linear-gradient(203.2deg, #37AEE2 21.67%, #1E96C8 70%);
}

.bem-icontacts_telegram .bem-icontacts__icon:before {
  content: "\f3fe";
  background: none;
}

.bem-icontacts_vk .bem-icontacts__icon {
  background-color: #4C6C91;
}

.bem-icontacts_vk .bem-icontacts__icon:before {
  content: "\f189";
  background: none;
}

.bem-icontacts_odnoklassniki .bem-icontacts__icon {
  background-color: #EF8E1D;
}

.bem-icontacts_odnoklassniki .bem-icontacts__icon:before {
  content: "\f263";
  background: none;
}

.bem-icontacts_periscope .bem-icontacts__icon {
  background-color: #3D9FBE;
}

.bem-icontacts_periscope .bem-icontacts__icon:before {
  content: "\f3da";
  background: none;
}

.bem-icontacts_imdb .bem-icontacts__icon {
  background-color: #EDC017;
}

.bem-icontacts_imdb .bem-icontacts__icon:before {
  content: "\f2d8";
  background: none;
}

.bem-icontacts_snapchat .bem-icontacts__icon {
  background-color: #F7F401;
}

.bem-icontacts_snapchat .bem-icontacts__icon:before {
  content: "\f2ab";
  background: none;
}

.bem-icontacts_twitch .bem-icontacts__icon {
  background-color: #8C45F7;
}

.bem-icontacts_twitch .bem-icontacts__icon:before {
  content: "\f1e8";
  background: none;
}

.bem-icontacts_soundcloud .bem-icontacts__icon {
  background: linear-gradient(180deg, #F09310 45%, #F13600 100%);
}

.bem-icontacts_soundcloud .bem-icontacts__icon:before {
  content: "\f1be";
  background: none;
}

.bem-icontacts_livejournal .bem-icontacts__icon {
  background-color: #119ED5;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.bem-icontacts_livejournal .bem-icontacts__icon:before {
  content: "\f303";
  background: none;
}

.bem-icontacts_yandexq .bem-icontacts__icon {
  background-color: #1F2232;
}

.bem-icontacts_yandexq .bem-icontacts__icon:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../2020/images/yandex-q-white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.bem-icontacts_wikipedia .bem-icontacts__icon {
  background-color: #F7F8FA;
  color: #000;
}

.bem-icontacts_wikipedia .bem-icontacts__icon:before {
  content: "\f266";
  background: none;
}

.bem-icontacts_web .bem-icontacts__icon, .bem-icontacts_website .bem-icontacts__icon {
  background-color: #008DFF;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.bem-icontacts_web .bem-icontacts__icon:before, .bem-icontacts_website .bem-icontacts__icon:before {
  content: "\f0ac";
  background: none;
}

.bem-icontacts_email .bem-icontacts__icon {
  background-color: #008DFF;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.bem-icontacts_email .bem-icontacts__icon:before {
  content: "\f1fa";
  background: none;
}

/*
Двухколоночный блок для отображения информационных страниц с боковым меню (список-меню слева, контент справа).
В мобильной версии меню и контент отображаются в одной колонке.
 */
.bem-info-block {
  width: 100%;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-gap: 40px;
  justify-content: center;
  /* bem-info-block: Элементы */
  /* bem-info-block: Модификаторы */
  /* bem-info-block: Миксины */
}

.bem-info-block__title {
  height: 52px;
  border-bottom: 1px solid #E3E5E8;
  align-items: center;
  box-sizing: border-box;
}

.bem-info-block__title > :nth-child(n) {
  margin-right: 4px;
}

.bem-info-block__title > :last-child {
  margin-right: 0;
}

.bem-info-block__content {
  max-width: 720px;
  margin: 0 auto;
}

.bem-info-block__detail {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}

.bem-info-block__detail p {
  margin: 0 0 12px;
}

.bem-info-block__whitebox {
  border: 1px solid #E6E6E6;
  border-radius: 3px;
  box-shadow: 0 1px 0 #BDBDBD;
  background: #FFF;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.bem-info-block__message {
  border-radius: 4px;
  position: relative;
  padding: 12px 36px 12px 36px;
}

.bem-info-block__close {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}

.bem-info-block_about-page, .bem-info-block_edit-page {
  grid-gap: 28px;
  grid-template-columns: auto 1fr;
  padding-bottom: 40px;
  color: black;
}

.bem-info-block_about-page .bem-sidebar .bem-info-block__title, .bem-info-block_edit-page .bem-sidebar .bem-info-block__title {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-bottom: 24px;
}

.bem-info-block_about-page .bem-info-block__title, .bem-info-block_edit-page .bem-info-block__title {
  font-size: 20px;
  line-height: 24px;
  height: auto;
  border-bottom: none;
  font-weight: bold;
}

.bem-info-block_about-page .bem-sidebar_left, .bem-info-block_edit-page .bem-sidebar_left {
  border-right: 1px solid #E3E5E8;
}

.bem-info-block_about-page .bem-info-block_indent_hr, .bem-info-block_edit-page .bem-info-block_indent_hr {
  padding-left: 8px;
  padding-right: 8px;
}

.bem-info-block_edit-page {
  padding-top: 80px;
}

.bem-info-block_publication-page, .bem-info-block_lists-page {
  grid-gap: 64px;
  grid-template-columns: auto 1fr;
  padding-bottom: 40px;
}

.bem-info-block_publication-page .bem-sidebar_left, .bem-info-block_lists-page .bem-sidebar_left {
  border-right: 1px solid #E3E5E8;
}

.bem-info-block_publication-page .bem-sidebar_left .bem-page__block__header, .bem-info-block_lists-page .bem-sidebar_left .bem-page__block__header {
  padding: 8px 0;
  border: none;
}

.bem-info-block_publication-page .bem-sidebar_left .bem-icon-block, .bem-info-block_lists-page .bem-sidebar_left .bem-icon-block {
  justify-content: flex-start;
}

.bem-info-block_publication-page .bem-sidebar_left .bem-page__title, .bem-info-block_lists-page .bem-sidebar_left .bem-page__title {
  font-size: 18px;
}

.bem-info-block_publication-page .bem-posts__more, .bem-info-block_lists-page .bem-posts__more {
  -webkit-line-clamp: 1;
}

.bem-info-block_publication-page .bem-posts__record, .bem-info-block_lists-page .bem-posts__record {
  padding: 16px 0;
}

.bem-info-block_publication-page .bem-posts__record:first-child, .bem-info-block_lists-page .bem-posts__record:first-child {
  padding-top: 16px;
}

.bem-info-block_publication-page .bem-posts__record > :first-child, .bem-info-block_lists-page .bem-posts__record > :first-child {
  width: 80%;
}

.bem-info-block_publication-page .bem-page__block__content, .bem-info-block_lists-page .bem-page__block__content {
  padding-top: 0;
}

.bem-info-block_publication-page .bem-info-block_indent_hr, .bem-info-block_lists-page .bem-info-block_indent_hr {
  padding-left: 8px;
  padding-right: 8px;
}

.bem-info-block_publication-page .bem-info-block__content, .bem-info-block_lists-page .bem-info-block__content {
  max-width: 100%;
}

.bem-info-block_publication-page .bem-posts__date_bottom, .bem-info-block_lists-page .bem-posts__date_bottom {
  justify-content: flex-end;
  align-items: center;
}

.bem-info-block_edit-page .bem-sidebar_left .bem-page__block__header {
  padding: 8px 0;
  border: none;
}

.bem-info-block_edit-page .bem-sidebar_left .bem-icon-block {
  justify-content: flex-start;
}

.bem-info-block_lists-page .bem-sidebar_left .bem-page__block__header {
  margin-top: 40px;
}

.bem-info-block_lists-page .bem-sidebar_left .bem-info-block__detail > .bem-link {
  margin: 24px 0;
}

.bem-info-block_lists-page .bem-info-block__content .bem-page__block__header h2 {
  margin: 24px 0 32px;
}

.bem-info-block_lists-page .bem-info-block__content .bem-page__block__header .bem-info-block__bem-search {
  margin-bottom: 16px;
}

.bem-info-block_lists-page .bem-search__bem-icon-block img {
  margin-right: 8px;
}

.bem-info-block__message__bem-icon-block {
  justify-content: flex-start;
  align-items: flex-start;
}

.bem-info-block__message__bem-icon-block > img.bem-page_margin_right {
  width: 86px;
  height: 86px;
}

.bem-info-block__message__bem-icon-block .bem-icon-block {
  align-items: flex-start;
}

/* @media-условия .bem-info-block */
@media screen and (max-width: 990px) {
  .bem-info-block__bem-search.bem-search {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .bem-info-block {
    grid-template-columns: auto;
    grid-gap: 20px;
  }
  .bem-info-block_about-page, .bem-info-block_publication-page, .bem-info-block_edit-page, .bem-info-block_lists-page {
    grid-gap: 0px;
  }
  .bem-info-block_about-page .bem-sidebar_left, .bem-info-block_publication-page .bem-sidebar_left, .bem-info-block_edit-page .bem-sidebar_left, .bem-info-block_lists-page .bem-sidebar_left {
    width: calc(100vw - 48px) !important;
    border: none;
  }
  .bem-info-block_about-page .bem-info-block_indent_hr, .bem-info-block_publication-page .bem-info-block_indent_hr, .bem-info-block_edit-page .bem-info-block_indent_hr, .bem-info-block_lists-page .bem-info-block_indent_hr {
    padding-left: 24px;
    padding-right: 24px;
    margin-left: -24px;
    margin-right: -24px;
  }
  .bem-info-block_about-page .bem-info-block__title, .bem-info-block_publication-page .bem-info-block__title, .bem-info-block_edit-page .bem-info-block__title, .bem-info-block_lists-page .bem-info-block__title {
    padding-left: 0;
    padding-right: 0;
  }
  .bem-info-block_lists-page .bem-sidebar_left .bem-info-block__bem-search {
    margin-top: 16px;
  }
  .bem-info-block_lists-page .bem-sidebar_left .bem-page__block__header {
    margin-top: 8px;
  }
  .bem-info-block_hidden .bem-info-block__title {
    display: none;
    padding-top: 24px;
    padding-bottom: 16px;
  }
}

@media screen and (max-width: 560px) {
  .bem-info-block__message {
    padding-left: 16px;
  }
  .bem-info-block__message__bem-icon-block {
    flex-direction: column;
    font-size: 12px;
  }
  .bem-info-block__message__bem-icon-block .bem-link {
    font-size: 12px;
  }
  .bem-info-block__message__bem-icon-block > :first-child {
    margin-bottom: 8px;
  }
  .bem-info-block_publication-page .bem-info-block__title, .bem-info-block_lists-page .bem-info-block__title {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }
  .bem-info-block_publication-page .bem-info-block__title .bem-page__title, .bem-info-block_lists-page .bem-info-block__title .bem-page__title {
    margin-bottom: 8px;
  }
  .bem-info-block_publication-page .bem-posts__record, .bem-info-block_lists-page .bem-posts__record {
    flex-direction: column;
  }
  .bem-info-block_publication-page .bem-posts__record > :first-child, .bem-info-block_lists-page .bem-posts__record > :first-child {
    width: 100%;
  }
  .bem-info-block_publication-page .bem-posts__record .bem-posts__date_bottom, .bem-info-block_lists-page .bem-posts__record .bem-posts__date_bottom {
    margin-top: 8px;
  }
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-invoice, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-invoice label {
  display: block;
}

.bem-invoice .bem-form__checkbox + .bem-form__label-check-radio {
  width: 100%;
}

.bem-invoice .bem-form__label-check-radio.bem-page__column_start {
  align-items: flex-start;
}

.bem-invoice .bem-form__input_date {
  font-size: 14px;
}

.bem-invoice__date-report {
  font-weight: bold;
  white-space: nowrap;
}

.bem-invoice__date-separator {
  min-width: 32px;
  max-width: 32px;
  text-align: center;
}

.bem-invoice__link {
  white-space: nowrap;
  margin-left: 8px;
}

.bem-invoice__link:first-child {
  margin-left: 0;
}

.bem-invoice .bem-page__title {
  margin-top: 40px;
}

.bem-invoice .bem-page__subtitle {
  margin-bottom: 16px;
}

.bem-invoice fieldset > legend {
  margin-bottom: 16px;
}

.bem-invoice label {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 4px;
}

.bem-invoice__item {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 16px;
}

.bem-invoice__item:first-child {
  margin-top: 0;
}

.bem-invoice__item > :nth-child(n) {
  margin-left: 16px;
}

.bem-invoice__item > :first-child {
  margin-left: 0;
}

.bem-invoice__bills {
  margin-top: 32px;
}

.bem-invoice__bill .bem-invoice__item > :first-child {
  width: 30%;
}

.bem-invoice__bill {
  flex-direction: column;
  align-items: flex-start;
}

.bem-invoice__bill .bem-invoice__item {
  margin-left: 0;
}

.bem-invoice__currency select {
  margin-left: 16px;
}

.bem-invoice__currency select:first-child {
  margin-left: 0;
}

.bem-invoice__currency {
  display: flex;
}

.bem-invoice__bill > .bem-page__row span {
  width: 184px;
}

.bem-invoice__city-group {
  display: flex;
}

.bem-invoice__city-group input {
  width: auto;
}

.bem-invoice__field-groups {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.bem-invoice__field-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}

.bem-invoice__field-group:first-child {
  margin-top: 0;
}

.bem-invoice .bem-placebox {
  line-height: 40px;
}

.bem-invoice .bem-placebox .bem-placebox__place-link {
  font-size: 16px;
}

.bem-invoice__invoice-form-address-suggestion, .bem-invoice__invoice-form-address-fields {
  margin-top: 8px;
}

.bem-invoice__search-by-inn-not-found {
  display: none;
  margin-left: 16px;
  color: #efac4d;
}

.bem-invoice__search-by-inn-suggestion {
  position: relative;
}

.bem-invoice__search-by-inn-suggestion .bem-invoice__search-by-inn-branch-list {
  min-width: 300px;
  max-width: 600px;
  width: 100%;
  display: none;
}

.bem-invoice__search-by-inn-branch-list .organization-line .name-line {
  font-size: 14px;
}

.bem-invoice__search-by-inn-branch-list .organization-line .address-line {
  font-size: 11px;
  margin-top: 2px;
  color: gray;
}

.bem-invoice__purpose {
  min-width: 1px;
  min-height: 20px;
  margin-bottom: 5px;
  font-size: 17px;
}

.bem-invoice__purpose.loading {
  color: rgba(255, 255, 255, 0);
}

.bem-invoice__purpose.loading::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg width="38" height="38" viewBox="-2 -2 38 38" xmlns="http://www.w3.org/2000/svg" stroke="%2300AEEF"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="4"><circle stroke-opacity=".25" cx="16" cy="16" r="16"/><path d="M32 16c0-7.94-6.06-16-16-16"><animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="1s" repeatCount="indefinite"/></path></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

.bem-invoice__purpose-custom {
  display: none;
  margin-top: 10px;
}

.bem-invoice__purpose-custom textarea {
  max-width: 100%;
  resize: vertical;
  width: 100%;
  height: 50px;
  max-height: 100px;
  margin-top: 10px;
}

.bem-invoice__purpose-note {
  font-size: 14px;
  color: #666666;
}

.bem-invoice__recipients {
  overflow: hidden;
}

.bem-invoice__recipients label {
  font-size: inherit;
}

.bem-invoice__recipients-list {
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 1px;
}

.bem-invoice__recipient {
  overflow: hidden;
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 1px;
  border-top: 1px dotted #E5E5E5;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.bem-invoice__recipient:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

.bem-invoice__recipient .photo {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  overflow: hidden;
}

.bem-invoice__recipient .photo img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.bem-invoice__recipient .user-data {
  min-width: 30%;
}

.bem-invoice__recipient .user-data .name {
  font-weight: bold;
  white-space: nowrap;
}

.bem-invoice__recipient .user-data .workplace {
  font-size: 0.9em;
  white-space: nowrap;
}

.bem-invoice__recipient .points {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #E5E5E5;
}

.bem-invoice__recipient .points input {
  width: 80px;
}

.bem-invoice__recipient .delete {
  margin-left: 20px;
}

.bem-invoice__recipients-search {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  border-top: 1px dotted #E5E5E5;
}

.bem-invoice__recipients-title {
  margin-bottom: 10px;
  font-size: 14px;
}

.bem-invoice__recipients-title label {
  display: inline-block;
}

.bem-invoice__recipients-friends-link {
  margin-left: 20px;
}

.bem-invoice__recipients-form {
  display: flex;
  flex-direction: row;
}

@media screen and (max-width: 768px) {
  .bem-invoice__recipients-form {
    flex-direction: column;
  }
}

.bem-invoice__recipients-field {
  min-width: 300px;
  max-width: 450px;
}

.bem-invoice__recipients-field textarea {
  width: 100%;
  height: 60px;
  max-width: 100%;
  min-height: 70px;
  max-height: 190px;
  resize: vertical;
  margin-bottom: 7px;
  font-size: 12px;
}

.bem-invoice__recipients-search-note {
  max-width: 300px;
  min-width: 200px;
  margin-left: 2%;
  font-size: 0.9em;
}

@media screen and (max-width: 768px) {
  .bem-invoice__recipients-field {
    width: 100%;
    max-width: 100%;
  }
  .bem-invoice__recipients-search-note {
    margin-left: 0;
    margin-top: 10px;
  }
}

.bem-invoice__access-inputs {
  display: flex;
  flex-direction: row;
}

.bem-invoice__access-inputs select[name=ent_period] {
  min-width: 200px;
}

.bem-invoice__points-summary-values {
  margin-top: 12px;
  font-size: 1.2em;
}

.bem-invoice__points-summary-extra {
  color: gray;
}

.bem-invoice__ent-period {
  min-width: 333px;
  margin-right: 16px;
}

.bem-invoice__ent-period:last-child {
  margin-right: 0;
}

.bem-invoice__ent-period-debt {
  margin-left: 16px;
  font-size: 16px;
}

.bem-invoice__ent-period-debt i {
  margin-left: 5px;
}

.bem-invoice__contract-fields {
  display: flex;
  flex-direction: row;
}

.bem-invoice__contract-field {
  width: 33%;
  max-width: 33%;
  margin-left: 1%;
}

.bem-invoice__contract-field:first-child {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .bem-invoice__contract-fields {
    flex-direction: column;
  }
  .bem-invoice__contract-field {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-top: 16px;
  }
  .bem-invoice__contract-field:first-child {
    margin-top: 0;
  }
}

.bem-invoice__delivery-fields {
  display: flex;
  flex-direction: row;
}

.bem-invoice__delivery-fields input, .bem-invoice__delivery-fields select {
  width: 100%;
}

.bem-invoice__delivery-field {
  width: 33%;
  min-width: 33%;
  max-width: 33%;
  margin-left: 1%;
}

.bem-invoice__delivery-field:first-child {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .bem-invoice__delivery-fields {
    flex-direction: column;
  }
  .bem-invoice__delivery-field {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-top: 16px;
  }
  .bem-invoice__delivery-field:first-child {
    margin-top: 0;
  }
}

.bem-invoice__total .bem-preloader {
  display: inline-block;
}

.bem-invoice__total-note {
  color: #818C9C;
}

.bem-invoice__vat-alert {
  border-radius: 4px;
  padding: 24px;
  background-color: #F7F8FA;
}

.bem-invoice__vat-alert-confirm {
  margin-top: 16px;
}

.bem-invoice__download {
  margin-top: 24px;
}

.bem-invoice__download-form > :nth-child(n) {
  margin-top: 16px;
}

.bem-invoice__separate-submit {
  margin-top: 16px;
  display: flex;
  align-items: center;
}

.bem-invoice__separate-submit > :nth-child(n) {
  margin-top: 8px;
  margin-right: 16px;
}

@media screen and (max-width: 768px) {
  .bem-invoice__item {
    justify-content: space-between;
    align-items: flex-start;
  }
  .bem-invoice__link {
    margin: 0;
  }
  .bem-invoice__btn-group {
    flex-direction: column;
  }
  .bem-invoice__btn-group > :nth-child(n) {
    margin-top: 16px;
    margin-left: 0;
  }
  .bem-invoice__btn-group > :first-child {
    margin-top: 0;
  }
  .bem-invoice__bill .bem-invoice__item {
    justify-content: flex-start;
  }
  .bem-invoice__separate-submit {
    flex-direction: column;
  }
  .bem-filter__btn-send {
    margin-top: 0;
  }
}

@media screen and (max-width: 660px) {
  .bem-invoice .bem-page__row.bem-page__break {
    flex-direction: column;
    align-items: flex-start;
  }
  .bem-invoice .bem-page__row.bem-page__break .bem-form__input {
    margin-right: 0;
    width: 100%;
  }
  .bem-invoice .bem-page__row.bem-page__break > :last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 500px) {
  .bem-invoice__bill .bem-invoice__item > :first-child {
    width: 50%;
  }
  .bem-invoice__bill .bem-invoice__item > :last-child {
    max-width: 50%;
  }
  .bem-invoice__separate-submit > :nth-child(n) {
    width: 100%;
  }
  .bem-invoice__currency {
    flex-direction: column;
  }
  .bem-invoice__currency > :nth-child(n) {
    margin-left: 0;
    margin-top: 8px;
    width: max-content;
  }
  .bem-invoice__currency > :first-child {
    margin-top: 0;
  }
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-invoices-table, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-invoices-table td > :nth-child(n) {
  margin-top: 4px;
}

.bem-invoices-table td > :first-child {
  margin-top: 0;
}

.bem-invoices-table__id {
  font-size: 16px;
  font-weight: bold;
}

.bem-invoices-table__id > :nth-child(n) {
  margin-left: 8px;
}

.bem-invoices-table__id > :first-child {
  margin-left: 0;
}

.bem-invoices-table__id i {
  margin-right: 0;
}

.bem-invoices-table__created {
  color: #818C9C;
}

.bem-invoices-table__period {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bem-invoices-table__act-date {
  color: #818C9C;
}

.bem-invoices-table__options {
  display: flex;
  margin-top: 16px !important;
}

.bem-invoices-table__options > :nth-child(n) {
  margin-left: 16px;
}

.bem-invoices-table__options > :first-child {
  margin-left: 0;
}

.bem-invoices-table__options:first-child {
  margin-top: 0 !important;
}

.bem-invoices-table__options .bem-invoices-table__contract {
  white-space: nowrap;
}

.bem-invoices-table__status {
  margin-top: 16px !important;
}

.bem-invoices-table__status:first-child {
  margin-top: 0 !important;
}

.bem-invoices-table__note {
  margin-top: 16px !important;
}

.bem-invoices-table__note:first-child {
  margin-top: 0 !important;
}

.bem-invoices-table__purpose i {
  color: #CA1B1B;
}

.bem-invoices-table__delivery i {
  color: #a3891f;
}

.bem-invoices-table__contract i {
  color: #1FA335;
}

.bem-invoices-table__note i {
  color: #D0BE17;
}

.bem-invoices-table__amount {
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  background: #F6F6F6;
  padding: 5px;
  color: #000000;
  font-family: monospace;
}

.bem-invoices-table__status_pending {
  color: #E1D627;
}

.bem-invoices-table__status_complete {
  color: #1FCF5F;
}

.bem-invoices-table__status-note {
  font-size: 0.8em;
}

.bem-invoices-table__promo-code {
  margin-top: 16px;
}

.bem-invoices-table__lang {
  color: #818C9C;
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-jarvis, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-jarvis {
  display: flex;
  flex-direction: column;
  /* bem-jarvis: Элементы */
  /* bem-jarvis: Модификаторы */
  /* bem-jarvis: Миксины */
}

.bem-jarvis__icon {
  background: #008DFF;
  color: #FFF;
  position: relative;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bem-jarvis__icon:before {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #FFF;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-mask-size: 14px;
  mask-size: 14px;
}

.bem-jarvis__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  margin-top: 8px;
}

.bem-jarvis__info {
  flex-grow: 1;
  margin-left: 16px;
}

.bem-jarvis__icon_size_big {
  width: 56px;
  min-width: 56px;
  height: 56px;
  min-height: 56px;
  font-size: 22px;
  border: none;
}

.bem-jarvis__icon_size_big:before {
  width: 28px;
  height: 28px;
  -webkit-mask-size: 28px;
  mask-size: 28px;
}

.bem-jarvis__icon_theme_gray {
  background: #F7F8FA;
  color: #818C9C;
}

.bem-jarvis__unread .bem-jarvis__unread_point {
  visibility: visible;
}

.bem-jarvis__unread_point {
  visibility: hidden;
  margin-left: 8px;
  margin-top: 6px;
}

.bem-jarvis__icon_freeze:before, .bem-jarvis__item.freeze .bem-jarvis__icon:before {
  -webkit-mask-image: url("../2020/images/jarvis/freeze.svg");
  mask-image: url("../2020/images/jarvis/freeze.svg");
}

.bem-jarvis__icon_unfreeze, .bem-jarvis__item.unfreeze .bem-jarvis__icon {
  background-color: #D6F2E0;
}

.bem-jarvis__icon_unfreeze:before, .bem-jarvis__item.unfreeze .bem-jarvis__icon:before {
  background-color: #1FCF5F;
  -webkit-mask-image: url("../2020/images/jarvis/freeze.svg");
  mask-image: url("../2020/images/jarvis/freeze.svg");
}

.bem-jarvis__icon_payment, .bem-jarvis__item.payment .bem-jarvis__icon {
  background-color: #FFFCE5;
}

.bem-jarvis__icon_payment:before, .bem-jarvis__item.payment .bem-jarvis__icon:before {
  background-color: #FFEB51;
  -webkit-mask-image: url("../2020/images/jarvis/coins.svg");
  mask-image: url("../2020/images/jarvis/coins.svg");
}

.bem-jarvis__icon_verify_approve:before, .bem-jarvis__item.verify_approve .bem-jarvis__icon:before, .bem-jarvis__icon_unrookie:before, .bem-jarvis__item.unrookie .bem-jarvis__icon:before {
  -webkit-mask-image: url("../2020/images/jarvis/award.svg");
  mask-image: url("../2020/images/jarvis/award.svg");
}

.bem-jarvis__icon_verify_reject, .bem-jarvis__item.verify_reject .bem-jarvis__icon {
  background-color: #F7F8FA;
}

.bem-jarvis__icon_verify_reject:before, .bem-jarvis__item.verify_reject .bem-jarvis__icon:before {
  background-color: #F24444;
  -webkit-mask-image: url("../2020/images/jarvis/award.svg");
  mask-image: url("../2020/images/jarvis/award.svg");
}

.bem-jarvis__icon_verify_workplace_approve, .bem-jarvis__item.verify_workplace_approve .bem-jarvis__icon {
  background-color: #F7F8FA;
}

.bem-jarvis__icon_verify_workplace_approve:before, .bem-jarvis__item.verify_workplace_approve .bem-jarvis__icon:before {
  background-color: #F24444;
  -webkit-mask-image: url("../2020/images/jarvis/award.svg");
  mask-image: url("../2020/images/jarvis/award.svg");
}

.bem-jarvis__icon_verify_agent_approve, .bem-jarvis__item.verify_agent_approve .bem-jarvis__icon {
  background-color: #F7F8FA;
}

.bem-jarvis__icon_verify_agent_approve:before, .bem-jarvis__item.verify_agent_approve .bem-jarvis__icon:before {
  background-color: #F24444;
  -webkit-mask-image: url("../2020/images/jarvis/award.svg");
  mask-image: url("../2020/images/jarvis/award.svg");
}

.bem-jarvis__icon_contact_add_approve:before, .bem-jarvis__item.contact_add_approve .bem-jarvis__icon:before {
  -webkit-mask-image: url("../2020/images/jarvis/invite-users.svg");
  mask-image: url("../2020/images/jarvis/invite-users.svg");
}

.bem-jarvis__icon_contact_add_approve_points:before, .bem-jarvis__item.contact_add_approve.points .bem-jarvis__icon:before {
  -webkit-mask-image: url("../2020/images/jarvis/coins.svg");
  mask-image: url("../2020/images/jarvis/coins.svg");
}

.bem-jarvis__icon_contact_edit_approve:before, .bem-jarvis__item.contact_edit_approve .bem-jarvis__icon:before {
  -webkit-mask-image: url("../2020/images/jarvis/invite-users.svg");
  mask-image: url("../2020/images/jarvis/invite-users.svg");
}

.bem-jarvis__icon_contact_edit_approve_points:before, .bem-jarvis__item.contact_edit_approve.points .bem-jarvis__icon:before {
  -webkit-mask-image: url("../2020/images/jarvis/coins.svg");
  mask-image: url("../2020/images/jarvis/coins.svg");
}

.bem-jarvis__icon_contact_add_reject:before, .bem-jarvis__item.contact_add_reject .bem-jarvis__icon:before {
  -webkit-mask-image: url("../2020/images/jarvis/user-x.svg");
  mask-image: url("../2020/images/jarvis/user-x.svg");
}

.bem-jarvis__icon_contact_edit_reject:before, .bem-jarvis__item.contact_edit_reject .bem-jarvis__icon:before {
  -webkit-mask-image: url("../2020/images/jarvis/user-x.svg");
  mask-image: url("../2020/images/jarvis/user-x.svg");
}

.bem-jarvis__icon_friends_approve:before, .bem-jarvis__item.friends_approve .bem-jarvis__icon:before {
  -webkit-mask-image: url("../2020/images/jarvis/invite-users.svg");
  mask-image: url("../2020/images/jarvis/invite-users.svg");
}

.bem-jarvis__icon_friends_reject:before, .bem-jarvis__item.friends_reject .bem-jarvis__icon:before {
  -webkit-mask-image: url("../2020/images/jarvis/user-x.svg");
  mask-image: url("../2020/images/jarvis/user-x.svg");
}

.bem-jarvis__icon_name_change_approve, .bem-jarvis__item.name_change_approve .bem-jarvis__icon {
  background-color: #D6F2E0;
}

.bem-jarvis__icon_name_change_approve:before, .bem-jarvis__item.name_change_approve .bem-jarvis__icon:before {
  background-color: #1FCF5F;
  -webkit-mask-image: url("../2020/images/jarvis/check-circle.svg");
  mask-image: url("../2020/images/jarvis/check-circle.svg");
}

.bem-jarvis__icon_event_approve, .bem-jarvis__item.event_approve .bem-jarvis__icon {
  background-color: #D6F2E0;
}

.bem-jarvis__icon_event_approve:before, .bem-jarvis__item.event_approve .bem-jarvis__icon:before {
  background-color: #1FCF5F;
  -webkit-mask-image: url("../2020/images/jarvis/check-circle.svg");
  mask-image: url("../2020/images/jarvis/check-circle.svg");
}

.bem-jarvis__icon_event_approve_points:before, .bem-jarvis__item.event_approve.points .bem-jarvis__icon:before {
  -webkit-mask-image: url("../2020/images/jarvis/coins.svg");
  mask-image: url("../2020/images/jarvis/coins.svg");
}

.bem-jarvis__icon_name_change_reject, .bem-jarvis__item.name_change_reject .bem-jarvis__icon {
  background-color: #FFE5E6;
}

.bem-jarvis__icon_name_change_reject:before, .bem-jarvis__item.name_change_reject .bem-jarvis__icon:before {
  background-color: #F24444;
  -webkit-mask-image: url("../2020/images/jarvis/reject.svg");
  mask-image: url("../2020/images/jarvis/reject.svg");
}

.bem-jarvis__icon_login:before, .bem-jarvis__item.login .bem-jarvis__icon:before, .bem-jarvis__icon_email_change_success:before, .bem-jarvis__item.email_change_success .bem-jarvis__icon:before, .bem-jarvis__icon_phone_change_success:before, .bem-jarvis__item.phone_change_success .bem-jarvis__icon:before {
  -webkit-mask-image: url("../2020/images/jarvis/info.svg");
  mask-image: url("../2020/images/jarvis/info.svg");
}

.bem-jarvis__icon_reset_password, .bem-jarvis__item.reset_password .bem-jarvis__icon {
  background-color: #FFE5E6;
}

.bem-jarvis__icon_reset_password:before, .bem-jarvis__item.reset_password .bem-jarvis__icon:before {
  background-color: #F24444;
  -webkit-mask-image: url("../2020/images/jarvis/alert.svg");
  mask-image: url("../2020/images/jarvis/alert.svg");
}

.bem-jarvis__icon_tariffs_ent_activate, .bem-jarvis__item.tariffs_ent_activate .bem-jarvis__icon {
  background-color: #D6F2E0;
}

.bem-jarvis__icon_tariffs_ent_activate:before, .bem-jarvis__item.tariffs_ent_activate .bem-jarvis__icon:before {
  background-color: #1FCF5F;
  -webkit-mask-image: url("../2020/images/jarvis/check-circle.svg");
  mask-image: url("../2020/images/jarvis/check-circle.svg");
}

.bem-jarvis__icon_tariffs_ent_admin_became, .bem-jarvis__item.tariffs_ent_admin_became .bem-jarvis__icon {
  background-color: #D6F2E0;
}

.bem-jarvis__icon_tariffs_ent_admin_became:before, .bem-jarvis__item.tariffs_ent_admin_became .bem-jarvis__icon:before {
  background-color: #1FCF5F;
  -webkit-mask-image: url("../2020/images/jarvis/check-circle.svg");
  mask-image: url("../2020/images/jarvis/check-circle.svg");
}

.bem-jarvis__icon_tariffs_ent_admin_cancel, .bem-jarvis__item.tariffs_ent_admin_cancel .bem-jarvis__icon {
  background-color: #FFE5E6;
}

.bem-jarvis__icon_tariffs_ent_admin_cancel:before, .bem-jarvis__item.tariffs_ent_admin_cancel .bem-jarvis__icon:before {
  background-color: #F24444;
  -webkit-mask-image: url("../2020/images/jarvis/reject.svg");
  mask-image: url("../2020/images/jarvis/reject.svg");
}

.bem-jarvis__icon_tariffs_ent_request_approve, .bem-jarvis__item.tariffs_ent_request_approve .bem-jarvis__icon {
  background-color: #D6F2E0;
}

.bem-jarvis__icon_tariffs_ent_request_approve:before, .bem-jarvis__item.tariffs_ent_request_approve .bem-jarvis__icon:before {
  background-color: #1FCF5F;
  -webkit-mask-image: url("../2020/images/jarvis/check-circle.svg");
  mask-image: url("../2020/images/jarvis/check-circle.svg");
}

.bem-jarvis__icon_tariffs_ent_request_reject, .bem-jarvis__item.tariffs_ent_request_reject .bem-jarvis__icon {
  background-color: #FFE5E6;
}

.bem-jarvis__icon_tariffs_ent_request_reject:before, .bem-jarvis__item.tariffs_ent_request_reject .bem-jarvis__icon:before {
  background-color: #F24444;
  -webkit-mask-image: url("../2020/images/jarvis/reject.svg");
  mask-image: url("../2020/images/jarvis/reject.svg");
}

.bem-jarvis__icon_tariff_visits_month_limit, .bem-jarvis__item.tariff_visits_month_limit .bem-jarvis__icon {
  background-color: #FFE5E6;
}

.bem-jarvis__icon_tariff_visits_month_limit:before, .bem-jarvis__item.tariff_visits_month_limit .bem-jarvis__icon:before {
  background-color: #F24444;
  -webkit-mask-image: url("../2020/images/jarvis/alert.svg");
  mask-image: url("../2020/images/jarvis/alert.svg");
}

.bem-jarvis__icon_password_recovery, .bem-jarvis__item.password_recovery .bem-jarvis__icon {
  background-color: #FFF2E5;
}

.bem-jarvis__icon_password_recovery:before, .bem-jarvis__item.password_recovery .bem-jarvis__icon:before {
  background-color: #FFAE63;
  -webkit-mask-image: url("../2020/images/jarvis/alert.svg");
  mask-image: url("../2020/images/jarvis/alert.svg");
}

.bem-jarvis__bem-personpic {
  position: relative;
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
}

.bem-jarvis__bem-personpic .bem-jarvis__icon {
  position: absolute;
  left: 36px;
  top: 32px;
  border: 2px solid #fff;
  width: 28px;
  height: 28px;
  min-height: 28px;
  min-width: 28px;
}

.bem-jarvis__bem-personpic .bem-jarvis__icon:before {
  width: 14px;
  height: 14px;
  -webkit-mask-size: 14px;
  mask-size: 14px;
}

@media screen and (max-width: 420px) {
  .bem-jarvis__bem-personpic {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }
  .bem-jarvis__bem-personpic .bem-jarvis__icon {
    top: 20px;
    left: 22px;
    width: 24px;
    min-width: 24px;
    min-height: 24px;
    height: 24px;
    border-width: 1px;
  }
  .bem-jarvis__bem-personpic .bem-jarvis__icon:before {
    min-height: 12px;
    min-width: 12px;
    width: 12px;
    height: 12px;
    -webkit-mask-size: 12px;
    mask-size: 12px;
  }
  .bem-jarvis__icon_size_big {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }
  .bem-jarvis__icon_size_big:before {
    width: 20px;
    height: 20px;
    -webkit-mask-size: 20px;
    mask-size: 20px;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-landing, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-landing {
  flex-direction: column;
  margin: 0;
  max-width: 100%;
  background: url("../2020/images/blur-landing.png") no-repeat center 56px;
  /* bem-landing: Элементы */
  /* bem-landing: Модификаторы */
  /* bem-landing: Миксины */
}

.bem-landing.bem-auth .registration-step-content {
  margin-top: 24px;
}

.bem-landing .bem-auth__content {
  width: 100%;
}

.bem-landing .bem-content {
  width: 100vw;
  padding: 0 0 24px;
  margin: 0;
}

.bem-landing .bem-header__panel {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: -0.24px;
  font-weight: 400;
}

.bem-landing .bem-link.bem-page__note {
  color: #818C9C !important;
}

.bem-landing .bem-link.bem-page__note:hover {
  opacity: .7;
}

.bem-landing__header {
  display: flex;
  justify-content: space-between;
}

.bem-landing__header .bem-header__bem-logo {
  display: block;
  padding-right: 0;
}

.bem-landing__header .bem-header__bem-logo .bem-logo__project img {
  height: 24px;
}

.bem-landing__header:not(.bem-header__fixed) {
  border: none;
}

.bem-landing__title {
  font-size: 72px;
  line-height: 1.03;
  letter-spacing: -1px;
  font-weight: 600;
}

.bem-landing__title.bem-landing_gradient.bem-page_desktop {
  display: block;
  margin-top: 66px;
}

.bem-landing__rule {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.08px;
}

.bem-landing__btn {
  height: 56px;
  width: 100%;
  margin-top: 40px;
  font-size: 15px;
  font-weight: 600;
}

.bem-landing__info {
  margin-left: 122px;
}

.bem-landing__text {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: -0.45px;
  font-weight: 400;
  margin-top: 32px;
}

.bem-landing__auth {
  width: 100%;
  min-height: 915px;
  padding: 54px 0;
  position: relative;
}

.bem-landing__media {
  padding: 120px 0 100px;
  background: #ffffff;
  box-shadow: inset 0px 1px 0px #F0F0F0;
}

.bem-landing__media .bem-landing__title.bem-landing_gradient {
  line-height: 84px;
}

.bem-landing__media .switch-view {
  width: max-content;
}

.bem-landing__media .switch-view a {
  font-weight: 500;
}

.bem-landing__media-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 183px);
  justify-content: space-between;
  margin-top: 120px;
}

.bem-landing__media-list:not(.unfolded) .bem-landing__media-list-item:nth-child(n+19) {
  display: none;
}

.bem-landing__media-list-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  margin-bottom: 70px;
}

.bem-landing__media-list-item .logo {
  background-size: contain;
  width: 72px;
  height: 72px;
  filter: grayscale(100%);
}

.bem-landing__media-list-item .logo:hover {
  filter: grayscale(0%);
}

.bem-landing__footer {
  box-shadow: 0px -1px 0px #F0F0F0;
  width: 100%;
}

.bem-landing__footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1264px;
  padding: 24px 32px;
  width: 100%;
  margin: 0 auto;
  min-height: 88px;
}

.bem-landing__footer-container .bem-logo__project img {
  height: 24px;
}

.bem-landing__footer-nav {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.08px;
  font-weight: 400;
}

.bem-landing__footer-nav > :nth-child(n) {
  margin-left: 32px;
}

.bem-landing__footer-nav > :first-child {
  margin-left: 0;
}

.bem-landing__footer-nav > :last-child {
  opacity: .3;
}

.bem-landing__footer-nav > :last-child:hover {
  opacity: 1;
}

.bem-landing .bem-auth__header-text {
  margin-right: 4px;
}

.bem-landing .bem-page_half {
  width: calc(50% - 8px);
  margin-bottom: 0;
}

.bem-landing .bem-local_theme_white {
  margin-right: auto;
  margin-left: 80px;
}

.bem-landing_star {
  background: #fff;
  margin: 0 auto;
  flex-direction: column;
  min-height: calc(100vh - 96px);
}

.bem-landing_star .bem-landing__main-info > :nth-child(n) {
  margin: 24px 0 0;
}

.bem-landing_star .bem-landing__main-info > first-child {
  margin-top: 0;
}

.bem-landing_star .bem-landing__header {
  height: 56px;
  padding: 0 32px;
}

.bem-landing_star .bem-header__bem-logo img {
  width: 83px;
}

.bem-landing_star .bem-content {
  padding-top: 0;
}

.bem-landing_star .bem-landing__footer {
  height: auto;
  padding: 0;
}

.bem-landing_star .bem-landing__footer .bem-link {
  margin-right: 16px;
}

.bem-landing_star .bem-landing__footer .bem-link:last-child {
  margin-right: 0;
}

.bem-landing_star .bem-local {
  width: max-content;
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0;
}

.bem-landing_star .bem-landing__footer {
  box-shadow: none;
}

.bem-landing_gradient {
  background: linear-gradient(86.35deg, #008DFF 0%, #F24444 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bem-landing__title_indent {
  margin-top: 120px;
}

.bem-landing__btn_auth {
  width: 285px;
}

.bem-landing__bem-auth {
  text-align: right;
}

/*  bem-landing: @media-условия */
@media screen and (max-width: 1264px) {
  .bem-landing__footer-container {
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .bem-landing:not(.bem-landing_star) .bem-local_theme_white {
    margin-left: 40px;
  }
  .bem-landing__info {
    margin-left: 10vw;
  }
}

@media screen and (max-width: 1024px) {
  .bem-landing__auth-content {
    flex-direction: column;
    align-items: center;
    margin-top: 32px;
  }
  .bem-landing__info {
    margin-left: 0;
  }
  .bem-landing.bem-page .bem-auth__social-icon svg {
    width: 40px;
    height: 40px;
  }
  .bem-landing .bem-auth__social {
    grid-template-columns: repeat(auto-fill, 40px);
  }
  .bem-device__bem-landing .bem-form.bem-device__search {
    margin-top: 61px;
  }
  .bem-landing .bem-form .bem-page_margin_top {
    margin-top: 24px;
  }
  .bem-landing .bem-page__break {
    flex-direction: column;
  }
  .bem-landing .bem-page__break .bem-form__input {
    margin-right: 0;
    width: 100%;
  }
  .bem-landing .bem-page__break .bem-form__input:first-child {
    margin-bottom: 16px;
  }
  .bem-landing__media-list:not(.unfolded) .bem-landing__media-list-item:nth-child(n+16) {
    display: none;
  }
  .bem-landing__title.bem-landing_gradient.bem-page_mobile {
    display: block;
  }
  .bem-landing__title.bem-landing_gradient.bem-page_desktop {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .bem-landing_star .bem-landing__login .bem-page_font_gray.bem-auth__header-text {
    display: none;
  }
  .bem-landing_star .bem-landing__login .bem-link.bem-page_font-size_mid {
    display: block;
  }
  .bem-landing_star h1 {
    font-size: 32px;
  }
  .bem-landing:not(.bem-landing_star) .bem-local_theme_white {
    margin-left: 30px;
  }
  .bem-landing__media-list:not(.unfolded) .bem-landing__media-list-item:nth-child(n+13) {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .bem-page.bem-landing {
    justify-content: center;
    flex-direction: column;
  }
  .bem-landing__title {
    font-size: 48px;
    line-height: 1.08;
    letter-spacing: -1px;
    font-weight: 600;
  }
  .bem-landing__auth-content {
    margin-top: 8px;
  }
  .bem-landing__btn {
    margin-top: 32px;
  }
  .bem-landing__btn_auth {
    margin-top: 48px;
  }
  .bem-landing__text {
    margin-top: 16px;
  }
  .bem-landing__title_indent {
    margin-top: 80px;
  }
  .bem-landing .bem-header__panel {
    padding: 0 24px;
  }
  .bem-landing__header .bem-header__bem-logo {
    order: 0;
    margin-left: 0;
  }
  .bem-landing__header .bem-header__bem-logo .bem-logo__project img {
    height: 20px;
  }
  .bem-landing__bem-auth {
    font-size: 13px;
    line-height: 24px;
  }
  .bem-landing__auth {
    padding: 32px 0 64px;
  }
  .bem-landing .bem-auth__social {
    grid-gap: 8px;
    width: 280px;
    margin: 16px auto 24px;
  }
  .bem-landing__media {
    padding: 32px 0 40px;
  }
  .bem-landing__media .bem-landing__text {
    margin-top: 24px;
  }
  .bem-landing__media .bem-landing__title.bem-landing_gradient {
    line-height: 56px;
  }
  .bem-landing__media-list {
    margin-top: 32px;
    grid-template-columns: repeat(auto-fill, 158px);
  }
  .bem-landing__media-list-item {
    margin-bottom: 32px;
  }
  .bem-landing_star .bem-landing__login .bem-link.bem-page_font-size_mid {
    display: inline-block;
  }
  .bem-landing_star .bem-landing__login .bem-page_font_gray.bem-auth__header-text {
    display: inline-block;
  }
  .bem-landing_star .bem-landing__main-info {
    order: 2;
  }
  .bem-landing_star .bem-landing__device {
    order: 1;
  }
  .bem-landing_star .bem-header__bem-logo {
    order: 0;
  }
  .bem-landing_star h1 {
    font-size: 28px;
  }
  .bem-landing_star {
    min-height: calc(100vh - 170px);
  }
  .bem-landing_star .bem-landing__header {
    margin-bottom: 24px;
  }
  .bem-landing_star .bem-landing__main-info {
    align-items: center;
  }
  .bem-landing_star .bem-landing__footer {
    margin-top: 24px;
  }
  .bem-landing_star .bem-landing__copyright {
    margin: 16px 0 0;
  }
  .bem-landing .bem-page__break {
    flex-direction: row;
  }
  .bem-landing .bem-page__break .bem-form__input {
    margin-right: 0;
    width: calc(50% - 8px);
  }
  .bem-landing .bem-page__break .bem-form__input:first-child {
    margin-bottom: 0;
    margin-right: 8px;
  }
  .bem-landing:not(.bem-landing_star) .bem-local_theme_white {
    margin-left: 20px;
  }
  .bem-landing__info {
    margin-left: 0;
  }
  .bem-landing.bem-auth .registration-step-content {
    width: 400px;
  }
  .bem-landing__footer-container {
    padding: 24px;
  }
}

@media screen and (max-width: 560px) {
  .bem-landing__footer-container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 121px;
  }
  .bem-landing__footer-container .bem-logo__project img {
    height: 24px;
  }
  .bem-landing__footer-nav {
    width: 100%;
  }
  .bem-landing__footer-nav > :nth-child(n) {
    margin-left: 24px;
  }
  .bem-landing__footer-nav > :first-child {
    margin-left: 0;
  }
  .bem-landing__footer-nav > :last-child {
    flex-grow: 1;
    text-align: right;
  }
  .bem-landing__media-list {
    grid-template-columns: repeat(auto-fill, 135px);
    justify-content: space-around;
  }
  .bem-landing__bem-auth .bem-auth__header-text {
    display: none !important;
  }
}

@media screen and (max-width: 460px) {
  .bem-landing.bem-auth {
    padding: 0;
  }
  .bem-landing .bem-auth__header .bem-landing__login .bem-page_font-size_mid, .bem-landing .bem-auth__header .bem-landing__reg .bem-page_font-size_mid {
    font-size: 12px;
  }
  .bem-landing .bem-auth__header .bem-landing__login {
    text-align: right;
  }
  .bem-landing__btn_auth {
    width: 100%;
  }
  .bem-landing_star .bem-landing__footer {
    font-size: 12px;
  }
  .bem-landing_star .bem-landing__footer .bem-local {
    font-size: 14px;
  }
  .bem-landing__media-list-item > :nth-child(n+11) {
    display: none;
  }
}

@media screen and (max-width: 420px) {
  .bem-landing_star .bem-landing__login .bem-page_font_gray.bem-auth__header-text {
    display: none;
  }
  .bem-landing .bem-page__break {
    flex-direction: column;
  }
  .bem-landing .bem-page__break .bem-form__input {
    margin-right: 0;
    width: 100%;
  }
  .bem-landing .bem-page__break .bem-form__input:first-child {
    margin-bottom: 16px;
  }
  .bem-landing__footer-nav > :nth-child(n) {
    margin-left: 16px;
  }
  .bem-landing__footer-nav > :first-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 380px) {
  .bem-landing_star h1 {
    font-size: 24px;
  }
  .bem-landing_star .bem-landing__footer .bem-link {
    margin-right: 8px;
  }
  .bem-landing_star .bem-landing__footer .bem-link:last-child {
    margin-right: 0;
  }
  .bem-landing__text {
    font-size: 16px;
    line-height: 26px;
  }
  .bem-landing__footer-nav > :nth-child(n) {
    margin-left: 8px;
  }
  .bem-landing__footer-nav > :first-child {
    margin-left: 0;
  }
  .bem-landing__media-list {
    grid-template-columns: repeat(auto-fill, 140px);
    justify-content: space-between;
  }
}

@media screen and (max-width: 320px) {
  .bem-landing .bem-content {
    padding-top: 0;
  }
  .bem-landing .bem-header__panel {
    padding: 0 16px;
  }
  .bem-landing__title {
    font-size: 36px;
    line-height: 40px;
  }
  .bem-landing__media .bem-landing__title.bem-landing_gradient {
    line-height: 40px;
  }
  .bem-landing__auth-form {
    padding: 16px;
  }
  .bem-landing__footer-container .bem-logo {
    margin-bottom: 16px;
  }
  .bem-landing__footer-nav {
    flex-direction: column;
  }
  .bem-landing__footer-nav > :nth-child(n) {
    margin-left: 0;
    margin-top: 4px;
  }
  .bem-landing__footer-nav > :first-child {
    margin-top: 0;
  }
  .bem-landing__footer-nav > :last-child {
    text-align: left;
  }
  .bem-landing__media {
    margin: 0 -16px;
    padding: 32px 16px 40px;
    width: calc(100% + 32px);
  }
  .bem-landing__footer-container {
    padding: 24px 16px;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-likes, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-likes {
  /* bem-likes: Модификаторы */
}

.bem-likes.compact {
  font-size: 13px;
  letter-spacing: -0.08px;
}

.bem-likes.compact .bem-likes__icon {
  width: 18px;
  height: 18px;
}

.bem-likes__icon {
  width: 24px;
  height: 24px;
  stroke: #818C9C;
  fill: white;
}

.bem-likes__item {
  margin-left: 17px;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  line-height: 24px;
  color: #818C9C;
  font-weight: 500;
}

.bem-likes__item:first-child {
  margin-left: 0;
}

.bem-likes__item :last-child {
  margin-left: 5px;
}

.bem-likes__item:hover:not(.disabled):not(.bem-likes_active) .bem-likes__icon {
  stroke: #008DFF;
}

.bem-likes__item:hover:not(.disabled):not(.bem-likes_active) .bem-likes__icon.dislike {
  stroke: #F24444;
}

.bem-likes__item .bem-preloader {
  display: none !important;
  width: 16px;
  height: 16px;
  margin: 4px;
}

.bem-likes__item.loading .bem-preloader {
  display: block !important;
}

.bem-likes__item.loading .bem-likes__icon {
  display: none !important;
}

.bem-likes__item.disabled {
  cursor: default !important;
}

.bem-likes__item .bem-likes__icon_active {
  display: none;
}

.bem-likes_active {
  cursor: default;
}

.bem-likes_active .bem-likes__icon {
  fill: #008DFF;
  stroke: none;
}

.bem-likes_active .bem-likes__icon.dislike {
  fill: #F24444;
}

.bem-likes_active .bem-likes__icon.dislike ~ span {
  color: #F24444;
}

.bem-likes_active span {
  color: #008DFF;
}

.bem-likes.disabled {
  cursor: default !important;
}

/* bem-likes: @media условия */
@media screen and (max-width: 375px) {
  .bem-likes__item {
    margin-left: 10px;
    margin-top: 10px;
  }
  .bem-likes__item:first-child {
    margin-left: 0;
  }
  .bem-likes {
    width: 100%;
    justify-content: flex-end;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-list, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* bem-list: Элементы */
  /*
	&__person {
		&>:nth-child(n) {
			margin-top: 8px;
		}
		&>:first-child {
			margin-top: 0;
		}
	}
	*/
  /* bem-list: Модификаторы */
}

.bem-list__item {
  display: flex;
  flex-direction: column;
  margin: 16px 0;
}

.bem-list__item > :nth-child(n) {
  margin-top: 24px;
}

.bem-list__item > :first-child {
  margin-top: 0;
}

.bem-list__item label {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

.bem-list__info {
  padding-left: 10px;
}

.bem-list__info, .bem-list__persons-info {
  display: flex;
}

.bem-list__title {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

.bem-list__cover {
  display: flex;
  flex-direction: column;
  margin-right: 48px;
}

.bem-list__cover > :nth-child(n) {
  margin-top: 8px;
}

.bem-list__cover > :first-child {
  margin-top: 0;
}

.bem-list__cover .bem-button {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.bem-list__description {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.bem-list__description-row {
  display: flex;
  width: 100%;
  margin-top: 24px;
}

.bem-list__description-row:first-child {
  margin-top: 0;
}

.bem-list__wikipedia {
  display: block;
  width: 100%;
  margin-top: 20px;
  text-align: left;
  font-size: 16px;
  line-height: 100%;
}

.bem-list__wikipedia i {
  margin-right: 2px;
}

@media screen and (max-width: 768px) {
  .bem-list__wikipedia {
    text-align: center;
  }
}

.bem-list__buttons {
  display: block;
  width: 100%;
  text-align: center;
}

.bem-list__buttons .bem-button {
  float: left;
  margin-top: 24px;
  min-width: 170px;
  margin-right: 16px;
}

.bem-list__buttons .bem-button:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1080px) {
  .bem-list__buttons .bem-button {
    min-width: auto;
  }
}

@media screen and (max-width: 768px) {
  .bem-list__buttons .bem-button {
    float: none;
    margin-bottom: 8px;
  }
}

.bem-list__options .bem-icon-block, .bem-list__owner .bem-icon-block {
  margin-right: 16px;
}

.bem-list__options .bem-icon-block:last-child, .bem-list__owner .bem-icon-block:last-child {
  margin-right: 0;
}

.bem-list__options .bem-icon-block.bem-likes__item, .bem-list__owner .bem-icon-block.bem-likes__item {
  margin-left: 0;
}

.bem-list__options .bem-icon-block__svg, .bem-list__owner .bem-icon-block__svg {
  margin-right: 8px;
}

.bem-list__options {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.bem-list__options-access {
  font-size: 12px;
  color: #818C9C;
}

.bem-list__persons .bem-list__cover {
  margin-right: 24px;
}

.bem-list__persons .bem-profile__popular-container > :nth-child(n) {
  margin-right: 24px;
}

.bem-list__persons-item {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 24px 0;
}

.bem-list__persons-item:hover .bem-list__person-delete {
  opacity: 1 !important;
}

.bem-list__persons-item_new .bem-list__person-name::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  border-radius: 50%;
  background-color: red;
}

@media screen and (max-width: 768px) {
  .bem-list__persons-item_new .bem-list__person-name::after {
    margin-left: 10px;
    width: 10px;
    height: 10px;
  }
}

.bem-list__person-name {
  padding-right: 20px;
  font-size: 24px;
  line-height: 29px;
  font-weight: bold;
  color: #000000;
}

.bem-list__person-work {
  font-size: 16px;
  margin-top: 8px;
}

.bem-list__person-delete {
  position: absolute;
  right: 0;
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .bem-list__person-delete {
    opacity: 0.2;
  }
}

.bem-list__person-add-form {
  display: flex;
  flex-direction: column;
}

.bem-list__person-add-form-search {
  display: flex;
  flex-direction: row;
}

.bem-list__person-add-form-results {
  margin: 16px 0;
}

.bem-list__person-add-form-results .bem-common-persons-list__person {
  cursor: pointer;
}

.bem-list__person-add-form-queue {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e6e6e6;
}

.bem-list__person-add-form-queue .bem-button {
  margin-top: 16px;
}

.bem-list__person-manage {
  width: 100%;
}

.bem-list__person-manage-filter {
  margin-bottom: 16px;
}

.bem-list__search {
  width: 70%;
}

.bem-list__form .bem-common-persons-list {
  border: 1px solid #E3E5E8;
  border-radius: 4px;
  padding: 5px;
}

.bem-list__item_detail .bem-list__title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}

.bem-list_modal-add label {
  width: 100% !important;
  margin: 0 0 0 0 !important;
  padding: 6px 0px !important;
}

.bem-list_modal-add .bem-list__item {
  position: relative;
  padding: 8px 12px;
  margin-left: -24px;
  margin-right: -24px;
  width: calc(100% + 48px);
  border-radius: 8px;
}

.bem-list_modal-add .bem-list__item:hover {
  background-color: #F7F8FA;
}

.bem-list_modal-add .bem-list__item_loading label {
  cursor: wait !important;
}

.bem-list_modal-add .bem-list__item_loading .bem-list__cover {
  background-image: url('data:image/svg+xml;utf8,<svg width="38" height="38" viewBox="-2 -2 38 38" xmlns="http://www.w3.org/2000/svg" stroke="%2300AEEF"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="4"><circle stroke-opacity=".25" cx="16" cy="16" r="16"/><path d="M32 16c0-7.94-6.06-16-16-16"><animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="1s" repeatCount="indefinite"/></path></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
  background-color: #FFFFFF;
  border-radius: 50%;
}

.bem-list_modal-add .bem-list__item_loading .bem-list__cover img {
  visibility: hidden;
}

.bem-list_modal-add .bem-list__info {
  width: 100%;
}

.bem-list_modal-add .bem-list__cover {
  margin-right: 16px;
}

.bem-list_modal-add .bem-circle-block__lists {
  min-height: 48px;
  min-width: 48px;
  width: 48px;
  height: 48px;
}

.bem-list_modal-add .bem-list__description-row {
  margin-top: 2px;
}

.bem-list_modal-add .bem-list__item {
  margin-top: 4px;
  margin-bottom: 4px;
}

.bem-list_modal-add .bem-list__item:first-child {
  margin-top: 0;
}

.bem-list_modal-add .bem-list__options .bem-icon-block__svg {
  margin: 0;
}

/* bem-list: @media-условия */
@media screen and (max-width: 1080px) {
  .bem-list__owner, .bem-page__break {
    flex-direction: column;
    align-items: flex-start;
  }
  .bem-list__owner > :nth-child(n), .bem-page__break > :nth-child(n) {
    margin-top: 4px;
  }
  .bem-list__owner > :first-child, .bem-page__break > :first-child {
    margin-top: 0;
  }
  .bem-likes__item:first-child {
    margin-left: 0;
  }
  .bem-list__item_detail .bem-list__info .bem-list__cover {
    margin-right: 24px;
  }
}

@media screen and (max-width: 768px) {
  .bem-list {
    margin-top: 8px;
  }
  .bem-list__item, .bem-list__persons-item {
    margin: 8px 0;
  }
  .bem-list__cover {
    justify-content: center;
    margin-right: 8px;
  }
  .bem-list__persons .bem-list__cover {
    margin-right: 16px;
  }
  .bem-list__description-row {
    flex-direction: column;
  }
  .bem-list__description-row > :nth-child(n) {
    margin-top: 4px;
  }
  .bem-list__description-row > :first-child {
    margin-top: 0;
  }
  .bem-list__description-row .bem-search {
    max-width: 100%;
    margin-top: 0 !important;
  }
  .bem-list__persons .bem-list__cover {
    margin-right: 16px;
  }
  .bem-list__person > :nth-child(n) {
    margin-top: 0px;
  }
  .bem-list__item_detail .bem-list__info {
    flex-direction: column;
    align-items: center;
  }
  .bem-list__item_detail .bem-list__info > :nth-child(n) {
    margin-top: 12px;
  }
  .bem-list__item_detail .bem-list__info > :first-child {
    margin-top: 0;
  }
  .bem-list__item_detail .bem-list__info .bem-list__item {
    flex-direction: column;
  }
  .bem-list__item_detail .bem-list__info .bem-list__item > :nth-child(n) {
    margin-top: 16px;
  }
  .bem-list__item_detail .bem-list__info .bem-list__item > :first-child {
    margin-top: 0;
  }
  .bem-list__item_detail .bem-list__info .bem-list__description-row {
    flex-direction: column;
    align-items: center;
    margin-top: 12px;
    text-align: center;
  }
  .bem-list__item_detail .bem-list__info .bem-list__description-row:first-child {
    margin-top: 0;
  }
  .bem-list__item_detail .bem-list__info .bem-list__cover {
    margin-right: 0;
  }
  .bem-list__item_detail .bem-list__title {
    font-size: 20px;
    line-height: 24px;
  }
  .bem-list__item_detail .bem-tags {
    justify-content: center;
  }
  .bem-list__item_detail .bem-likes {
    margin-top: 12px;
  }
  .bem-list__person-name {
    font-size: 16px;
    line-height: 20px;
  }
  .bem-list__person-work {
    font-size: 14px;
    margin-top: 0;
  }
  .bem-list__owner {
    order: 1;
  }
  .bem-list_modal-add .bem-list__item {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .bem-list_modal-add .bem-list__description-row {
    flex-direction: row;
  }
}

@media screen and (max-width: 375px) {
  .bem-list__item_detail .bem-likes {
    justify-content: center;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-list-table, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-list-table {
  width: 100%;
  margin-bottom: 40px;
  overflow-x: auto;
  /* bem-list-table: Элементы */
  /* bem-list-table: Модификаторы */
  /* bem-list-table: Миксины */
}

.bem-list-table table {
  border-collapse: collapse;
}

.bem-list-table p {
  margin: 0;
}

.bem-list-table tr {
  min-height: 40px;
}

.bem-list-table tr:hover td {
  background: #FDFDFD;
}

.bem-list-table th, .bem-list-table td {
  padding: 24px 8px;
  vertical-align: top !important;
}

.bem-list-table th:first-child, .bem-list-table td:first-child {
  padding-left: 4px;
}

.bem-list-table th:last-child, .bem-list-table td:last-child {
  padding-right: 4px;
}

.bem-list-table th {
  border-bottom: 1px solid #E3E5E8;
  font-size: 13px;
  letter-spacing: -0.08px;
  padding: 16px 8px 16px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bem-list-table td {
  border-top: 1px solid #E3E5E8;
  border-bottom: 1px solid #E3E5E8;
}

.bem-list-table .minor.icon {
  color: #999999;
}

.bem-list-table .alert.icon {
  color: #DA930A;
}

.bem-list-table .critical.icon {
  color: #FF6366;
}

.bem-list-table__table {
  min-width: 1000px;
  width: 100%;
  border-collapse: collapse;
}

.bem-list-table__table_w500 {
  min-width: 500px;
}

.bem-list-table__table_w600 {
  min-width: 600px;
}

.bem-list-table__table_w700 {
  min-width: 700px;
}

.bem-list-table__table_w800 {
  min-width: 800px;
}

.bem-list-table__table_w900 {
  min-width: 900px;
}

.bem-list-table__table_w0 {
  min-width: auto;
}

.bem-list-table__graph {
  height: 300px;
  margin-bottom: 20px;
  border: 1px solid #E6E6E6;
}

.bem-list-table__icons {
  width: 50px;
  white-space: nowrap;
  text-align: right;
}

.bem-list-table__icons i, .bem-list-table__icons .nc-action-icon {
  margin-left: 10px;
}

.bem-list-table__icons i:first-child, .bem-list-table__icons .nc-action-icon:first-child {
  margin-left: 0;
}

.bem-list-table__num {
  width: 50px;
  white-space: nowrap;
  text-align: center;
}

.bem-list-table__datetime {
  font-size: 13px;
  letter-spacing: -0.08px;
}

.bem-list-table__status {
  font-weight: 500;
}

.bem-list-table__status_start, .bem-list-table__status_stop {
  color: #0063B3;
}

.bem-list-table__status_success {
  color: #33A72B;
}

.bem-list-table__status_alert {
  color: #D6A112;
}

.bem-list-table__status_error {
  color: #C81F1F;
}

.bem-list-table__status_minor {
  color: #999999;
}

.bem-list-table .status-minor .bem-list-table__status {
  color: #818C9C;
}

.bem-list-table__task {
  font-family: monospace;
  margin-top: 8px;
  font-weight: bold;
}

.bem-list-table__extra-row td {
  border-top: 1px solid #FFFFFF;
  font-size: 11px;
}

.bem-list-table__last-row td {
  border-bottom: none;
}

.bem-list-table__alert td {
  color: #CF3236;
}

.bem-list-table__pale td {
  color: #A9A9A9;
}

.bem-list-table__avatar-text {
  display: inline-block;
  max-width: 174px;
  vertical-align: top;
}

.bem-list-table__fields-block {
  margin-top: 10px;
  padding-top: 10px;
  font-size: 11px;
  border-top: 1px dotted #E5E5E5;
}

.bem-list-table__fields-block img.thumb {
  padding: 1px;
  border: 1px solid silver;
}

.bem-list-table__title {
  margin-bottom: 10px;
  font-size: 13px;
}

.bem-list-table__legend {
  width: 100%;
  margin-bottom: 10px;
  color: #999999;
}

.bem-list-table__legend-item {
  margin-left: 10px;
}

.bem-list-table__legend-item:first-child {
  margin-left: 0;
}

.bem-list-table__legend-num {
  font-weight: bold;
}

.bem-list-table__group {
  display: flex;
}

.bem-list-table__input {
  margin-right: 10px;
  width: 250px;
}

.bem-list-table_embedded tr:hover td {
  background: #F8F8F8;
}

.bem-list-table_theme_white {
  background: #FFFFFF;
  color: #1D1D1D;
}

.bem-list-table_theme_red {
  background: rgba(255, 229, 230, 0.4);
}

.bem-list-table_theme_red:hover td {
  background: rgba(255, 229, 230, 0.5) !important;
}

.bem-list-table_vtop th, .bem-list-table_vtop td, .bem-list-table_top {
  vertical-align: top;
}

.bem-list-table_left {
  text-align: left;
}

.bem-list-table_right {
  text-align: right;
}

.bem-list-table_center {
  text-align: center;
}

.bem-list-table_compact {
  font-size: 13px;
  letter-spacing: -0.08px;
}

.bem-list-table_compacter {
  font-size: 10px;
}

.bem-list-table_nowrap {
  white-space: nowrap;
}

.bem-list-table__common-items th, .bem-list-table__common-items td {
  vertical-align: middle !important;
}

.bem-list-table__common-items .bem-edit__translate-items {
  margin-bottom: 0px;
}

.bem-list-table__common-items .bem-edit__translate-item {
  margin: 16px 0 0;
}

.bem-list-table__common-items .bem-edit__translate-item:first-child {
  margin-top: 0;
}

.bem-list-table__translate-dropdown {
  margin-top: -19px;
}

.bem-list-table_screen-width {
  width: calc(100vw - 16px);
  margin-left: calc(608px - 50vw);
  margin-right: calc(608px - 50vw);
}

.bem-list-table__bem-autocomplete-list .tags-input {
  position: inherit;
}

.bem-list-table__bem-autocomplete-list .bem-autocomplete-list {
  top: inherit;
  width: auto;
  min-width: 300px;
}

/* bem-list-table: @media-условия */
@media screen and (max-width: 1200px) {
  .bem-list-table_screen-width {
    margin-left: -24px;
    margin-right: -24px;
  }
}

@media screen and (max-width: 768px) {
  .bem-list-table_screen-width {
    margin-left: -16px;
    margin-right: -16px;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-listing, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-listing {
  display: flex;
  justify-content: center;
  align-items: center;
  /* bem-listing: Элементы */
}

.bem-listing__item {
  margin-right: 8px;
}

.bem-listing__item:first-child {
  margin-right: 24px;
}

.bem-listing__item:last-child {
  margin-right: 0;
  margin-left: 16px;
}

.bem-listing__item .bem-circle-block {
  width: auto !important;
  padding: 0 2px;
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-local, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-local {
  position: relative;
}

.bem-local__container {
  position: absolute;
  background: #000000;
  right: 0;
  bottom: 0;
  border: 1px solid #666666;
  border-radius: 4px;
}

.bem-local__item {
  line-height: 32px;
  padding: 0 12px;
}

.bem-local__item:hover {
  background: rgba(255, 255, 255, 0.15);
}

.bem-local__item span {
  white-space: nowrap;
}

.bem-local__item_active {
  font-weight: bold;
  background: rgba(255, 255, 255, 0.15);
}

.bem-local__item_active:hover span {
  color: #FFFFFF;
}

.bem-local_absolute {
  position: absolute;
  right: 0;
  bottom: 16px;
}

.bem-local_theme_white {
  margin-left: auto;
}

.bem-local_theme_white .bem-local__container {
  background: #FFFFFF;
  border-color: #DADADA;
}

.bem-local_theme_white .bem-local__item {
  color: #818C9C;
}

.bem-local_theme_white .bem-local__item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #000;
}

.bem-local_theme_white .bem-local__item_active {
  color: #000000;
}

.bem-local_theme_white .bem-local__item_active:hover span {
  color: #000000;
}

/*  bem-local: @media-условия */
@media screen and (max-width: 1365px) {
  .bem-local_absolute {
    position: relative;
    bottom: inherit;
    right: inherit;
    margin: 0 auto 16px;
  }
  .bem-local_theme_white {
    margin-left: 0;
    margin-right: auto;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-login, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-login {
  height: 100vh;
  /* bem-login: Элементы */
}

.bem-login__content {
  width: 400px;
}

.bem-login__content > .bem-form {
  margin-top: 24px;
}

.bem-login__btn {
  width: min-content;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .bem-link_font_sm {
    font-size: 10px;
    line-height: 12px;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-logo-carousel, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-logo-carousel {
  margin: 0;
  padding-top: 0px;
  background-color: #FFF;
  width: 100%;
  max-width: auto;
  border-right: 1px solid #e5e5e8;
  padding: 15px 0px 46px 40px;
  /* bem-posts: Элементы */
}

.bem-logo-carousel .aboutbox-content {
  position: relative;
}

.bem-logo-carousel .aboutbox-content > .container:first-child {
  font-weight: bold;
}

.bem-logo-carousel .aboutbox-content .inner.clearfix {
  margin-left: -28px;
}

.bem-logo-carousel.unfolded .ccontainer {
  height: auto !important;
}

.bem-logo-carousel.unfolded .ccontainer .inner {
  top: 0;
  width: 100%;
}

.bem-logo-carousel .ccontainer .inner {
  width: 90000px;
  background: #fff;
}

.bem-logo-carousel .ccontainer {
  width: 100%;
  margin: auto;
  overflow: hidden;
  height: 100px;
}

.bem-logo-carousel .item {
  float: left;
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin-left: 28px;
  margin-bottom: 25px;
}

.bem-logo-carousel .item .logo {
  float: left;
  width: 100px;
  height: 100px;
  background-color: #fff;
}

.bem-logo-carousel .switch-view {
  position: absolute;
  left: calc(50% - 12px);
  bottom: -38px;
}

.bem-logo-carousel .switch-view a {
  display: block;
  width: 24px;
  height: 24px;
  margin: auto;
  background: url("../2020/images/circle-arrows-24px.png") no-repeat 0 0;
}

.bem-logo-carousel .switch-view a:hover {
  background-position: -24px 0;
}

.bem-logo-carousel .switch-view a.up {
  background-position: 0 -24px;
}

.bem-logo-carousel .switch-view a.up:hover {
  background-position: -24px -24px;
}

/* @media-условия .bem-logo-carousel */
@media screen and (max-width: 1200px) {
  /*
    .bem-logo-carousel{
        padding-left: 30px;
    }
*/
}

@media screen and (max-width: 960px) {
  .bem-logo-carousel {
    padding-left: 30px;
  }
}

@media screen and (max-width: 768px) {
  .bem-logo-carousel {
    padding-left: 20px;
    padding-right: 20px;
    border: none;
    border-bottom: 1px solid #e5e5e8;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-mark, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-mark {
  /* bem-mark: Модификаторы */
}

.bem-mark__label, .bem-mark__cancel {
  font-size: 13px;
  letter-spacing: -0.08px;
  white-space: nowrap;
}

.bem-mark__rating {
  font-size: 12px;
  line-height: 14px;
}

.bem-mark__rating :first-child {
  margin-right: 5px;
}

.bem-mark__star {
  padding: 0 1px;
  line-height: 1em;
}

.bem-mark__star:first-child {
  margin-left: 0;
}

.bem-mark__star > .far {
  color: #A3AEB1;
}

.bem-mark__star > .fa, .bem-mark__star > .fas {
  color: #FFEB51;
}

.bem-mark_positive, .bem-mark_negative {
  border: 2px solid #FFFFFF;
  border-radius: 40px;
  background-color: #1FCF5F;
  color: #FFFFFF;
  white-space: nowrap;
  padding: 2px 4px;
  position: absolute;
  font-size: 12px;
  line-height: 14px;
}

.bem-mark_negative {
  background-color: #FF6366;
}

/* @media-условия .bem-mark */
/*
     В этом файле должны быть стили для БЭМ-блока .bem-masonry, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-masonry {
  margin-left: -12px;
  margin-right: -12px;
  width: calc(100% + 24px);
}

.bem-masonry__item {
  width: 50%;
  min-width: 50%;
  padding: 0 12px;
  display: inline-block;
  float: left;
}

.bem-masonry__item:nth-child(2n+1) {
  float: left;
  clear: left;
}

.bem-masonry__item:nth-child(2n+2) {
  float: right;
}

@media screen and (max-width: 768px) {
  .bem-masonry {
    margin: 0;
    width: 100%;
  }
  .bem-masonry__item {
    width: 100%;
    float: left !important;
    padding: 0;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-mobile, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
/*  bem-mobile: @media-условия */
@media screen and (max-width: 768px) {
  .bem-mobile {
    /* bem-page: Элементы */
    /* bem-page: Модификаторы */
    /* Миксины */
  }
  .bem-mobile .bem-mobile__row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  .bem-mobile .bem-mobile__column {
    display: flex;
    flex-direction: column;
  }
  .bem-mobile .bem-mobile__grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(100px, max-content));
    grid-gap: 16px;
    align-items: flex-end;
  }
  .bem-mobile .bem-mobile__row_center {
    justify-content: center;
  }
  .bem-mobile .bem-mobile__row_around {
    justify-content: space-around;
  }
  .bem-mobile .bem-mobile__row_between {
    justify-content: space-between;
  }
  .bem-mobile .bem-mobile__row_start {
    justify-content: flex-start;
  }
  .bem-mobile .bem-mobile__row_end {
    justify-content: flex-end;
  }
  .bem-mobile .bem-mobile__column_center {
    align-items: center;
  }
  .bem-mobile .bem-mobile__column_left {
    align-items: flex-start;
  }
  .bem-mobile .bem-mobile__column_start {
    align-items: flex-start;
  }
  .bem-mobile .bem-mobile__column_end {
    align-items: flex-end;
  }
  .bem-mobile .bem-mobile_max-container {
    flex-grow: 1;
  }
  .bem-mobile .bem-mobile_align_center {
    text-align: center;
  }
  .bem-mobile .bem-mobile_align_left {
    text-align: left;
  }
  .bem-mobile .bem-mobile_align_right {
    text-align: right;
  }
  .bem-mobile .bem-mobile_margin_none {
    margin: 0;
  }
  .bem-mobile .bem-mobile_margin_center {
    margin-left: auto;
    margin-right: auto;
  }
  .bem-mobile .bem-mobile_padding_none {
    padding: 0;
  }
  .bem-mobile .bem-mobile_main-page {
    padding-top: 0;
  }
  .bem-mobile .bem-mobile_half {
    width: calc(50% - 8px);
  }
  .bem-mobile .bem-mobile_full {
    width: 100%;
  }
  .bem-mobile .bem-mobile_width_full {
    width: 100%;
  }
  .bem-mobile .bem-mobile_width_auto {
    width: auto;
  }
  .bem-mobile .bem-mobile_full_height {
    height: 100%;
  }
  .bem-mobile .bem-mobile_height_full {
    height: 100%;
  }
  .bem-mobile .bem-mobile_height_auto {
    height: auto;
  }
  .bem-mobile .bem-mobile_margin_bottom_x0 {
    margin-bottom: 0;
  }
  .bem-mobile .bem-mobile_margin_bottom_x4 {
    margin-bottom: 4px;
  }
  .bem-mobile .bem-mobile_margin_bottom_x8 {
    margin-bottom: 8px;
  }
  .bem-mobile .bem-mobile_margin_bottom_x16 {
    margin-bottom: 16px;
  }
  .bem-mobile .bem-mobile_margin_bottom_x24 {
    margin-bottom: 24px;
  }
  .bem-mobile .bem-mobile_margin_bottom_x32 {
    margin-bottom: 32px;
  }
  .bem-mobile .bem-mobile_margin_top {
    margin-top: 40px;
  }
  .bem-mobile .bem-mobile_margin_top_x0 {
    margin-top: 0px;
  }
  .bem-mobile .bem-mobile_margin_top_x40 {
    margin-top: 40px;
  }
  .bem-mobile .bem-mobile_margin_top_x4 {
    margin-top: 4px;
  }
  .bem-mobile .bem-mobile_margin_top_x8 {
    margin-top: 8px;
  }
  .bem-mobile .bem-mobile_margin_top_x16 {
    margin-top: 16px;
  }
  .bem-mobile .bem-mobile_margin_top_x24 {
    margin-top: 24px;
  }
  .bem-mobile .bem-mobile_margin_right {
    margin-right: 16px;
  }
  .bem-mobile .bem-mobile_margin_right_x0 {
    margin-right: 0px;
  }
  .bem-mobile .bem-mobile_margin_right_x4 {
    margin-right: 4px;
  }
  .bem-mobile .bem-mobile_margin_right_x8 {
    margin-right: 8px;
  }
  .bem-mobile .bem-mobile_margin_right_x16 {
    margin-right: 16px;
  }
  .bem-mobile .bem-mobile_margin_right_x24 {
    margin-right: 24px;
  }
  .bem-mobile .bem-mobile_margin_right_x32 {
    margin-right: 32px;
  }
  .bem-mobile .bem-mobile_margin_right_x64 {
    margin-right: 64px;
  }
  .bem-mobile .bem-mobile_margin_left_x24 {
    margin-left: 24px;
  }
  .bem-mobile .bem-mobile_margin_left_x8 {
    margin-left: 8px;
  }
  .bem-mobile .bem-mobile_margin_left_x0 {
    margin-left: 0px;
  }
  .bem-mobile .bem-mobile_font_gray {
    color: #818C9C;
  }
  .bem-mobile .bem-mobile_font_blue {
    color: #008DFF;
  }
  .bem-mobile .bem-mobile_font_light-gray {
    color: #E3E5E8;
  }
  .bem-mobile .bem-mobile_font_white {
    color: #FFFFFF;
  }
  .bem-mobile .bem-mobile_font_black {
    color: #000;
  }
  .bem-mobile .bem-mobile_font-size_huge {
    font-size: 40px;
    line-height: 48px;
  }
  .bem-mobile .bem-mobile_font-size_bigger {
    font-size: 24px;
    line-height: 32px;
  }
  .bem-mobile .bem-mobile_font-size_big {
    font-size: 20px;
    line-height: 24px;
  }
  .bem-mobile .bem-mobile_font-size_mid {
    font-size: 16px;
    line-height: 20px;
  }
  .bem-mobile .bem-mobile_font-size_normal {
    font-size: 14px;
    line-height: 18px;
  }
  .bem-mobile .bem-mobile_font-size_small {
    font-size: 12px;
    line-height: 14px;
  }
  .bem-mobile .bem-mobile_font-weight_normal {
    font-weight: normal;
  }
  .bem-mobile .bem-mobile_font-weight_bold {
    font-weight: bold;
  }
  .bem-mobile .bem-mobile_bg_gray, .bem-mobile .bem-mobile_bg_blue {
    background-color: #F7F8FA;
    padding: 24px 16px;
  }
  .bem-mobile .bem-mobile_bg_gray .bem-circle-block, .bem-mobile .bem-mobile_bg_blue .bem-circle-block {
    background-color: white;
  }
  .bem-mobile .bem-mobile_bg_blue {
    background-color: #008DFF;
  }
  .bem-mobile .bem-mobile_nowrap {
    white-space: nowrap;
  }
  .bem-mobile .bem-mobile_wrap {
    white-space: normal;
  }
  .bem-mobile .bem-mobile_border_no {
    border: none;
  }
  .bem-mobile .bem-mobile_relative {
    position: relative;
  }
  .bem-mobile .bem-mobile_inline {
    display: inline-block;
  }
  .bem-mobile .bem-mobile_opacity {
    opacity: 0;
    transition: 1s ease-in-out;
  }
  .bem-mobile .bem-mobile_underline_none {
    text-decoration: none;
  }
  .bem-mobile .bem-mobile_order_2 {
    order: 2;
  }
  .bem-mobile .bem-mobile__bem-circle-block_size_big {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
  .bem-mobile .bem-mobile__bem-circle-block_size_bigger {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
  }
  .bem-mobile .bem-mobile__bem-circle-block_size_huge {
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
  }
  .bem-mobile .bem-mobile__bem-circle-block__badge_big {
    width: 28px;
    height: 20px;
    font-size: 12px;
    line-height: 14px;
  }
}

@media screen and (max-width: 360px) {
  .bem-page__corp .bem-mobile__break {
    flex-direction: column;
  }
  .bem-page__corp .bem-mobile__break > .bem-button {
    margin-right: 0;
  }
}

/*
     В этом файле должны быть стили для БЭМ-блока .bem-modal, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-modal {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 11;
  color: #000;
}

.bem-modal:before {
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
}

.bem-modal .bem-page__card_list {
  width: 100%;
  min-width: 100%;
}

.bem-modal .bem-page__card_list:nth-child(n+4) {
  display: flex;
}

.bem-modal__container {
  min-width: 360px;
  max-height: 90vh;
  background: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin: auto;
  z-index: 11;
  position: relative;
}

.bem-modal__close {
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../2020/images/close.svg") no-repeat 0 0;
  top: 12px;
  right: 12px;
  cursor: pointer;
}

.bem-modal__title {
  padding: 14px 42px;
  text-align: center;
  border-bottom: 1px solid #E3E5E8;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  font-weight: bold;
}

.bem-modal__subtitle {
  margin-top: 4px;
  font-size: 12px;
  line-height: 14px;
  color: #818C9C;
}

.bem-modal__content {
  padding: 24px 40px;
  text-align: left;
  overflow-y: auto;
  overflow-x: hidden;
  flex-grow: 1;
}

.bem-modal__footer {
  padding: 14px 14px;
  text-align: left;
  border-top: 1px solid #E3E5E8;
  display: flex;
  justify-content: center;
}

.bem-modal_height_full {
  height: 90vh;
}

.bem-modal__content > .popup-container {
  display: block;
}

@media screen and (max-width: 768px) {
  .bem-modal__container {
    max-width: 90vw;
    min-width: inherit;
  }
}

@media screen and (max-width: 640px) {
  .bem-modal__title {
    padding: 14px 42px 14px 14px;
  }
  .bem-modal__content {
    padding: 24px 14px;
  }
}

@media screen and (max-width: 460px) {
  .bem-modal__container {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
    border-radius: 16px 16px 0 0;
    margin-bottom: 0;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-notification, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-notification {
  width: 100%;
  background-color: #008DFF;
  position: relative;
  height: max-content;
  transition: height .1s ease;
  /* bem-notification: Элементы */
  /* bem-notification: Модификаторы */
  /* bem-notification: Миксины */
}

.bem-notification:before {
  content: "\f12a";
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 66px;
  left: 16px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
  z-index: 1;
  background-color: #008DFF;
  color: #FFFFFF;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  cursor: pointer;
}

.bem-notification[data-type=alert] {
  background-color: #FFAE63;
}

.bem-notification[data-type=alert]:before {
  background-color: #FFAE63;
}

.bem-notification[data-type=error] {
  background-color: #FF6366;
}

.bem-notification[data-type=error]:before {
  background-color: #FF6366;
}

.bem-notification[data-type=success] {
  background-color: #1FCF5F;
}

.bem-notification[data-type=success]:before {
  background-color: #1FCF5F;
}

.bem-notification[data-type=minor] {
  background-color: #F7F8FA;
}

.bem-notification[data-type=minor]:before {
  background-color: #F7F8FA;
}

.bem-notification:not([data-type=minor]) .bem-link, .bem-notification:not([data-type=minor]) a {
  color: #FFFFFF;
  text-decoration: underline;
}

.bem-notification:not([data-type=minor]) .bem-link:hover, .bem-notification:not([data-type=minor]) a:hover {
  opacity: .8;
}

.bem-notification__container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  min-height: 40px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 10px 48px 10px 24px;
}

.bem-notification:not([data-type=minor]) .bem-notification__container {
  color: #FFFFFF;
}

.bem-notification__content {
  text-align: center;
}

.bem-notification__close {
  position: absolute;
  top: 12px;
  right: 24px;
  cursor: pointer;
}

.bem-notification__button {
  height: 20px;
  padding: 4px 8px;
  margin: 0 8px;
  min-width: max-content;
  background-color: rgba(255, 255, 255, 0.24);
  font-size: 14px;
  text-decoration: none !important;
}

.bem-notification_minimized {
  height: 0;
  transition: height .5s ease-in-out;
}

.bem-notification_balloon {
  border-radius: 4px;
  position: relative;
  margin-top: 16px;
  margin-bottom: 16px;
}

/* @media-условия .bem-notification */
@media screen and (max-width: 768px) {
  .bem-header .bem-notification {
    width: auto;
    height: auto;
  }
  .bem-header .bem-notification:before {
    display: flex;
  }
  .bem-header .bem-notification .bem-notification__container {
    display: none;
  }
  .bem-header .bem-notification.bem-notification_opened {
    width: 100vw;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
  }
  .bem-header .bem-notification.bem-notification_opened:before {
    display: none;
  }
  .bem-header .bem-notification.bem-notification_opened .bem-notification__container {
    display: flex;
  }
  .bem-header .bem-notification.bem-notification_opened .bem-notification__content {
    font-size: 16px;
    line-height: 24px;
  }
  .bem-header .bem-notification.bem-notification_opened .bem-notification__close .bem-icon-block__svg {
    width: 32px;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
  }
}

/**
 *   В этом файле должны быть стили для БЭМ-блока .bem-photoform, его элементов,
 *   модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-photoform {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* bem-photoform: Элементы */
  /* bem-photoform: Модификаторы */
}

.bem-photoform__image-block {
  position: relative;
  overflow: hidden;
  width: 180px;
  height: 180px;
}

.bem-photoform__image-block img {
  width: 180px;
  height: 180px;
  min-height: 180px;
  min-width: 180px;
  object-fit: cover;
}

.bem-photoform__image-block:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../2020/images/circlearea.png") no-repeat 0 0;
  background-size: cover;
}

.bem-photoform__button {
  margin-top: 8px;
  width: 180px;
  min-width: 180px;
}

.bem-photoform__photobox_disabled .bem-button {
  opacity: 0.3;
}

.bem-photoform__popup {
  min-width: 450px;
}

.bem-photoform_compact .bem-photoform__image-block_compact {
  width: 90px;
  height: 90px;
}

.bem-photoform_compact .bem-photoform__image-block img {
  width: 90px;
  height: 90px;
  min-height: 90px;
  min-width: 90px;
  max-width: none;
}

.bem-photoform_compact .bem-photoform__button {
  width: 90px;
  min-width: 90px;
}

/*  bem-photoform: @media-условия */
@media screen and (max-width: 560px) {
  .bem-photoform {
    margin: 0;
  }
  .bem-photoform__popup {
    padding-top: 16px;
  }
  .bem-photoform__action {
    display: flex;
    flex-direction: column;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-phrase, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-phrase {
  /* bem-phrase: Элементы */
  /* bem-phrase: Модификаторы */
  /* bem-phrase: Миксины */
}

.bem-phrase__id span {
  display: none;
}

.bem-phrase__previews {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}

.bem-phrase__preview {
  display: flex;
  align-items: center;
  margin-top: 4px;
}

.bem-phrase__preview:first-child {
  margin-top: 0;
}

.bem-phrase__multilang {
  display: none;
  flex-direction: column;
  margin-top: 8px;
}

.bem-phrase_edit .bem-phrase__id span {
  display: inline-block;
}

.bem-phrase_edit .bem-phrase__id .bem-link {
  display: none;
}

.bem-phrase_edit .bem-phrase__multilang {
  display: flex;
}

.bem-phrase_edit .bem-phrase__previews {
  display: none;
}

/* @media-условия .bem-phrase */
/*
     В этом файле должны быть стили для БЭМ-блока .bem-popover, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-popover {
  top: 0;
  left: 0;
  position: absolute;
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  opacity: 1;
  max-width: 90%;
  padding-bottom: 20px;
  z-index: 100;
}

.bem-popover:before {
  content: '';
  background: url("../2020/images/popover-arrow.svg") no-repeat -8px center;
  width: 10px;
  height: 20px;
  position: absolute;
  right: -9px;
  z-index: 102;
}

.bem-popover__container {
  min-width: 100px;
  max-height: 90vh;
  background: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin: auto;
  z-index: 101;
  position: relative;
  overflow: hidden;
  border: 1px solid #999999;
}

.bem-popover__close {
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../2020/images/close.svg") no-repeat 0 0;
  top: 12px;
  right: 12px;
  cursor: pointer;
}

.bem-popover__title {
  padding: 14px 42px 14px 14px;
  text-align: left;
  border-bottom: 1px solid #E3E5E8;
  font-size: 16px;
  line-height: 20px;
  color: black;
  font-weight: bold;
}

.bem-popover__content {
  min-width: 150px;
  padding: 14px 14px 14px;
  text-align: left;
  overflow-y: auto;
  /*min-height: 100px;*/
  flex-grow: 1;
  display: inline-block;
}

.bem-popover__content .bem-popover__el {
  margin-bottom: 14px;
}

.bem-popover__el {
  width: 100%;
}

.bem-popover__footer {
  padding: 14px 14px;
  text-align: left;
  border-top: 1px solid #E3E5E8;
}

.bem-popover_height_full {
  height: 90vh;
}

.bem-popover_position_bottom:before {
  background-position: center top;
  width: 20px;
  height: 9px;
  right: inherit;
  top: -8px;
}

.bem-popover_position_top:before {
  background-position: center bottom;
  width: 20px;
  height: 12px;
  right: inherit;
  bottom: 9px;
}

.bem-popover_position_right:before {
  background-position: 0 center;
  width: 9px;
  height: 20px;
  left: -8px;
}

.bem-popover_position_left:before {
  background-position: -8px center;
  width: 10px;
  height: 20px;
  right: -9px;
}

.bem-popover_theme_dark:before {
  background-image: url("../2020/images/popover-arrow-dark.svg");
}

.bem-popover_title_show .bem-popover__close {
  background-image: url("../2020/images/close-white.svg");
}

.bem-popover_arrow_none:before {
  background: none !important;
}

.bem-popover .balloon {
  display: block;
}

@media screen and (max-width: 768px) {
  .bem-popover__container {
    max-width: 90vw;
    min-width: inherit;
  }
}

@media screen and (max-width: 380px) {
  .bem-popover {
    width: 95%;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-posts, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-posts {
  width: auto;
  /* bem-posts: Элементы */
  /* bem-posts: Модификаторы */
  /* bem-posts: Миксины */
}

.bem-posts .bem-info-block__title {
  margin-bottom: 15px;
}

.bem-posts .bem-form__label-check-radio {
  margin: 0;
}

.bem-posts .bem-form__label-check-radio:before {
  background: #fff;
  border: 1px solid #E3E5E8;
}

.bem-posts .bem-link:hover {
  color: #008DFF;
}

.bem-posts__back {
  margin-right: 16px;
}

.bem-posts__note {
  color: #818C9C;
  font-size: 13px;
  letter-spacing: -0.08px;
}

.bem-posts__create {
  border: 1px solid #F0F0F0;
  border-radius: 4px;
  padding: 12px 16px;
  box-sizing: border-box;
  background: white;
}

.bem-posts__create h6 {
  margin-bottom: 12px;
}

.bem-posts__create .bem-posts__input {
  border: none !important;
  padding: 6px 0 0;
  box-sizing: border-box;
}

.bem-posts__create_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  border-radius: 0;
}

.bem-posts__create_fixed .bem-posts__create_fixed-container {
  flex-direction: column;
}

.bem-posts__create_fixed .bem-posts__create-header-panel {
  border-bottom: 1px solid #F0F0F0;
  padding: 0 16px 12px;
  margin: 0 -16px 12px;
  align-items: center;
  width: calc(100% + 32px) !important;
}

.bem-posts__create_fixed .bem-posts__create-header-panel .bem-posts__back, .bem-posts__create_fixed .bem-posts__create-header-panel .bem-posts__create-title {
  display: flex;
}

.bem-posts__create_fixed .bem-posts__create-header-panel .bem-posts__person {
  top: 22px;
  left: inherit;
  right: -3px;
}

.bem-posts__create_fixed .bem-posts__create-header-panel .bem-posts__person .bem-dropdown__container {
  left: inherit;
}

.bem-posts__create-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.bem-posts__create-container .smart-input-form, .bem-posts__create-container > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 12px;
  flex-grow: 1;
}

.bem-posts__create-container .bem-form__textarea {
  margin-right: 48px;
}

.bem-posts__create-header-panel {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.bem-posts__create-header-panel .bem-posts__back, .bem-posts__create-header-panel .bem-posts__create-title {
  display: none;
}

.bem-posts__create-header-panel .bem-posts__bem-dropdown .bem-dropdown__container {
  top: 40px;
}

.bem-posts__create-header-author-photo svg {
  color: inherit;
  margin: 0 !important;
  fill: #818C9C !important;
}

.bem-posts__form {
  position: relative;
}

.bem-posts__input {
  width: 100%;
  height: 32px;
  border: 1px solid #F0F0F0;
  border-radius: 4px;
  padding: 4px 40px 4px 40px;
  box-sizing: padding-box;
  font-size: 15px;
  line-height: 20px;
  font-family: Inter, sans-serif;
  min-height: 32px;
  max-height: 320px;
  display: block;
  resize: none;
}

.bem-posts__input:placeholder, .bem-posts__input:-ms-input-placeholder, .bem-posts__input::-moz-placeholder, .bem-posts__input:-moz-placeholder, .bem-posts__input::-webkit-input-placeholder {
  font-size: 15px;
  font-family: Inter, sans-serif;
}

.bem-posts__input_no-icons {
  padding: 5px;
}

.bem-posts__record {
  padding-top: 12px;
}

.bem-posts__record:first-child {
  border-top: none;
  padding-top: 0;
}

.bem-posts__record .bem-posts__file-list:not(.bem-posts__file-list_tmp) {
  margin-bottom: 0;
  display: block;
}

.bem-posts__record .bem-posts__file-list-item:not(.bem-posts__file-list-item_tmp):not(.bem-posts__images-preview) {
  padding: 12px 0;
}

.bem-posts__record .bem-posts__file-list-item:not(.bem-posts__file-list-item_tmp).bem-posts__images-preview {
  padding: 0;
}

.bem-posts__record .bem-posts__file-list_images {
  display: inline-block;
  width: 100%;
}

.bem-posts__record .bem-posts__file-list_images .bem-posts__file-list-item {
  display: block;
  padding: 0;
}

.bem-posts__post-publish {
  display: none;
  white-space: nowrap;
}

.bem-posts__post-publish.bem-button_theme_loading, .bem-posts__post-publish.loading, .bem-posts__post-publish:disabled, .bem-posts__post-publish.disabled {
  background-color: #FFFFFF !important;
  border: none !important;
}

.bem-posts__post-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.bem-posts__icon {
  position: absolute;
  left: 8px;
  top: 4px;
}

.bem-posts__btn {
  position: absolute;
  right: 0;
  bottom: -6px;
  background: rgba(0, 141, 255, 0.08);
  border-radius: 4px;
  border: none;
  padding: 6px 8px;
  color: #008DFF;
  font-size: 15px;
  line-height: 1.6;
  cursor: pointer;
}

.bem-posts__btn:hover {
  background: rgba(0, 141, 255, 0.12);
}

.bem-posts__detail > :nth-child(n) {
  float: left;
}

.bem-posts__detail > :nth-child(n):before {
  content: '\00B7';
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  color: #818C9C;
}

.bem-posts__detail > :first-child:before {
  display: none;
}

.bem-posts__items {
  margin-top: 16px;
}

.bem-posts__item {
  border: 1px solid #F0F0F0;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 16px;
  padding: 16px;
}

.bem-posts__item:first-child {
  margin-top: 0;
}

.bem-posts__item.bem-page_border_no {
  border: none;
}

.bem-posts__item > :last-child {
  padding-bottom: 0;
}

.bem-posts__radio + .bem-posts__radio-label {
  color: #008DFF;
  margin-right: 8px;
  margin-bottom: 6px;
  cursor: pointer;
}

.bem-posts__radio:checked + .bem-posts__radio-label {
  color: #818C9C;
  cursor: default;
}

.bem-posts__checkbox + .bem-posts__checkbox-label {
  color: #008DFF;
  cursor: pointer;
  display: flex;
  width: max-content;
  align-items: center;
  user-select: none;
}

.bem-posts__checkbox + .bem-posts__checkbox-label img {
  margin-left: 10px;
  opacity: .3;
  min-height: 24px;
}

.bem-posts__checkbox + .bem-posts__checkbox-label:hover {
  color: #0063b3;
}

.bem-posts__checkbox:checked + .bem-posts__checkbox-label img {
  opacity: 1;
}

.bem-posts__files {
  display: flex;
  align-items: center;
}

.bem-posts__file {
  margin-left: 18px;
}

.bem-posts__file .bem-icon-block__svg {
  fill: #818C9C;
  cursor: pointer;
  float: left;
}

.bem-posts__file .bem-icon-block__svg:hover {
  fill: #008DFF;
}

.bem-posts__file:first-child {
  margin-left: 0;
}

.bem-posts__file-list-link {
  border: 1px solid #F0F0F0;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 12px 16px 16px !important;
}

.bem-posts__file-list {
  display: none;
}

.bem-posts__file-list > :nth-child(n) {
  margin-top: 8px;
}

.bem-posts__file-list-item {
  padding: 8px;
}

.bem-posts__file-list_docs {
  display: inline-flex;
  justify-content: flex-start;
  /*align-items: center;*/
  width: 100%;
  padding: 8px !important;
  margin-top: 8px;
  background-color: #F7F8FA;
  border-radius: 4px;
  text-align: left;
  font-size: 15px;
  line-height: 23px;
}

.bem-posts__file-list_docs .bem-link.preview-remove .bem-icon-block__svg {
  stroke: #818C9C;
}

.bem-posts__file-list_docs .bem-posts__file-list-item-icon {
  margin-right: 5px;
}

.bem-posts__file-list_file {
  align-items: center;
}

.bem-posts__file-preview-image {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 4px;
  overflow: hidden;
}

.bem-posts__file-preview-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bem-posts__file-list_media {
  display: inline-block;
  padding: 0;
  position: relative;
  margin-right: 18px;
  margin-top: 8px;
  float: left;
}

.bem-posts__file-list_media:last-child {
  margin-right: 0;
}

.bem-posts__file-list_media .bem-link.preview-remove {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bem-posts__file-list_media .bem-link.preview-remove .bem-icon-block__svg {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  stroke: white;
}

.bem-posts__header {
  display: inline-block;
  width: 100%;
}

.bem-posts__header > :first-child {
  float: left;
}

.bem-posts__header > :last-child {
  float: right;
}

.bem-posts__person {
  position: absolute;
  top: 19px;
  left: 19px;
}

.bem-posts__person .bem-icon-block__svg_mini {
  width: 12px;
  height: 12px;
  min-height: 12px;
  min-width: 12px;
  margin-left: 0 !important;
}

.bem-posts__deadline {
  display: flex;
  align-items: center;
  width: max-content;
  padding: 10px;
  background: #F7F8FA;
  border-radius: 20px;
  box-sizing: border-box;
  font-size: 13px;
  letter-spacing: -0.08px;
  color: #818C9C;
}

.bem-posts__deadline > :nth-child(n) {
  margin-left: 10px;
}

.bem-posts__deadline > :first-child {
  margin-left: 0;
}

.bem-posts__deadline_expired {
  color: #F24444;
}

.bem-posts__deadline_expired .bem-icon-block__svg {
  fill: #F24444;
}

.bem-posts__settings-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 12px -16px -12px;
  padding: 16px;
  background-color: #F7F8FA;
  border-top: 1px solid #F0F0F0;
  border-radius: 0 0 4px 4px;
}

.bem-posts__settings-panel .bem-posts__create-header-panel {
  display: none;
}

.bem-posts__settings-panel_group > :nth-child(n) {
  margin-right: 24px;
  float: left;
}

.bem-posts__settings-panel_group > :last-child {
  margin-right: 0;
}

.bem-posts__anonymous label {
  line-height: 32px;
}

.bem-posts__privacy-description {
  color: #e2b2bc;
}

.bem-posts__record .bem-mark {
  margin-left: 16px;
}

.bem-posts__edit, .bem-posts__delete {
  margin-left: 16px;
}

.bem-posts__record .bem-posts__create {
  margin-top: 16px;
}

.bem-posts__reply-info {
  color: #818C9C;
  font-size: 13px;
  letter-spacing: -0.08px;
}

.bem-posts__replymeonly {
  height: 16px;
}

.bem-posts__replymeonly:hover .bem-icon-block__svg {
  fill: #008DFF;
}

.bem-posts__reply-btn {
  white-space: nowrap;
}

.bem-posts__text {
  margin-top: 12px;
}

.bem-posts__author {
  font-weight: 500;
}

.bem-posts__favorite {
  color: #818C9C;
  white-space: nowrap;
}

.bem-posts__favorite:hover .bem-icon-block__svg {
  stroke: #008DFF;
}

.bem-posts__favorite_active {
  color: #008DFF;
}

.bem-posts__favorite_active .bem-posts__favorite-icon {
  fill: #008DFF;
  stroke: #008DFF;
}

.bem-posts__company, .bem-posts__type {
  font-size: 13px;
  letter-spacing: -0.08px;
  color: #818C9C;
}

.bem-posts__more {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bem-posts__more-link {
  display: block;
  cursor: pointer;
  font-weight: 500;
  color: #818C9C;
}

.bem-posts__subscribe {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 44px;
  padding-top: 36px;
}

.bem-posts__subscribe-person {
  position: absolute;
  top: -28px;
  left: calc(50% - 28px);
}

.bem-posts__subscribe-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #F0F0F0;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 7px 16px 7px 7px !important;
  color: black;
}

.bem-posts__subscribe-btn > :nth-child(n) {
  margin-left: 8px;
}

.bem-posts__subscribe-btn > :first-child {
  margin-left: 0;
}

.bem-posts__subscribe .bem-posts__file-list {
  display: block;
  margin-top: 8px;
}

.bem-posts__subscribe .bem-posts__file-list.bem-posts__file-list_compact {
  position: relative;
}

.bem-posts__subscribe .bem-posts__file-list.bem-posts__file-list_compact > :nth-child(n+2) {
  display: none;
}

.bem-posts__subscribe .bem-posts__file-list.bem-posts__file-list_compact:before, .bem-posts__subscribe .bem-posts__file-list.bem-posts__file-list_compact:after {
  content: '';
  width: calc(100% - 16px);
  height: 8px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #F0F0F0;
  border-top: none;
  position: absolute;
  left: 8px;
  bottom: -8px;
}

.bem-posts__subscribe .bem-posts__file-list.bem-posts__file-list_compact:after {
  width: calc(100% - 32px);
  left: 16px;
  bottom: -16px;
}

.bem-posts__subscribe .bem-posts__file-list.bem-posts__file-list_compact:hover {
  cursor: pointer;
}

.bem-posts__subscribe .bem-posts__file-list.bem-posts__file-list_compact:hover .bem-link {
  color: #008DFF;
}

.bem-posts__subscribe .bem-posts__load-more-link {
  display: block;
}

.bem-posts__subscribe .bem-posts__load-more-link:hover {
  color: #818C9C;
}

.bem-posts__subscribe-item {
  margin-bottom: 16px;
}

.bem-posts__subscribe-item:last-child {
  margin-bottom: 0;
}

.bem-posts__anon-icon {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.bem-posts__anon-icon .icon {
  display: flex;
  width: 24px;
  height: 24px;
  background-image: url("../2020/images/microblog-icon-set-46px.png");
  background-repeat: no-repeat;
  background-size: 235px auto;
  background-position: 0 0;
  background-color: silver;
}

.bem-posts__anon-icon_red {
  stroke: #DC0D0D;
}

.bem-posts__anon-icon_red .icon {
  background-color: #DC0D0D;
}

.bem-posts__anon-icon_black {
  stroke: #000000;
}

.bem-posts__anon-icon_black .icon {
  background-color: #000000;
}

.bem-posts__anon-icon_green {
  stroke: #009F00;
}

.bem-posts__anon-icon_green .icon {
  background-color: #009F00;
}

.bem-posts__anon-icon_blue {
  stroke: #003ED2;
}

.bem-posts__anon-icon_blue .icon {
  background-color: #003ED2;
}

.bem-posts__anon-icon-1 .icon {
  background-position: 0px 0px;
}

.bem-posts__anon-icon-2 .icon {
  background-position: -23px 0px;
}

.bem-posts__anon-icon-3 .icon {
  background-position: -46px 0px;
}

.bem-posts__anon-icon-4 .icon {
  background-position: -69px 0px;
}

.bem-posts__anon-icon-5 .icon {
  background-position: -92px 0px;
}

.bem-posts__anon-icon-6 .icon {
  background-position: -115px 0px;
}

.bem-posts__anon-icon-7 .icon {
  background-position: -138px 0px;
}

.bem-posts__anon-icon-8 .icon {
  background-position: -161px 0px;
}

.bem-posts__anon-icon-9 .icon {
  background-position: -184px 0px;
}

.bem-posts__anon-icon-10 .icon {
  background-position: -207px 0px;
}

.bem-posts__anon-icon-11 .icon {
  background-position: 0px -23px;
}

.bem-posts__anon-icon-12 .icon {
  background-position: -23px -23px;
}

.bem-posts__anon-icon-13 .icon {
  background-position: -46px -23px;
}

.bem-posts__anon-icon-14 .icon {
  background-position: -69px -23px;
}

.bem-posts__anon-icon-15 .icon {
  background-position: -92px -23px;
}

.bem-posts__anon-icon-16 .icon {
  background-position: -115px -23px;
}

.bem-posts__anon-icon-17 .icon {
  background-position: -138px -23px;
}

.bem-posts__anon-icon-18 .icon {
  background-position: -161px -23px;
}

.bem-posts__anon-icon-19 .icon {
  background-position: -184px -23px;
}

.bem-posts__anon-icon-20 .icon {
  background-position: -207px -23px;
}

.bem-posts__anon-icon-21 .icon {
  background-position: 0px -46px;
}

.bem-posts__anon-icon-22 .icon {
  background-position: -23px -46px;
}

.bem-posts__anon-icon-23 .icon {
  background-position: -46px -46px;
}

.bem-posts__anon-icon-24 .icon {
  background-position: -69px -46px;
}

.bem-posts__anon-icon-25 .icon {
  background-position: -92px -46px;
}

.bem-posts__anon-icon-26 .icon {
  background-position: -115px -46px;
}

.bem-posts__anon-icon-27 .icon {
  background-position: -138px -46px;
}

.bem-posts__anon-icon-28 .icon {
  background-position: -161px -46px;
}

.bem-posts__anon-icon-29 .icon {
  background-position: -184px -46px;
}

.bem-posts__anon-icon-30 .icon {
  background-position: -207px -46px;
}

.bem-posts__anon-icon-31 .icon {
  background-position: 0px -69px;
}

.bem-posts__anon-icon-32 .icon {
  background-position: -23px -69px;
}

.bem-posts__anon-icon-33 .icon {
  background-position: -46px -69px;
}

.bem-posts__anon-icon-34 .icon {
  background-position: -69px -69px;
}

.bem-posts__anon-icon-35 .icon {
  background-position: -92px -69px;
}

.bem-posts__anon-icon-36 .icon {
  background-position: -115px -69px;
}

.bem-posts__anon-icon-37 .icon {
  background-position: -138px -69px;
}

.bem-posts__anon-icon-38 .icon {
  background-position: -161px -69px;
}

.bem-posts__anon-icon-39 .icon {
  background-position: -184px -69px;
}

.bem-posts__anon-icon-40 .icon {
  background-position: -207px -69px;
}

.bem-posts__anon-icon-41 .icon {
  background-position: 0px -92px;
}

.bem-posts__anon-icon-42 .icon {
  background-position: -23px -92px;
}

.bem-posts__anon-icon-43 .icon {
  background-position: -46px -92px;
}

.bem-posts__anon-icon-44 .icon {
  background-position: -69px -92px;
}

.bem-posts__anon-icon-45 .icon {
  background-position: -92px -92px;
}

.bem-posts__anon-icon-46 .icon {
  background-position: -115px -92px;
}

.bem-posts__anon-icon-47 .icon {
  background-position: -138px -92px;
}

.bem-posts__anon-icon-48 .icon {
  background-position: -161px -92px;
}

.bem-posts__anon-icon-49 .icon {
  background-position: -184px -92px;
}

.bem-posts__anon-icon-50 .icon {
  background-position: -207px -92px;
}

.bem-posts__images-preview {
  width: 100%;
  display: inline-block;
}

.bem-posts__images-preview img {
  max-height: 500px;
  border: 2px solid #FFFFFF;
  border-radius: 4px;
  object-fit: cover;
}

.bem-posts__player {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.bem-posts__player iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.bem-posts__extra {
  overflow: hidden;
  margin-top: 15px;
  font-size: 12px;
}

.bem-posts__elem {
  float: left;
  margin-right: 6px;
  line-height: 16px;
}

.bem-posts__whois {
  color: #BCBCBC;
}

.bem-posts__sep {
  width: 1px !important;
  height: 16px;
  background: #AAAAAA;
}

.bem-posts__no-comment {
  color: #999999;
}

.bem-posts__ctrl {
  float: right;
  margin-right: 0;
  margin-left: 6px;
}

.bem-posts__ctrl a {
  color: #AAAAAA;
}

.bem-posts__load-more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  margin: 16px auto;
  font-weight: 500;
  border: 1px solid #F0F0F0;
  border-radius: 4px;
  box-sizing: border-box;
}

.bem-posts__load-more .bem-preloader {
  display: none;
}

.bem-posts__load-more.loading .bem-preloader {
  display: block;
}

.bem-posts__load-more.loading .bem-posts__load-more-link {
  display: none;
}

.bem-posts__load-more-link {
  font-weight: 500;
  color: #818C9C;
}

.bem-posts__load-more-link:hover {
  color: #008DFF;
}

.bem-posts__record_reply, .bem-posts .comment {
  position: relative;
}

.bem-posts__record_reply .bem-posts__record_reply, .bem-posts__record_reply.child-comment.bem-posts__record_reply, .bem-posts .comment .bem-posts__record_reply, .bem-posts .comment.child-comment.bem-posts__record_reply {
  margin-top: 12px;
  margin-left: 40px;
  border-top: 1px solid #F0F0F0;
}

.bem-posts__record_reply .bem-posts__text, .bem-posts .comment .bem-posts__text {
  margin-top: 0;
}

.bem-posts__date_bottom {
  font-size: 14px;
  line-height: 20px;
}

.bem-posts__author-only-note {
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-left: 56px;
  color: #000000;
  font-size: 13px;
  letter-spacing: -0.08px;
}

.bem-posts__record_comment {
  border: none;
  border-top: 1px solid #F0F0F0;
  border-radius: 0;
  margin: 16px -16px 0;
}

.bem-posts__record_comment .bem-posts__create-container {
  border: 1px solid #F0F0F0;
  border-radius: 18px;
  margin-left: 8px;
  padding: 0 16px;
}

.bem-posts__record_comment .bem-posts__create-container .bem-posts__input {
  font-size: 14px;
}

.bem-posts__record_comment .bem-posts__create-container .smart-input-form {
  margin-left: 0px;
}

.bem-posts__record_comment .bem-posts__create-container .bem-posts__post-publish {
  font-size: 14px;
  font-weight: 500;
}

.bem-posts__record_comment .bem-posts__create-container_extended {
  padding-bottom: 8px;
}

.bem-posts__record_comment .bem-posts__create-container_extended .smart-input-form .bem-posts__post-publish > :nth-child(n) {
  margin-left: 4px;
}

.bem-posts__record-info_footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
}

.bem-posts__preview_image, .bem-posts__video-preview_image {
  width: 78px;
  height: 78px;
  min-height: 78px;
  min-width: 78px;
  margin-top: 4px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.bem-posts__preview_image img, .bem-posts__video-preview_image img {
  width: 100%;
}

.bem-posts__video-preview_image:after {
  content: '';
  background: url("../2020/images/video-overlay-icon-17.png") no-repeat center center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}

.bem-posts__video-preview_image:hover:after {
  opacity: 1;
}

.bem-posts__video-preview .bem-posts__video-preview_image {
  border-radius: 4px;
}

.bem-posts__create-container_extended .smart-input-form {
  flex-direction: column;
}

.bem-posts__create-container_extended .smart-input-form > :nth-child(n) {
  width: 100%;
}

.bem-posts__create-container_extended .smart-input-form .bem-posts__post-publish {
  display: flex;
  align-items: center;
  padding: 0;
  height: auto;
}

.bem-posts__create-container_extended .smart-input-form .bem-posts__post-publish > :nth-child(n) {
  margin-left: 8px;
}

.bem-posts__create-container_extended .smart-input-form .bem-posts__post-footer {
  margin-top: 16px;
}

.bem-posts__create-container_extended .smart-input-form .bem-posts__file-list {
  display: block;
}

.bem-posts__create-container_extended .smart-input-form .bem-form__textarea {
  margin-right: 0;
}

.bem-posts__bem-dropdown.bem-posts__settings .bem-dropdown__container {
  left: inherit;
  right: 0;
}

.bem-posts__bem-select {
  max-width: 150px;
}

.bem-posts__bem-form_group {
  display: inline-block;
  width: 100%;
}

.bem-posts__bem-form_group > :first-child {
  float: left;
}

.bem-posts__bem-form_group > :last-child {
  float: right;
}

.bem-posts__bem-page_main {
  width: 590px;
  margin: 0 auto;
}

.bem-posts__bem-page_main .bem-tabs {
  margin-bottom: 16px;
}

.bem-posts__bem-page_main .bem-tabs__item:first-child .bem-link {
  padding-left: 0;
}

.bem-posts__bem-modal {
  padding: 4px 8px;
}

.bem-posts__bem-dropdown {
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: -0.08px;
  color: #818C9C;
}

.bem-posts__bem-dropdown .bem-dropdown__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  color: #818C9C;
  cursor: pointer;
  white-space: nowrap;
}

.bem-posts__bem-dropdown .bem-dropdown__link:hover {
  color: #008DFF;
}

.bem-posts__bem-dropdown .bem-dropdown__link:hover .bem-icon-block__svg {
  fill: #008DFF;
}

.bem-posts__bem-dropdown .bem-dropdown__link .bem-icon-block__svg {
  margin-left: 4px;
}

.bem-posts__bem-dropdown .bem-dropdown__link_changed {
  color: #008DFF;
}

.bem-posts__bem-dropdown .bem-dropdown__link_changed .bem-icon-block__svg {
  fill: #008DFF;
}

.bem-posts__bem-dropdown .bem-dropdown__container {
  width: max-content;
  min-width: 220px;
  padding: 8px 16px;
  border: 1px solid #F0F0F0;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06);
  left: -42px;
  right: inherit;
  top: 25px;
}

.bem-posts__bem-dropdown .bem-dropdown__container > :nth-child(n) {
  padding-top: 12px;
  padding-bottom: 12px;
  width: 100%;
}

.bem-posts__bem-dropdown .bem-dropdown__container .bem-form__label-check-radio {
  display: flex;
  align-items: center;
  font-size: 13px;
  letter-spacing: -0.08px;
  color: black;
}

.bem-posts__bem-dropdown .bem-dropdown__container .bem-form__label-check-radio:before {
  display: none;
}

.bem-posts__bem-dropdown .bem-dropdown__container .bem-form__label-check-radio > .bem-icon-block__svg {
  display: none;
}

.bem-posts__bem-dropdown .bem-dropdown__container .bem-form__label-check-radio:hover {
  color: #008DFF;
}

.bem-posts__bem-dropdown .bem-dropdown__container .bem-form__checkbox:checked + .bem-form__label-check-radio, .bem-posts__bem-dropdown .bem-dropdown__container .bem-form__radio:checked + .bem-form__label-check-radio {
  color: #008DFF;
}

.bem-posts__bem-dropdown .bem-dropdown__container .bem-form__checkbox:checked + .bem-form__label-check-radio .bem-icon-block__svg, .bem-posts__bem-dropdown .bem-dropdown__container .bem-form__radio:checked + .bem-form__label-check-radio .bem-icon-block__svg {
  display: block;
}

.bem-posts__bem-dropdown .bem-dropdown__container .bem-form__checkbox:checked + .bem-form__label-check-radio > :nth-child(n), .bem-posts__bem-dropdown .bem-dropdown__container .bem-form__radio:checked + .bem-form__label-check-radio > :nth-child(n) {
  margin-left: 8px;
}

.bem-posts__bem-dropdown .bem-dropdown__container .bem-form__checkbox:checked + .bem-form__label-check-radio > :first-child, .bem-posts__bem-dropdown .bem-dropdown__container .bem-form__radio:checked + .bem-form__label-check-radio > :first-child {
  margin-left: 0;
}

.bem-posts__bem-dropdown .bem-form__input_date {
  height: 0;
  width: 0;
  padding: 0;
  border: none !important;
  float: left;
  visibility: hidden;
}

.bem-posts__date_new {
  color: #008DFF;
}

/* @media-условия .bem-posts */
@media screen and (max-width: 900px) {
  .bem-posts {
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  .bem-posts {
    margin-left: 0;
    order: 2;
  }
  .bem-posts__input {
    font-size: 16px;
  }
  .bem-posts__input:placeholder {
    font-size: 16px;
  }
  .bem-posts__bem-page_main {
    width: auto;
  }
  .bem-posts__bem-dropdown .bem-dropdown__container {
    left: 0;
  }
  .bem-posts__settings-panel {
    padding-bottom: 8px;
  }
  .bem-posts__settings-panel .bem-posts__bem-dropdown .bem-dropdown__link {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 560px) {
  .bem-posts__create-container .bem-posts__files {
    display: none;
  }
  .bem-posts__create-container_extended .bem-posts__files {
    display: flex;
  }
  .bem-posts__author-only-note {
    margin-left: 0;
  }
  .bem-posts__record-info_footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .bem-posts__record-info_footer .bem-posts__reply-btn {
    margin-left: 12px;
  }
}

@media screen and (max-width: 460px) {
  .bem-posts__file-list_docs .bem-posts__file-preview-image {
    display: none;
  }
}

@media screen and (max-width: 375px) {
  .bem-likes__item {
    margin-top: 0;
    font-size: 13px;
    letter-spacing: -0.08px;
  }
  .bem-posts__favorite {
    font-size: 13px;
    letter-spacing: -0.08px;
  }
  .bem-posts__post-footer {
    flex-direction: column;
  }
  .bem-posts__post-publish {
    padding: 8px 0;
  }
}

/*
	Лента постов
*/
.bem-posts-feed {
  width: 100%;
  position: relative;
  min-height: 300px;
  margin-top: 40px;
}

.bem-posts-feed__tabs {
  display: flex;
  flex-direction: column;
}

.bem-posts-feed__tabs_fixed {
  width: 220px;
  position: absolute;
  top: 0;
}

.bem-posts-feed__tabs_fixed_top {
  position: fixed;
  top: 97px;
}

.bem-posts-feed__tab {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #818C9C;
  margin-top: 4px;
}

.bem-posts-feed__tab:first-child {
  margin-top: 0;
}

.bem-posts-feed__tab:hover {
  color: #818C9C;
}

.bem-posts-feed__tab:hover .bem-posts-feed__tab-content {
  background-color: #F7F8FA;
}

.bem-posts-feed__tab.bem-posts-feed__tab_active .bem-posts-feed__tab-content {
  background-color: #F7F8FA;
  color: black;
}

.bem-posts-feed__tab.bem-posts-feed__tab_active .bem-icon-block__svg {
  fill: black;
}

.bem-posts-feed__tab-content {
  display: flex;
  align-items: center;
  padding: 8px 20px 8px 12px;
  border-radius: 20px;
}

.bem-posts-feed__tab-content > :nth-child(n) {
  margin-left: 8px;
}

.bem-posts-feed__tab-content > :first-child {
  margin-left: 0;
}

.bem-posts-feed__tab-content .bem-icon-block__svg {
  fill: #818C9C;
}

.bem-posts-feed__tab-content:hover {
  background-color: #F7F8FA;
}

.bem-posts-feed__tab-counter {
  background-color: #F7F8FA;
  padding: 4px 6px;
  font-size: 13px;
  letter-spacing: -0.08px;
  font-weight: bold;
  border-radius: 4px;
}

.bem-posts-feed__tabs-icon {
  display: none;
}

@media screen and (max-width: 768px) {
  .bem-posts-feed__tabs-icon {
    position: fixed;
    right: 12px;
    top: calc(90vh - 52px);
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06);
    color: black;
    background: white;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    cursor: pointer;
    z-index: 1;
  }
  .bem-posts-feed__tabs {
    display: none;
    position: fixed;
    top: inherit !important;
    bottom: 0;
    left: 0;
    width: 100vw;
    border-radius: 20px 20px 0 0;
    padding: 24px 20px 40px;
    background: white;
    z-index: 11;
  }
  .bem-posts-feed__tab {
    padding-right: 20px;
    border-radius: 20px;
  }
  .bem-posts-feed__tab:hover {
    background-color: #F7F8FA;
  }
  .bem-posts-feed__tab.bem-posts-feed__tab_active {
    background-color: #F7F8FA;
    color: black;
  }
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-preloader, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-preloader {
  display: block;
  height: 16px;
  width: 16px;
  margin: auto;
  -webkit-animation: rotation 1.2s infinite linear;
  -moz-animation: rotation 1.2s infinite linear;
  -o-animation: rotation 1.2s infinite linear;
  animation: rotation 1.2s infinite linear;
  border-left: 2px solid rgba(0, 174, 239, 0.25);
  border-right: 2px solid rgba(0, 174, 239, 0.25);
  border-bottom: 2px solid rgba(0, 174, 239, 0.25);
  border-top: 2px solid #00aeef;
  border-radius: 100%;
  /* bem-preloader: Модификаторы */
}

.bem-preloader__bg {
  background-image: url('data:image/svg+xml;utf8,<svg width="38" height="38" viewBox="-2 -2 38 38" xmlns="http://www.w3.org/2000/svg" stroke="%2300AEEF"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="4"><circle stroke-opacity=".25" cx="16" cy="16" r="16"/><path d="M32 16c0-7.94-6.06-16-16-16"><animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="1s" repeatCount="indefinite"/></path></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50%;
  background-size: 16px 16px;
}

.bem-preloader_left {
  margin-left: 0;
}

.bem-preloader_right {
  margin-right: 0;
}

.bem-preloader_theme_darkblue {
  border-left: 2px solid rgba(0, 174, 239, 0.6);
  border-right: 2px solid rgba(0, 174, 239, 0.6);
  border-bottom: 2px solid rgba(0, 174, 239, 0.6);
  border-top: 2px solid #00aeef;
}

.bem-preloader_theme_red {
  border-left: 2px solid #ffd8d8;
  border-right: 2px solid #ffd8d8;
  border-bottom: 2px solid #ffd8d8;
  border-top: 2px solid #FF6366;
}

.bem-preloader_theme_green {
  border-bottom: 2px solid #b9e7cb;
  border-bottom: 2px solid #b9e7cb;
  border-bottom: 2px solid #b9e7cb;
  border-top: 2px solid #1FCF5F;
}

.bem-preloader_middle {
  height: 24px;
  width: 24px;
}

.bem-preloader_big {
  height: 32px;
  width: 32px;
}

.bem-preloader__bg_middle {
  background-size: 24px 24px;
}

.bem-preloader__bg_darkblue {
  background-image: url('data:image/svg+xml;utf8,<svg width="38" height="38" viewBox="-2 -2 38 38" xmlns="http://www.w3.org/2000/svg" stroke="%23008DFF"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="4"><circle stroke-opacity=".25" cx="16" cy="16" r="16"/><path d="M32 16c0-7.94-6.06-16-16-16"><animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="1s" repeatCount="indefinite"/></path></g></g></svg>') !important;
  background-repeat: no-repeat;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-profile, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-profile {
  width: 100%;
  max-width: 1264px;
  /* bem-profile: Элементы */
  /*
    &__nav {
        overflow: hidden;
        position: relative;
    }
    &__nav-container {
        min-width: 1136px;
    }
    &__nav-item {
        border-bottom: 1px solid #E3E5E8;
        padding: 8px 28px;
        min-width: 100px;
        white-space: nowrap;
        &:last-child {
            flex-grow: 1;
            padding: 0;
            min-width: auto;
        }
        .bem-link {
            color: #818C9C; 
            &:hover {
                color: #333;
            }   
        }
    }
*/
  /* bem-profile: Модификаторы */
  /*
    &__nav_active {
        border-bottom: 2px solid #4F6BFF; 
        .bem-link {
            color: $black; 
        }  
    }
*/
  /* bem-profile: Миксины */
}

.bem-profile h3 {
  margin: 0;
}

.bem-profile .bem-icon-block__nets {
  white-space: nowrap;
  min-height: 24px;
}

.bem-profile .bem-posts {
  width: 100%;
  z-index: 1;
}

.bem-profile .bem-auth_confirmed {
  float: inherit;
  width: 16px;
  height: 16px;
}

.bem-profile .bem-likes__item {
  margin-left: 8px;
}

.bem-profile hr {
  height: 1px;
  width: 100%;
  border-color: #E3E5E8;
}

.bem-profile__all-action-group {
  order: 2;
}

.bem-profile__action-group {
  margin-top: 20px;
  justify-content: flex-end;
  order: 2;
}

.bem-profile__action-group > span {
  line-height: 32px;
  white-space: nowrap;
}

.bem-profile__activity {
  order: 1;
  padding-top: 16px;
}

.bem-profile__activity-link {
  margin-right: 8px;
}

.bem-profile__activity-item_not-verified {
  color: #818C9C;
}

.bem-profile__activity-item {
  margin-top: 8px;
  align-items: center;
}

.bem-profile__activity-item-controls {
  margin-left: 10px;
  white-space: nowrap;
}

.bem-profile__reveal {
  cursor: pointer;
}

.bem-profile__access {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .bem-profile__access {
    text-align: center;
  }
}

.bem-profile__access-message_success {
  color: #5cb75c;
}

.bem-profile__access-message_fail {
  color: #d8544f;
}

.bem-profile__popular-container {
  padding: 16px 0;
  white-space: nowrap;
  min-width: max-content;
}

.bem-profile__popular-container img {
  height: 20px;
  border-radius: 4px;
}

.bem-profile__popular {
  border-bottom: 1px solid #E3E5E8;
  overflow: hidden;
  position: relative;
}

.bem-profile__popular::-webkit-scrollbar {
  height: 0;
}

.bem-profile__popular .bem-page__title {
  font-size: 14px;
  line-height: 20px;
}

.bem-profile__chart canvas {
  float: right;
}

.bem-profile__column > div {
  order: 3;
}

.bem-profile__column .bem-profile_order_0 {
  order: 0;
}

.bem-profile__column .bem-profile_order_1 {
  order: 1;
}

.bem-profile__column .bem-profile_order_2 {
  order: 3;
}

.bem-profile__place {
  margin-top: 4px;
  font-size: 12px;
  color: #818C9C;
}

.bem-profile__stringer-details {
  margin-top: 16px;
}

.bem-profile__stringer-details:first-child {
  margin-top: 0;
}

.bem-profile__stringer-title {
  font-weight: bold;
}

.bem-profile__stringer-specs {
  margin-top: 4px;
}

.bem-profile__cover {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 24px;
}

.bem-profile__bem-icon-block {
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}

.bem-profile__bem-icon-block .bem-mark__rating {
  background: #F7F8FA;
  border: 2px solid #FFFFFF;
  border-radius: 14px;
  justify-content: center;
  height: 28px;
  width: 55px;
  position: absolute;
  top: 6px;
  left: -10px;
}

.bem-profile__bem-icon-block .bem-mark__rating span {
  font-weight: bold;
}

.bem-profile__bem-icon-block i {
  line-height: inherit;
}

.bem-profile__bem-circle-block {
  width: 132px;
  height: 132px;
  min-width: 132px;
  min-height: 132px;
  object-fit: cover;
}

/* @media-условия .bem-profile */
@media screen and (max-width: 1200px) {
  .bem-profile__popular {
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .bem-profile__popular::-webkit-scrollbar {
    height: 0;
  }
}

@media screen and (max-width: 1140px) {
  .bem-profile__bem-icon-block .bem-page__break {
    flex-direction: row;
  }
  .bem-profile .bem-page__break {
    flex-direction: column;
  }
  .bem-profile_analytics {
    flex-direction: column;
  }
}

@media screen and (max-width: 900px) {
  .bem-profile__chart {
    display: none;
  }
  .bem-profile__action-group {
    flex-direction: column;
    align-items: flex-end;
    margin-top: 45px;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .bem-profile__multicolumns {
    flex-direction: column;
    margin-right: 0;
  }
  .bem-profile__multicolumns:first-child {
    margin-right: 0;
  }
  .bem-profile .bem-page__break {
    flex-direction: row;
  }
  .bem-profile__bem-icon-block.bem-page_margin_top {
    margin-top: 16px;
  }
  .bem-profile__bem-circle-block {
    margin: 8px auto 0px !important;
  }
  img.bem-profile__bem-circle-block {
    margin: 0 !important;
  }
  .bem-profile__bem-icon-block .bem-page__row {
    justify-content: center;
  }
  .bem-profile__bem-icon-block .bem-mark__rating {
    top: 0;
    left: 0;
  }
  .bem-profile__bem-icon-block .place-link {
    text-align: center;
  }
  .bem-profile__activity {
    border-bottom: 1px solid #E3E5E8;
    border-top: 1px solid #E3E5E8;
    margin: 24px -24px 0;
    position: relative;
    padding: 16px 24px 24px;
  }
  .bem-profile__activity .bem-page__row {
    justify-content: flex-start;
  }
  .bem-profile__activity-link {
    font-size: 16px;
    line-height: 24px;
  }
  .bem-profile__reveal {
    position: absolute;
    bottom: -8px;
    left: calc(50% - 16px);
  }
  /*
    .bem-profile__nav {
        width: calc(100% + 48px);
        margin-left: -24px;
        margin-right: -24px;
    }
*/
  .bem-profile__filter > :nth-child(n+4) {
    display: none;
  }
  .bem-profile__all-action-group {
    order: 0;
  }
  .bem-profile__action-group {
    margin-top: 16px;
    order: 0;
    align-items: center;
    justify-content: center;
  }
  .bem-profile__cover {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .bem-profile__place {
    text-align: center;
  }
}

@media screen and (max-width: 660px) {
  .bem-profile__filter {
    flex-direction: column;
  }
  .bem-profile__filter > :nth-child(n) {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 590px) {
  .bem-profile .bem-page__break {
    flex-direction: column;
  }
  .bem-profile__bem-icon-block__nets {
    flex-direction: column;
  }
  .bem-profile__bem-icon-block__nets .bem-icon-block__nets {
    margin-bottom: 8px;
  }
  .bem-phone__opinion {
    margin-top: 10px;
  }
  /*
    .bem-profile__nav {
        overflow-x: scroll;
        scrollbar-width: none;
        &:-webkit-scrollbar {
            width: 0;
        }
    }
    .bem-profile__nav-container {
        min-width: 600px;
    }
*/
}

@media screen and (max-width: 390px) {
  .bem-page__block__header .bem-page_font_gray {
    display: none;
  }
}

@media screen and (max-width: 320px) {
  .bem-profile__activity {
    margin: 24px -16px 0;
    padding: 6px 16px 24px;
  }
  /*
    .bem-profile__nav {
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px;
    }
*/
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-profile-basic-info, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-profile-basic-info {
  border: 1px solid #E3E5E8;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 8px;
  background: #fff;
  /* bem-profile: Элементы */
  /* bem-profile: Модификаторы */
  /* bem-profile: Миксины */
}

.bem-profile-basic-info__bem-button {
  max-width: 100%;
  width: 100%;
}

.bem-profile-basic-info__bem-info-block {
  display: inline-block;
}

.bem-profile-basic-info__bem-info-block img {
  width: auto;
  height: 20px;
}

.bem-profile-basic-info__bem-info-block a:hover span {
  color: #0063b3;
}

.bem-profile-basic-info__bem-info-block .bem-profile__bem-icon-block {
  float: left;
  margin-right: 16px;
  margin-bottom: 12px;
  min-height: 20px;
}

.bem-profile-basic-info__bem-page__block .bem-page__block__header {
  border: none;
}

.bem-profile-basic-info__bem-page__block .bem-page__block__content {
  padding: 0;
}

.bem-profile-basic-info__bem-page__block hr {
  border-color: #E3E5E8;
  width: calc(100% + 32px);
  margin: 0 -16px;
}

/* @media-условия .bem-profile-basic-info */
@media screen and (max-width: 768px) {
  .bem-profile-basic-info {
    padding: 0;
  }
  .bem-profile-basic-info__bem-circle-block {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
  }
  .bem-profile-basic-info__bem-button {
    width: min-content;
    font-size: 12px;
  }
}

.bem-rating-log__row-date {
  margin-left: 16px;
}

.bem-rating-log__row-action {
  margin-left: 10px;
}

.bem-rating-log .bem-icon-block {
  align-items: flex-start;
}

.bem-rating-log__bem-mark {
  position: relative;
  margin-right: 0 !important;
  padding-right: 24px;
}

.bem-rating-log__mark {
  top: -8px;
  left: 45%;
}

.bem-rating-log__mark_pos_right {
  left: inherit;
  right: 0;
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-remove-phone, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-remove-phone {
  width: 583px;
  padding: 24px 40px;
  margin-top: 40px;
  margin-bottom: 32px;
  border: 1px solid #E3E5E8;
  border-radius: 8px;
}

.bem-remove-phone .bem-page__subtitle {
  margin-top: 12px;
  margin-bottom: 12px;
  color: black;
}

.bem-remove-phone .bem-page_hr_hor {
  width: calc(100% + 80px);
  margin-left: -40px;
  margin-right: -40px;
}

.bem-remove-phone .bem-form .errors {
  margin: 10px 0;
  text-align: center;
}

.bem-remove-phone .bem-form .flag {
  top: calc(50% + 10px);
}

.bem-remove-phone__detail {
  display: flex;
  flex-direction: column;
  padding: 16px 24px 16px 40px;
  background-color: #F7F8FA;
  border-radius: 8px;
  list-style-type: decimal;
}

.bem-remove-phone__detail li {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}

.bem-remove-phone__detail li:last-child {
  margin: 0;
}

.bem-remove-phone__form {
  width: 340px;
  margin: 16px auto 0;
}

.bem-remove-phone__form > :nth-child(n) {
  margin-bottom: 12px;
}

.bem-remove-phone__form > :last-child {
  margin-bottom: 0;
}

.bem-remove-phone__code {
  width: 100%;
  align-items: center;
}

.bem-remove-phone__code .bem-page__note {
  margin-top: 12px;
  text-align: center;
}

.bem-remove-phone__submit {
  width: 100%;
  text-align: center;
}

.bem-remove-phone__confirm {
  width: 100%;
  align-items: center;
}

.bem-remove-phone__confirm .bem-remove-phone__link {
  margin-top: 12px;
}

.bem-remove-phone__confirm .bem-button {
  width: 100%;
}

.bem-remove-phone__complete {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding: 40px 0;
}

.bem-remove-phone__complete h2 {
  margin-top: 24px;
}

@media screen and (max-width: 768px) {
  .bem-remove-phone {
    border: none;
  }
  .bem-remove-phone__complete img {
    width: 120px;
    height: 120px;
  }
  .bem-remove-phone__complete h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .bem-remove-phone .bem-form .flag {
    top: 50%;
  }
}

@media screen and (max-width: 590px) {
  .bem-remove-phone {
    width: 100%;
    padding: 0;
  }
  .bem-remove-phone h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .bem-remove-phone .bem-page__subtitle {
    font-size: 14px;
    line-height: 20px;
    color: #818C9C;
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .bem-remove-phone__note {
    display: none;
  }
  .bem-remove-phone__detail {
    padding: 12px 16px 12px 32px;
  }
  .bem-remove-phone__detail li {
    font-size: 14px;
    line-height: 20px;
  }
}

@media screen and (max-width: 380px) {
  .bem-remove-phone__form {
    width: 100%;
  }
  .bem-remove-phone__form .bem-button {
    width: 100% !important;
  }
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-search, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-search {
  width: 640px;
  position: relative;
  /* bem-search: Элементы */
  /* bem-search: Модификаторы */
  /* bem-search: Миксины */
}

.bem-search__form {
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #008DFF;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bem-search__input {
  flex-grow: 1;
  border: 1px solid rgba(255, 255, 255, 0);
  font-size: 15px;
  line-height: 1.4;
  color: #333333;
  margin: 0px 16px;
}

.bem-search__select, .bem-search__select.bem-user-select {
  border: none;
  height: 100%;
  color: #818C9C;
}

.bem-search__select .bem-user-select__gap, .bem-search__select.bem-user-select .bem-user-select__gap {
  font-size: 15px;
  line-height: 24px;
  padding-right: 29px;
  color: #818C9C;
}

.bem-search__select .bem-user-select__list, .bem-search__select.bem-user-select .bem-user-select__list {
  right: -70px;
  width: 220px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06);
  border: 1px solid #F0F0F0;
  margin-top: 7px;
  border-radius: 4px;
  padding: 8px 0;
}

.bem-search__select .bem-user-select__item:hover, .bem-search__select.bem-user-select .bem-user-select__item:hover {
  background: #F7F8FA;
}

.bem-search__select .bem-user-select__item span, .bem-search__select.bem-user-select .bem-user-select__item span {
  font-size: 14px;
  padding: 8px 16px;
}

.bem-search__select .bem-user-select__item span:hover, .bem-search__select.bem-user-select .bem-user-select__item span:hover {
  color: #467797;
}

.bem-search__history {
  width: 100%;
  position: absolute;
  background: white;
  border-radius: 4px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06);
  top: 48px;
  display: none;
  z-index: 2;
  overflow: hidden;
}

.bem-search__history-caption {
  display: flex;
  justify-content: space-between;
  margin: 0 16px;
  border-bottom: 1px solid #F0F0F0;
  height: 55px;
  align-items: center;
  text-align: left;
}

.bem-search__history-caption span {
  font-weight: 500;
}

.bem-search__history-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-height: 40vh;
  overflow: auto;
}

.bem-search__history-list .bem-search__bem-icon-block {
  padding: 14px 16px;
}

.bem-search__history-list .bem-search__bem-icon-block:hover {
  background: #F7F8FA !important;
}

.bem-search__history-list .bem-search__bem-icon-block.selected:not(.only) {
  background: #F7F8FA;
}

.bem-search__history-list .bem-search__bem-icon-block span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bem-search__history-list .bem-search__bem-icon-block .highlight {
  text-decoration: underline;
}

.bem-search__history-footer {
  display: flex;
  justify-content: space-between;
  margin: 0 16px 8px;
  padding: 8px 0;
  border-top: 1px solid #E3E5E8;
  text-align: left;
  overflow: hidden;
}

.bem-search__icon {
  position: absolute;
  right: 8px;
  top: 8px;
}

.bem-search__loading {
  position: absolute;
  right: 8px;
  top: 4px;
  width: 40px;
}

.bem-search__label {
  white-space: nowrap;
  padding: 0 10px;
  max-width: 200px;
  height: 20px;
  line-height: 20px;
  position: relative;
  text-align: center;
}

.bem-search__close {
  position: absolute;
  top: calc(50% - 10px);
  left: 0px;
  color: #818C9C;
  font-size: 16px;
  z-index: 1;
}

.bem-search_show {
  display: block;
}

.bem-search__label_left {
  right: 100%;
}

.bem-search__label_right {
  right: 0;
}

.bem-search__label_top {
  top: 0;
}

.bem-search__label_ad {
  background-color: #F7F8FA;
  font-size: 10px;
  color: #818C9C;
}

.bem-search__label_ad::after {
  content: '';
  position: absolute;
  /* Абсолютное позиционирование */
  right: -5px;
  bottom: calc(50% - 10px);
  /* Положение треугольника */
  border: 10px solid #F7F8FA;
  border-left: 5px solid #F7F8FA;
  border-right: 5px solid transparent;
}

.bem-search__label_user {
  margin-left: 10px;
  background-color: #008DFF;
  font-size: 10px;
  color: #FFF;
}

.bem-search__label_user::after {
  content: '';
  position: absolute;
  /* Абсолютное позиционирование */
  right: -10px;
  bottom: calc(50% - 10px);
  /* Положение треугольника */
  border: 10px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid #008DFF;
}

.bem-search__label_text {
  max-width: 100%;
  overflow: hidden;
}

.bem-search__label_blue {
  background-color: #008DFF;
  color: white;
}

.bem-search__label_blue.bem-search__label_user::after {
  border-left-color: #008DFF;
}

.bem-search__label_blue.bem-search__label_ad::after {
  border-left-color: #008DFF;
  border-top-color: #008DFF;
  border-bottom-color: #008DFF;
}

.bem-search__label_green {
  background-color: #1FCF5F;
  color: white;
}

.bem-search__label_green.bem-search__label_user::after {
  border-left-color: #1FCF5F;
}

.bem-search__label_green.bem-search__label_ad::after {
  border-left-color: #1FCF5F;
  border-top-color: #1FCF5F;
  border-bottom-color: #1FCF5F;
}

.bem-search__label_gray {
  background-color: #F7F8FA;
  color: #818C9C;
}

.bem-search__label_gray.bem-search__label_user::after {
  border-left-color: #F7F8FA;
}

.bem-search__label_gray.bem-search__label_ad::after {
  border-left-color: #F7F8FA;
  border-top-color: #F7F8FA;
  border-bottom-color: #F7F8FA;
}

.bem-search__history-list-item_text {
  margin-left: 12px;
}

.bem-search__history-list-item_text_title {
  font-size: 15px;
  font-weight: 500;
}

.bem-search__bem-button {
  width: 100px;
  border-radius: 0;
  height: 100%;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
}

.bem-search__bem-button:hover {
  background: #007CE0;
  opacity: 1;
}

.bem-search__bem-icon-block {
  justify-content: flex-start;
  text-align: left;
}

.bem-search__bem-icon-block .bem-page__column {
  width: 90%;
}

.bem-search__bem-loading {
  left: inherit;
  right: 8px;
  top: 10px;
}

/* bem-search: @media условия */
@media screen and (max-width: 768px) {
  .bem-search .bem-user-select {
    display: none;
  }
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-select, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid #F0F0F0;
  box-sizing: border-box;
  border-radius: 5px;
  height: 40px;
  font-size: 15px;
  padding: 0px 32px 0px 8px;
  background: #fff url("../2020/images/down.svg") no-repeat calc(100% - 9px) center;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none !important;
  outline: none;
  user-select: none;
  /* bem-select: Модификаторы */
  /* bem-user-select: Миксины */
}

.bem-select:active, .bem-select:focus, .bem-select option:active, .bem-select option:focus {
  outline: none;
  user-select: none;
}

.bem-select:hover:not(:disabled) {
  border: 1px solid #dadada;
}

.bem-select:focus:not(:disabled) {
  border: 1px solid #529DE5;
}

.bem-select option {
  line-height: 22px;
  background: #fff;
  border: none;
  outline: none;
  user-select: none;
}

.bem-select_big {
  height: 50px;
  font-size: 16px;
}

.bem-select_compact {
  height: 32px;
  font-size: 15px;
}

.bem-select_small {
  height: 24px;
  font-size: 12px;
}

.bem-select__bem-page_search {
  border: none !important;
  color: #818C9C;
  text-align: right;
  cursor: pointer;
  padding-bottom: 4px;
  height: 34px;
}

.bem-select__bem-page_search:hover {
  border: none !important;
  color: #0063b3;
}

.bem-select__bem-page_search:focus {
  border: none;
}

.bem-select__bem-page_search option {
  color: #818C9C;
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-sidebar, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-sidebar {
  /* bem-sidebar:  Миксины */
}

.bem-sidebar_right {
  width: 280px;
}

.bem-sidebar_left {
  width: 220px;
}

.bem-sidebar .bem-info-block__title {
  margin-bottom: 16px;
}

.bem-sidebar__bem-page__search {
  min-width: 412px;
  width: 412px;
  max-width: 50vw;
}

@media screen and (max-width: 768px) {
  .bem-sidebar.bem-sidebar_right, .bem-sidebar.bem-sidebar_left {
    order: 1;
    width: auto;
  }
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-social, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-social {
  position: relative;
  display: flex;
  flex-direction: row;
  /* bem-social: Элементы */
  /* bem-edit: Модификаторы */
  /* bem-edit: Миксины */
}

.bem-social__icon {
  width: 24px;
  height: 24px;
  background: url("../2020/images/social-icons.png") no-repeat 0 0;
  position: absolute;
  top: calc(50% - 12px);
  left: 8px;
}

.bem-social__icon.instagram {
  background-position: -24px 0;
}

.bem-social__icon.facebook {
  background-position: -48px 0;
}

.bem-social__icon.goo {
  background-position: -72px 0;
}

.bem-social__icon.linkedin {
  background-position: -96px 0;
}

.bem-social__icon.reddit {
  background-position: -120px 0;
}

.bem-social__icon.snapchat {
  background-position: -144px 0;
}

.bem-social__icon.telegram {
  background-position: -168px 0;
}

.bem-social__icon.twitch {
  background-position: -192px 0;
}

.bem-social__icon.twitter {
  background-position: -216px 0;
}

.bem-social__icon.vk {
  background-position: -240px 0;
}

.bem-social__icon.wiki {
  background-position: -264px 0;
}

.bem-social__icon.livejournal {
  background-position: -288px 0;
}

.bem-social__icon.odnoklassniki {
  background-position: -312px 0;
}

.bem-social__icon.skype {
  background-position: -336px 0;
}

.bem-social__icon.periscope {
  background-position: -360px 0;
}

.bem-social__icon.soundcloud {
  background-position: -384px 0;
}

.bem-social__icon.website {
  background-position: -408px 0;
}

.bem-social__icon.imdb {
  background-position: -432px 0;
}

.bem-social__icon.mail {
  background-position: -456px 0;
}

.bem-social__icon.youtube {
  background-position: -480px 0;
}

.bem-social__input {
  border-radius: 4px 0 0 4px;
  border-right-width: 0px;
  padding-left: 40px;
  margin-right: -1px;
}

.bem-social__input:focus {
  margin-right: 0;
}

.bem-social__select {
  border-radius: 0px 4px 4px 0px;
}

.bem-social__name {
  padding-left: 32px;
}

.bem-social__bem-icontacts {
  position: absolute;
  top: 4px;
  left: 8px;
}

/* @media-условия .bem-social */
@media screen and (max-width: 460px) {
  .bem-social {
    flex-direction: column;
  }
  .bem-social__input {
    border-radius: 4px;
    border-right-width: 1px;
    margin-bottom: 8px;
  }
  .bem-social__select {
    border-radius: 4px;
  }
}

.bem-status-manual-selector {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 10px;
  padding: 0;
  background: #EAEAEA;
  border-radius: 3px 3px 0px 0px;
  opacity: 0.9;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.bem-status-manual-selector__button {
  display: block;
  float: left;
  min-height: 16px;
  padding: 4px 10px;
  font-size: 11px;
  line-height: 16px;
  cursor: pointer;
  opacity: 0.6;
}

.bem-status-manual-selector__button:hover {
  opacity: 1;
}

.bem-status-manual-selector__label {
  padding-left: 5px;
}

.bem-status-manual-selector__selector {
  display: none;
  float: left;
  margin: 0;
  padding: 4px 10px 4px 0;
}

.bem-status-manual-selector__selector select {
  padding: 1px 3px 2px;
  font-size: 11px;
  line-height: 11px;
}

.bem-status-manual-selector.selected .bem-status-manual-selector__label {
  display: none;
}

.bem-status-manual-selector.selected .bem-status-manual-selector__selector {
  display: block;
}

@media screen and (max-width: 960px) {
  .bem-status-manual-selector__label {
    display: none;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-table, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-table {
  width: 100%;
  margin: auto;
  border-collapse: collapse;
  /* bem-table: Элементы */
  /* bem-table: Модификаторы */
  /* bem-table: Миксины */
}

.bem-table__param-label {
  text-align: left !important;
  font-size: 13px;
}

.bem-table__field-value {
  width: 18%;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
}

.bem-table td, .bem-table th {
  padding: 6px;
  border-left: 1px solid #E3E5E8;
  border-right: 1px solid #E3E5E8;
  vertical-align: middle;
  position: relative;
}

.bem-table_vtop {
  vertical-align: top;
}

.bem-table_vtop th, .bem-table_vtop td {
  vertical-align: top;
}

.bem-table__names-tr th {
  padding: 16px;
  line-height: 100%;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  height: 100%;
  vertical-align: top;
}

.bem-table__el_active {
  border: 1px solid #008DFF !important;
}

.bem-table__el_active_lr {
  border-left: 1px solid #008DFF !important;
  border-right: 1px solid #008DFF !important;
}

.bem-table__el_active_tb {
  border-top: 1px solid #008DFF !important;
  border-bottom: 1px solid #008DFF !important;
}

.bem-table__el_active_left {
  border-left: 1px solid #008DFF !important;
}

.bem-table__el_active_right {
  border-right: 1px solid #008DFF !important;
}

.bem-table__el_active_top {
  border-top: 1px solid #008DFF !important;
}

.bem-table__el_active_bottom {
  border-bottom: 1px solid #008DFF !important;
}

.bem-table tbody tr:nth-child(2n) {
  background-color: #F7F8FA;
}

.bem-table tr td:last-child, .bem-table tr th:last-child {
  border-right: 0;
}

.bem-table tr td:first-child, .bem-table tr th:first-child {
  border-left: 0;
}

.bem-table__label {
  position: absolute;
  top: -6px;
  right: -24px;
  background: #008DFF;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  width: 74px;
  height: 37px;
  padding-bottom: 3px;
  transform: rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.bem-table tr.bem-page_desktop {
  display: table-row;
}

.bem-table_wrap, .bem-table_wrap th {
  white-space: normal;
}

.bem-table_border {
  margin-top: 32px;
  margin-bottom: 32px;
}

.bem-table_border tr {
  height: 40px;
  min-height: 40px;
}

.bem-table_border tr td:last-child, .bem-table_border tr th:last-child {
  border-right: 1px solid #E3E5E8;
}

.bem-table_border tr td:first-child, .bem-table_border tr th:first-child {
  border-left: 1px solid #E3E5E8;
}

.bem-table_border td, .bem-table_border th {
  border-top: 1px solid #E3E5E8;
  border-bottom: 1px solid #E3E5E8;
}

.bem-table_padding_left_x24 {
  padding-left: 24px !important;
}

.bem-table_overflow {
  max-height: 25px;
  overflow: hidden;
}

.bem-table_plan-message {
  margin-top: 8px;
  font-size: 14px;
}

.bem-table_plan-message:first-child {
  margin-top: 0;
}

.bem-table_plan-message.success {
  color: #5cb75c;
}

.bem-table_plan-message.fail {
  color: #d8544f;
}

.bem-table_theme_white tbody tr:nth-child(2n) {
  background-color: #FFFFFF;
}

.bem-table_theme_white td, .bem-table_theme_white th {
  border-bottom: 1px solid #E3E5E8;
}

.bem-table_theme_white tr:last-child td, .bem-table_theme_white tr:last-child th {
  border-bottom: none;
}

.bem-table__input-note {
  margin-top: 16px;
  font-size: 0.9em;
  color: #666666;
}

@media screen and (max-width: 768px) {
  .bem-table__input-note {
    margin-top: 0;
  }
}

.bem-table__bem-info-block__whitebox {
  padding: 0;
  margin-top: 32px;
  border-color: #E3E5E8;
  box-shadow: none;
}

.bem-table__bem-icon-block__svg {
  margin: auto;
  display: block;
}

.bem-table__bem-button {
  width: 100%;
  max-width: 160px;
}

/* @media-условия */
@media screen and (max-width: 1060px) {
  .bem-table .bem-page_font-size_big {
    font-size: 18px;
  }
  .bem-table h2 {
    font-size: 28px;
  }
}

@media screen and (max-width: 1000px) {
  .bem-table .bem-page_font-size_big {
    font-size: 16px;
  }
  .bem-table .bem-page_font-size_mid {
    font-size: 14px;
  }
  .bem-table .bem-page_font-size_bigger {
    font-size: 22px;
  }
  .bem-table h2 {
    font-size: 26px;
  }
}

@media screen and (max-width: 820px) {
  .bem-table .bem-page_font-size_big {
    font-size: 14px;
  }
  .bem-table .bem-page_font-size_mid {
    font-size: 13px;
  }
  .bem-table .bem-page_font-size_bigger {
    font-size: 22px;
  }
  .bem-table h2 {
    font-size: 22px;
  }
}

@media screen and (max-width: 768px) {
  .bem-table_border tr td:last-child, .bem-table_border tr th:last-child {
    border-right: none;
  }
  .bem-table_border tr td:first-child, .bem-table_border tr th:first-child {
    border-left: none;
  }
  .bem-table_border td, .bem-table_border th {
    border: none;
  }
  .bem-table td, .bem-table th {
    font-size: 12px;
    line-height: 14px;
  }
  .bem-table__bem-page_mobile .bem-table__field-value {
    width: 16%;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-tabs, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-tabs {
  position: relative;
  overflow: visible;
  overflow-x: scroll;
  display: flex;
  width: 100%;
  scrollbar-width: none;
  /* bem-tabs: Элементы */
  /* bem-tabs: Модификаторы */
  /* bem-tabs: Миксины */
}

.bem-tabs::-webkit-scrollbar {
  height: 0px;
}

.bem-tabs__item {
  min-width: max-content;
  white-space: nowrap;
  display: inherit;
  border-bottom: 1px solid #E3E5E8;
}

.bem-tabs__item .bem-link {
  color: #818C9C;
  padding: 8px 28px;
}

.bem-tabs__item .bem-link:hover {
  color: #333;
}

.bem-tabs__item:last-child {
  flex-grow: 1;
  min-width: auto;
  text-align: left;
}

.bem-tabs__counter {
  position: relative;
  top: -6px;
  margin-left: 8px;
  color: black;
  font-size: 12px;
  white-space: nowrap;
}

.bem-tabs__counter_alert {
  color: #BE0000;
}

.bem-tabs__counter.empty {
  display: none;
}

.bem-tabs__item_active .bem-link {
  color: black;
  border-bottom: 2px solid #4F6BFF;
  margin-bottom: -1px;
}

.bem-tabs_compact .bem-tabs__item .bem-link {
  padding: 5px 15px;
  font-size: 12px;
}

.bem-tabs__bem-search {
  width: 100%;
  align-items: flex-end;
}

/* bem-tabs: @media-условия */
@media screen and (max-width: 768px) {
  .bem-tabs {
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-right: -24px;
  }
}

@media screen and (max-width: 320px) {
  .bem-tabs {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-tags, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-tags {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* bem-tags: Элементы */
}

.bem-tags__item {
  color: #818C9C;
  display: flex;
  flex-direction: row;
  margin-bottom: 4px;
  margin-right: 4px;
}

.bem-tags__item_text {
  background-color: #F7F8FA;
  border-radius: 4px;
  font-size: 12px;
  line-height: 14px;
  padding: 5px 8px;
  color: #000;
  white-space: nowrap;
}

.bem-tags__item_text:hover {
  opacity: 0.8;
}

.bem-tags__item_promotag .bem-tags__item_text {
  background-color: #E4F0FA;
}

.bem-tags__item_text_mod {
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #D6D7D9;
}

.bem-tags__item_text_mod:hover {
  color: #818C9C;
  opacity: 0.8;
}

.bem-tags__item_text_blue {
  color: #008DFF;
}

.bem-tags__item_text_blue:hover {
  color: #818C9C;
}

.bem-tags__item_big .bem-tags__item_text {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 8px;
}

.bem-tags__item_count {
  background-color: #F7F8FA;
  border-radius: 0 4px 4px 0;
  font-size: 10px;
  line-height: 12px;
  padding: 6px 8px;
  color: #818C9C;
}

.bem-tags__item_count:hover {
  color: #818C9C;
  opacity: 0.8;
}

.bem-tags__theme_white .bem-tags__item_text {
  background-color: #FFFFFF;
  border: 1px solid #008DFF;
  color: #008DFF;
  box-sizing: border-box;
}

/*** tagEditor ***/
.tag-editor {
  outline: none;
  margin: 0 !important;
  list-style-type: none;
  overflow: hidden;
  cursor: text;
  line-height: 100%;
  min-height: 40px;
  border: 1px solid #F0F0F0;
  box-sizing: border-box;
  border-radius: 5px;
  background: white;
  font-size: 14px;
  padding: 3px 8px 3px 4px;
  color: #333333;
  width: 100%;
  min-width: 160px;
}

.tag-editor.focus {
  border-color: #529DE5;
}

.tag-editor.loading {
  background-image: url('data:image/svg+xml;utf8,<svg width="38" height="38" viewBox="-2 -2 38 38" xmlns="http://www.w3.org/2000/svg" stroke="%2300AEEF"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="4"><circle stroke-opacity=".25" cx="16" cy="16" r="16"/><path d="M32 16c0-7.94-6.06-16-16-16"><animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="1s" repeatCount="indefinite"/></path></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50%;
  background-size: 16px 16px;
}

.tags-input.compact .tag-editor {
  padding: 0 8px 0 4px;
  min-height: 32px;
  font-size: 12px;
}

.tags-input.with-list .tag-editor {
  padding-right: 40px;
}

.tags-input.with-list .tag-editor.loading {
  background-position: calc(100% - 40px) 50%;
}

/* core styles usually need no change */
.tag-editor li {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  float: left;
  overflow: hidden;
  height: 100%;
  min-height: 100%;
  line-height: 100%;
  user-select: none;
}

.tag-editor div {
  display: flex;
  box-sizing: border-box;
  height: 24px;
  min-height: 24px;
  line-height: 24px;
  margin: 3px 0;
}

.tags-input textarea {
  display: none;
}

.tag-editor .placeholder {
  padding: 0 8px;
  color: #818C9C;
  font-size: 16px;
}

.tags-input.compact .tag-editor .placeholder {
  font-size: 14px;
}

.tag-editor .tag-editor-spacer {
  padding: 0;
  width: 8px;
  overflow: hidden;
  color: transparent;
  background: none;
}

.tags-input.compact .tag-editor .tag-editor-spacer {
  width: 4px;
}

.tag-editor input {
  vertical-align: inherit;
  border: 0;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: text;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit;
  box-shadow: none;
  background: none;
  color: #444;
}

/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src {
  position: absolute !important;
  left: -99999px;
}

/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear {
  display: none;
}

/* tag style */
.tag-editor .tag-editor-tag {
  padding-left: 8px;
  color: black;
  background: #F7F8FA;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px 0 0 4px;
  user-select: none;
}

.tag-editor-dropdown .tag-editor-tag {
  cursor: default;
}

.tag-editor .tag-editor-tag:hover {
  color: #276296;
}

.tag-editor li.not-exist .tag-editor-tag {
  background-color: #D9EFD6;
}

.tag-editor li.not-exist .tag-editor-delete {
  background-color: #D9EFD6;
}

.tag-editor li.disabled .tag-editor-tag {
  background-color: #F2F2F2;
  color: #9F9F9F;
}

.tag-editor li.disabled .tag-editor-delete {
  background-color: #F2F2F2;
}

/* delete icon */
.tag-editor .tag-editor-delete {
  background: #F7F8FA;
  cursor: pointer;
  border-radius: 0 4px 4px 0;
  padding-left: 4px;
  padding-right: 4px;
}

.tag-editor .tag-editor-delete i {
  display: inline-block;
}

.tag-editor .tag-editor-delete i:before {
  font-size: 18px;
  color: gray;
  content: "×";
  font-style: normal;
}

.tags-input.compact .tag-editor .tag-editor-delete i:before {
  font-size: 16px;
}

.tag-editor .tag-editor-delete:hover i:before {
  color: #D65454;
}

.tag-editor .tag-editor-tag.active + .tag-editor-delete, .tag-editor .tag-editor-tag.active + .tag-editor-delete i {
  visibility: hidden;
  cursor: text;
}

.tag-editor .tag-editor-tag.active {
  background: none !important;
}

.tags-input-popup-dialog-open {
  box-sizing: border-box;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 6px;
  right: 2px;
  z-index: 1;
  text-align: center;
  font-size: 16px;
  border: 1px solid transparent !important;
  line-height: 26px;
  cursor: pointer;
}

.tags-input.compact .tags-input-popup-dialog-open,
.tags-input-popup-dialog-open.compact {
  top: 3px;
  right: 2px;
}

.tag-editor-dropdown {
  position: relative;
}

/*** /tagEditor ***/
.bem-text p {
  margin-top: 12px;
}

.bem-text p:first-child {
  margin-top: 0;
}

.bem-text ul li {
  list-style-type: disc;
  list-style-position: inside;
  margin-top: 5px;
}

.bem-text ul li:first-child {
  margin-top: 0;
}

/*
     В этом файле должны быть стили для БЭМ-блока .bem-user-message, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-user-message {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  border: 1px solid #E5E5E8;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 12px;
}

.bem-user-message:first-child {
  margin-top: 0;
}

.bem-user-message > :nth-child(n) {
  margin-top: 12px;
}

.bem-user-message > :first-child {
  margin-top: 0;
}

.bem-user-message__info {
  padding-bottom: 12px;
  border-bottom: 1px solid #E3E5E8;
}

.bem-user-message__subject {
  font-weight: bold;
}

.bem-user-message__name {
  font-weight: bold;
}

.bem-user-message__bottom {
  display: flex;
  flex-direction: row;
  margin-top: 16px;
  padding-top: 8px;
  border-top: 1px solid #E5E5E8;
  font-size: 12px;
  line-height: 14px;
}

.bem-user-message__bottom > :nth-child(n) {
  margin-left: 8px;
}

.bem-user-message__bottom > :first-child {
  margin-left: 0;
}

.bem-user-message__data .bem-attachments, .bem-user-message__data .bem-attachments__output {
  margin-top: 16px;
}

.bem-user-message__data .bem-attachments:first-child, .bem-user-message__data .bem-attachments__output:first-child {
  margin-top: 0;
}

.bem-user-message_chat {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 0;
  padding: 0;
}

.bem-user-message_chat:first-child {
  margin-top: 16px;
}

.bem-user-message_chat > :nth-child(n) {
  margin-top: 0;
}

.bem-user-message_chat .bem-user-message__data {
  flex-grow: 1;
  position: relative;
  border: 1px solid #E5E5E8;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 12px;
  background: #F7F8FA;
}

.bem-user-message_chat .bem-user-message__avatar + .bem-user-message__data {
  margin-left: 16px;
}

.bem-user-message_chat .bem-user-message__avatar + .bem-user-message__data:before {
  content: '';
  position: absolute;
  background: url("../2020/images/message-arrow.svg") no-repeat 0px center;
  left: -10px;
  top: calc(50% - 10px);
  height: 20px;
  width: 10px;
}

.bem-user-message_chat_my {
  justify-content: space-between;
}

.bem-user-message_chat_my .bem-user-message__avatar {
  order: 1;
}

.bem-user-message_chat_my .bem-user-message__avatar + .bem-user-message__data {
  margin-left: 0;
  margin-right: 16px;
}

.bem-user-message_chat_my .bem-user-message__avatar + .bem-user-message__data:before {
  background-position: -8px center;
  right: -10px;
  left: inherit;
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-user-profile, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-user-profile {
  /* bem-user-profile: Элементы */
  /* bem-user-profile: Модификаторы */
}

.bem-user-profile__list {
  display: none;
  position: absolute;
  right: 32px;
  top: 56px;
  background: white;
  z-index: 1;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.18);
  border-radius: 4px;
  min-width: 240px;
}

.bem-user-profile__list .bem-icon-block {
  justify-content: flex-start;
  /*
            :first-child {
                margin-right: 12px;
            }
*/
}

.bem-user-profile__list ul {
  margin: 0;
  padding: 16px;
  border-bottom: 1px solid #E3E5E8;
}

.bem-user-profile__list ul:last-child {
  border-bottom: none;
}

.bem-user-profile__list li:nth-child(n+2) {
  margin-top: 12px;
}

.bem-user-profile__list > div {
  width: 100%;
  height: 100%;
}

.bem-user-profile .bem-user-profile_show {
  display: block;
}

/* bem-user-profile: @media условия */
@media screen and (max-width: 768px) {
  .bem-user-profile {
    order: 3;
  }
  .bem-user-profile__list {
    right: -250px;
    top: 0;
    z-index: 3;
    border-radius: 0;
    height: 100vh;
    overflow-y: scroll;
  }
  .bem-user-profile__list > div {
    height: 650px;
  }
}

/*  В этом файле должны быть стили для БЭМ-блока .bem-user-select, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
select.bem-user-select {
  display: none;
}

.bem-user-select {
  display: inline-block;
  vertical-align: top;
  width: auto;
  position: relative;
  border: 1px solid #E3E5E8;
  box-sizing: border-box;
  border-radius: 5px;
  /* bem-user-select: Элементы */
}

.bem-user-select__wrap {
  max-width: 700px;
  width: 100%;
  margin: 20px auto;
}

.bem-user-select__wrap select {
  margin: 20px;
}

.bem-user-select__gap {
  background: transparent;
  color: #000;
  font-size: 16px;
  padding: 8px 36px 8px 12px;
  cursor: pointer;
  position: relative;
  user-select: none;
  white-space: nowrap;
}

.bem-user-select:disabled .bem-user-select__gap, .bem-user-select.bem-form_disabled .bem-user-select__gap {
  color: #898989;
}

.bem-user-select__list {
  background: #fff;
  border: none;
  margin: 8px 0 0;
  position: absolute;
  overflow: hidden;
  z-index: 1;
  padding: 0;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.18);
  width: 100%;
  border-radius: 4px;
  min-width: max-content;
}

.bem-user-select__list.on {
  display: block;
}

.bem-user-select__item span {
  display: block;
  padding: 10px 12px;
  cursor: pointer;
  color: #333;
  font-size: 16px;
  white-space: nowrap;
}

.bem-user-select__item.selected, .bem-user-select__item:hover {
  background: #F7F8FA;
}

.bem-user-select__gap:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 9px;
  top: calc(50% - 8px);
  background: url("../2020/images/down.svg") no-repeat 0 0;
  transition: all .27s ease-in-out;
  transform: rotate(0deg);
}

.bem-user-select .on.bem-user-select__gap:after {
  transform: rotate(180deg);
}

.bem-user-select_big .bem-user-select__gap {
  padding: 14px 36px 14px 12px;
}

.bem-user-select_big .bem-user-select__item span {
  padding: 14px 12px;
}

.bem-user-select_compact .bem-user-select__gap {
  padding: 6px 36px 6px 12px;
}

.bem-user-select_compact .bem-user-select__item span {
  padding: 6px 12px;
}

.bem-user-select_small .bem-user-select__gap {
  padding: 0px 24px 0px 8px;
  font-size: 15px;
  line-height: 30px;
}

.bem-user-select_small .bem-user-select__gap:after {
  top: calc(50% - 7px);
  right: 4px;
}

.bem-user-select_small .bem-user-select__item span {
  padding: 10px 16px;
  font-size: 15px;
}

/*  В этом файле должны быть стили для БЭМ-блока .bem-verification, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-verification {
  /* bem-user-select: Элементы */
  width: 680px;
}

.bem-verification p {
  margin: 24px 0 0;
}

.bem-verification__method p {
  margin-top: 16px;
}

.bem-verification__method:first-child {
  margin-right: 24px;
}

.bem-verification__method:first-child .bem-form__label-check-radio {
  background-image: url("../2020/images/book-open.svg");
}

.bem-verification__method:first-child .bem-form__label-check-radio:checked {
  background: #008DFF url("../2020/images/book-open-active.svg") no-repeat center center;
}

.bem-verification__method:first-child .bem-form__radio:checked + .bem-form__label-check-radio {
  background: #008DFF url("../2020/images/book-open-active.svg") no-repeat center center;
}

.bem-verification .bem-form__label-check-radio {
  width: 160px;
  height: 160px;
  background: #F7F8FA url("../2020/images/mail.svg") no-repeat center center;
  border-radius: 8px;
  font-size: 32px !important;
  margin-top: 0;
  color: #818C9C;
  font-weight: bold;
  justify-content: center;
}

.bem-verification .bem-form__label-check-radio:before {
  content: '';
  display: none !important;
}

.bem-verification .bem-form__label-check-radio:hover {
  background-color: #E3E5E8;
}

.bem-verification .bem-form__label-check-radio:checked {
  background: #008DFF url("../2020/images/mail-active.svg") no-repeat center center;
  color: white;
}

.bem-verification .bem-form__radio:checked + .bem-form__label-check-radio {
  background: #008DFF url("../2020/images/mail-active.svg") no-repeat center center;
  color: white;
}

.bem-verification a#evidence {
  margin-top: 8px;
}

.bem-verification__modal .bem-button {
  margin-top: 24px;
  min-width: 110px;
}

.bem-verification__modal .bem-form__input {
  margin-top: 24px;
}

.bem-verification__modal .bem-page__title {
  font-size: 16px;
  line-height: 20px;
}

.bem-verification__modal .bem-page__note {
  margin-top: 16px;
}

.bem-verification__modal .bem-page__title + .bem-page__note {
  margin-top: 8px;
}

.bem-verification__modal p {
  margin: 8px 0;
}

/* @media-условия bem-verification */
@media screen and (max-width: 768px) {
  .bem-verification {
    width: 100%;
  }
  .bem-verification fieldset .bem-page__row {
    flex-direction: row;
  }
}

@media screen and (max-width: 420px) {
  .bem-verification__method:first-child {
    margin-right: 16px;
  }
  .bem-verification a, .bem-verification p {
    font-size: 14px;
    line-height: 20px;
  }
  .bem-verification .bem-form__label-check-radio {
    width: 130px;
    height: 130px;
  }
}

.bem-verify-requests .zerobounce {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
  margin: 0;
  padding: 0;
  background: url(../images/zerobounce-logo-mono-48x48.png) no-repeat center center;
  background-size: cover;
  opacity: 0.4;
}

.bem-verify-requests .zerobounce:hover {
  opacity: 1;
}

.bem-verify-requests .getcontact {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
  margin: 0;
  padding: 0;
  background: url(../images/getcontact-logo-mono-48x48.png) no-repeat center center;
  background-size: cover;
  opacity: 0.4;
}

.bem-verify-requests .getcontact:hover {
  opacity: 1;
}

/*
     В этом файле должны быть стили для БЭМ-блока .bem-ward-form-item, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-ward-form-item {
  background: #F7F8FA;
  border-radius: 4px;
  padding: 10px 40px 10px 16px;
  justify-content: flex-start;
  position: relative;
  margin-top: 8px;
  /* bem-ward-form-item: Элементы */
}

.bem-ward-form-item:first-child {
  margin-top: 0;
}

.bem-ward-form-item .bem-icon-block {
  justify-content: flex-start;
}

.bem-ward-form-item .bem-search {
  width: auto;
}

.bem-ward-form-item__delete-info {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 16px;
  height: 16px;
  background: url("../2020/images/trash.svg") no-repeat 0 0;
  cursor: pointer;
}

.bem-ward-form-item__select {
  position: relative;
  width: 100%;
  height: 40px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #E3E5E8;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 14px;
  margin: 8px 0 4px;
  padding: 0px 32px 0px 8px;
  background: #fff url("../2020/images/down.svg") no-repeat calc(100% - 9px) center;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none !important;
  outline: none;
  user-select: none;
}

.bem-ward-form-item .bem-ward-form-item__other-post_text {
  display: none;
}

/*
     В этом файле должны быть стили для БЭМ-блока .bem-ward, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-wards .bem-wards__person {
  background: #F7F8FA;
  border-radius: 4px;
  padding: 10px 40px 10px 16px;
  justify-content: flex-start;
  position: relative;
  margin-bottom: 8px;
}

.bem-wards .bem-wards__person .bem-icon-block {
  justify-content: flex-start;
}

.bem-wards .bem-wards__person .bem-search {
  width: auto;
}

.bem-wards__post-list.bem-wards__select {
  margin-top: 0;
}

.bem-wards__select {
  margin: 8px 0 4px;
  width: 100% !important;
}

.bem-wards__other-post_text {
  margin: 8px 0 4px;
  border: 1px solid #E3E5E8;
}

.bem-wards__other-post {
  margin-left: 4px;
}

/**
 * В этом файле должны быть стили для БЭМ-блока .bem-warning, его элементов,
 * модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 */
.bem-warning {
  width: 100%;
  background: #F7F8FA url("../2020/images/warning.svg") no-repeat 16px center;
  background-size: 24px;
  border-radius: 4px;
  color: #000;
  padding: 12px 20px 12px 56px;
}

.bem-warning_alert {
  background: #FFF2E6;
  padding: 24px;
}

.bem-warning_info {
  background: #F7F8FA url("../2020/images/alert-circle.svg") no-repeat 16px center;
  background-size: 24px;
}

/* bem-warning: @media-условия */
@media screen and (max-width: 460px) {
  .bem-warning {
    background-position: center 12px;
    padding: 44px 20px 12px 20px;
    font-size: 13px;
  }
  .bem-warning_alert {
    padding: 24px;
  }
}

/*
В этом файле должны быть стили для БЭМ-блока .bem-disabled, его элементов,
модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
/*
.bem-disabled {
    position: fixed;
    z-index: 2;
    pointer-events: none;
    &:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.4);
        z-index: 2;
        height: 100vh;
        min-height: 567px;
        width: 100vw;
        pointer-events: all;
    }
}
*/
.bem-disabled {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
  height: 100vh;
  min-height: 567px;
  width: 100vw;
  display: none;
}

.bem-disabled_show {
  display: block;
}

/*
     В этом файле должны быть стили для БЭМ-блока .bem-modal, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-modal {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 11;
  color: #000;
}

.bem-modal:before {
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
}

.bem-modal .bem-page__card_list {
  width: 100%;
  min-width: 100%;
}

.bem-modal .bem-page__card_list:nth-child(n+4) {
  display: flex;
}

.bem-modal__container {
  min-width: 360px;
  max-height: 90vh;
  background: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin: auto;
  z-index: 11;
  position: relative;
}

.bem-modal__close {
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../2020/images/close.svg") no-repeat 0 0;
  top: 12px;
  right: 12px;
  cursor: pointer;
}

.bem-modal__title {
  padding: 14px 42px;
  text-align: center;
  border-bottom: 1px solid #E3E5E8;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  font-weight: bold;
}

.bem-modal__subtitle {
  margin-top: 4px;
  font-size: 12px;
  line-height: 14px;
  color: #818C9C;
}

.bem-modal__content {
  padding: 24px 40px;
  text-align: left;
  overflow-y: auto;
  overflow-x: hidden;
  flex-grow: 1;
}

.bem-modal__footer {
  padding: 14px 14px;
  text-align: left;
  border-top: 1px solid #E3E5E8;
  display: flex;
  justify-content: center;
}

.bem-modal_height_full {
  height: 90vh;
}

.bem-modal__content > .popup-container {
  display: block;
}

@media screen and (max-width: 768px) {
  .bem-modal__container {
    max-width: 90vw;
    min-width: inherit;
  }
}

@media screen and (max-width: 640px) {
  .bem-modal__title {
    padding: 14px 42px 14px 14px;
  }
  .bem-modal__content {
    padding: 24px 14px;
  }
}

@media screen and (max-width: 460px) {
  .bem-modal__container {
    max-width: 100vw;
    min-width: 100vw;
    width: 100vw;
    border-radius: 16px 16px 0 0;
    margin-bottom: 0;
  }
}

/*
     В этом файле должны быть стили для БЭМ-блока .bem-popover, его элементов,
     модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
*/
.bem-popover {
  top: 0;
  left: 0;
  position: absolute;
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  opacity: 1;
  max-width: 90%;
  padding-bottom: 20px;
  z-index: 100;
}

.bem-popover:before {
  content: '';
  background: url("../2020/images/popover-arrow.svg") no-repeat -8px center;
  width: 10px;
  height: 20px;
  position: absolute;
  right: -9px;
  z-index: 102;
}

.bem-popover__container {
  min-width: 100px;
  max-height: 90vh;
  background: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin: auto;
  z-index: 101;
  position: relative;
  overflow: hidden;
  border: 1px solid #999999;
}

.bem-popover__close {
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../2020/images/close.svg") no-repeat 0 0;
  top: 12px;
  right: 12px;
  cursor: pointer;
}

.bem-popover__title {
  padding: 14px 42px 14px 14px;
  text-align: left;
  border-bottom: 1px solid #E3E5E8;
  font-size: 16px;
  line-height: 20px;
  color: black;
  font-weight: bold;
}

.bem-popover__content {
  min-width: 150px;
  padding: 14px 14px 14px;
  text-align: left;
  overflow-y: auto;
  /*min-height: 100px;*/
  flex-grow: 1;
  display: inline-block;
}

.bem-popover__content .bem-popover__el {
  margin-bottom: 14px;
}

.bem-popover__el {
  width: 100%;
}

.bem-popover__footer {
  padding: 14px 14px;
  text-align: left;
  border-top: 1px solid #E3E5E8;
}

.bem-popover_height_full {
  height: 90vh;
}

.bem-popover_position_bottom:before {
  background-position: center top;
  width: 20px;
  height: 9px;
  right: inherit;
  top: -8px;
}

.bem-popover_position_top:before {
  background-position: center bottom;
  width: 20px;
  height: 12px;
  right: inherit;
  bottom: 9px;
}

.bem-popover_position_right:before {
  background-position: 0 center;
  width: 9px;
  height: 20px;
  left: -8px;
}

.bem-popover_position_left:before {
  background-position: -8px center;
  width: 10px;
  height: 20px;
  right: -9px;
}

.bem-popover_theme_dark:before {
  background-image: url("../2020/images/popover-arrow-dark.svg");
}

.bem-popover_title_show .bem-popover__close {
  background-image: url("../2020/images/close-white.svg");
}

.bem-popover_arrow_none:before {
  background: none !important;
}

.bem-popover .balloon {
  display: block;
}

@media screen and (max-width: 768px) {
  .bem-popover__container {
    max-width: 90vw;
    min-width: inherit;
  }
}

@media screen and (max-width: 380px) {
  .bem-popover {
    width: 95%;
  }
}

/*!*
 * ВНИМАНИЕ! Этот файл генерируется автоматически.
 * Любые изменения этого файла будут потеряны при следующей компиляции.
 */
/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=style.css.map */