/* Start:/html/task_62753_zaza/css/MultiSelect.css?17465979384863*/
/* cancel dropdown hover behavior  */
.MultiSelect:hover .dropdown-menu {
  display: none !important;
}

.MultiSelect .dropdown.show .dropdown-menu.show {
  display: block !important;
}

.MultiSelect .dropdown.show .icon-fui-arrow {
  transform: rotate(180deg);
  transform-origin: center;
  transition: all 0.25s ease;
}

/* end cancel dropdown hover behavior  */
.MultiSelect {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
  align-items: flex-start;
}

.MultiSelect * {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.MultiSelect .dropdown-toggle:after {
  content: none !important;
}

/* scroll  */
.MultiSelect .fui_placeholder {
  display: flex;
  gap: 4px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-right: 8px;
}

.MultiSelect .fui_placeholder::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 1px;
  background: transparent;
}

@media (max-width: 1199.98px) {
  .MultiSelect .fui_placeholder::-webkit-scrollbar {
    height: 0;
  }
}
/* end scroll  */
.MultiSelect .dropdown,
.MultiSelect .dropdown-toggle {
  width: 100%;
  max-width: 100%;
}

.MultiSelect .dropdown.show .fui_icon_arrow_down {
  transition: all 0.35s ease;
}

.MultiSelect .dropdown.show .fui_icon_arrow_down {
  transform: rotate(180deg);
  transform-origin: center;
}

.MultiSelect .dropdown-toggle {
  overflow: hidden;
}

.MultiSelect_caption {
  color: var(--components-message-hint-text-color-default, #42525C);
}

.MultiSelect .Chips_Small .dropdown_item_label_input_wrapper {
  display: none;
}

.MultiSelect .Chips_Small .dropdown_item_label_txt {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 767.98px) {
  .MultiSelect .Chips_Small .dropdown_item_label_txt {
    max-width: 110px;
  }
}
.MultiSelect .dropdown-menu {
  width: 100%;
}

.MultiSelect .dropdown_item_label {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  white-space: normal;
}

/* final fixes  */
.MultiSelect .dropdown-toggle {
  height: 56px;
  padding: 16px;
  border-radius: var(--border-radius-x, 8px);
  border-style: none;
  background: var(--components-select-bg-color-focus, #FFF);
  color: var(--components-select-placeholder-color-focus, #657885);
  font-family: var(--font-semantic-ui-large-family, Calibri);
  font-size: var(--font-semantic-ui-large-size, 18px);
  font-style: normal;
  font-weight: var(--font-semantic-ui-large-regular-weight, 400);
  line-height: var(--font-semantic-ui-large-line-height, 24px);
  box-shadow: 0 0 0 1px #657885 inset;
  -webkit-box-shadow: 0 0 0 1px #657885 inset;
  -moz-box-shadow: 0 0 0 1px #657885 inset;
  transition: all 0.25s ease;
  -webkit-appearance: none;
  /* z-index: 15; */
}

.MultiSelect .dropdown.show .dropdown-toggle {
  box-shadow: 0 0 0 2px var(--components-textinput-border-color-focus, #29994E) inset;
}

.MultiSelect .dropdown-toggle svg {
  margin-left: auto;
}

.MultiSelect .dropdown-menu:before {
  content: none !important;
}

@media (min-width: 768px) {
  /* Popover */
  .MultiSelect .dropdown-menu {
    top: calc(100% + 8px) !important;
    border-radius: var(--border-radius-x, 8px);
    background: var(--color-core-neutral-container-white, #FFF);
    box-shadow: 0px 0px 20px 0px rgba(83, 101, 112, 0.1), 0px 12px 20px 0px rgba(83, 101, 112, 0.05);
  }
}
/* Popover */
/* Options */
.MultiSelect .dropdown-menu__inner {
  padding: 8px !important;
  margin: 0;
  gap: 8px !important;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 2px;
}

/* Options */
/* .DropdownOption_Checkbox_Large  */
.MultiSelect .dropdown_item_label {
  border-radius: var(--border-radius-x, 8px);
  padding: 8px;
  margin: 0;
  color: var(--components-checkbox-label-color-default, #11161A);
  /* UI/Medium/Regular */
  font-size: var(--font-semantic-ui-medium-size, 16px);
  font-style: normal;
  font-weight: var(--font-semantic-ui-medium-regular-weight, 400);
  line-height: var(--font-semantic-ui-medium-line-height, 24px);
  /**/
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  position: relative;
  display: flex;
  margin-bottom: 8px;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  transition: all 0.3s ease;
  padding: 8px;
  border-radius: 8px;
  white-space: wrap;
}

.MultiSelect .dropdown_item_label:hover {
  background: #F5F8FA;
  color: var(--components-dropdownoption-label-color-hover, #323F47);
}

.MultiSelect .dropdown_item_label.disabled,
.MultiSelect .dropdown_item_label:disabled {
  background: #F5F8FA;
  color: #A3B5C2;
  pointer-events: none;
}

.MultiSelect .dropdown_item_label.disabled .fui_checkbox,
.MultiSelect .dropdown_item_label:disabled .fui_checkbox {
  border-color: #A3B5C2;
  background: #F5F8FA;
}

/* .DropdownOption_Checkbox_Large  */
/* End */


/* Start:/html/task_62753_zaza/css/MultiSelectTree.css?174720291522718*/
@charset "UTF-8";
/* cancel dropdown hover behavior  */
.MultiSelectTree:hover .dropdown-menu {
  display: none !important;
}

.MultiSelectTree .dropdown.show .dropdown-menu.show {
  display: block !important;
}

.MultiSelectTree .dropdown.show .icon-fui-arrow {
  transform: rotate(180deg);
  transform-origin: center;
  transition: all 0.25s ease;
}

/* end cancel dropdown hover behavior  */
.MultiSelectTree {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
  align-items: flex-start;
}

.MultiSelectTree * {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.MultiSelectTree .dropdown-toggle:after {
  content: none !important;
}

.MultiSelectTree .fui_placeholder {
  display: flex;
  gap: 4px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-right: 8px;
}

.MultiSelectTree .fui_placeholder::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 1px;
  background: transparent;
}

@media (max-width: 1199.98px) {
  .MultiSelectTree .fui_placeholder::-webkit-scrollbar {
    height: 0;
  }
}
.MultiSelectTree .dropdown,
.MultiSelectTree .dropdown-toggle {
  width: 100%;
  max-width: 100%;
}

.MultiSelectTree .dropdown.show .fui_icon_arrow_down {
  transition: all 0.35s ease;
}

.MultiSelectTree .dropdown.show .fui_icon_arrow_down {
  transform: rotate(180deg);
  transform-origin: center;
}

.MultiSelectTree .dropdown-toggle {
  overflow: hidden;
}

.MultiSelectTree .Chips_Small .Tree_switcher,
.MultiSelectTree .Chips_Small .dropdown_item_label_input_wrapper {
  display: none;
}

.MultiSelectTree .Chips_Small .dropdown_item_label_txt {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 767.98px) {
  .MultiSelectTree .Chips_Small .dropdown_item_label_txt {
    max-width: 110px;
  }
}
.MultiSelectTree .dropdown-menu {
  width: 100%;
}

/* .dropdown-item-new {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  white-space: normal;
} */
/* final fixes  */
.MultiSelectTree .dropdown-toggle {
  height: 56px;
  padding: 16px;
  border-radius: var(--border-radius-x, 8px);
  border-style: none;
  background: var(--components-select-bg-color-focus, #FFF);
  color: var(--components-select-placeholder-color-focus, #657885);
  font-family: var(--font-semantic-ui-large-family, Calibri);
  font-size: var(--font-semantic-ui-large-size, 18px);
  font-style: normal;
  font-weight: var(--font-semantic-ui-large-regular-weight, 400);
  line-height: var(--font-semantic-ui-large-line-height, 24px);
  box-shadow: 0 0 0 1px #657885 inset;
  -webkit-box-shadow: 0 0 0 1px #657885 inset;
  -moz-box-shadow: 0 0 0 1px #657885 inset;
  transition: all 0.25s ease;
  -webkit-appearance: none;
}

.MultiSelectTree .dropdown.show .dropdown-toggle {
  box-shadow: 0 0 0 2px var(--components-textinput-border-color-focus, #29994E) inset;
}

.MultiSelectTree .dropdown-toggle svg {
  margin-left: auto;
}

.MultiSelectTree .dropdown-menu:before {
  content: none !important;
}

/* Popover */
@media (min-width: 768px) {
  .MultiSelectTree .dropdown-menu {
    top: calc(100% + 8px) !important;
    border-radius: var(--border-radius-x, 8px);
    background: var(--color-core-neutral-container-white, #FFF);
    box-shadow: 0px 0px 20px 0px rgba(83, 101, 112, 0.1), 0px 12px 20px 0px rgba(83, 101, 112, 0.05);
  }
}
/* end Popover */
/* Options */
.MultiSelectTree .dropdown-menu__inner {
  padding: 8px !important;
  margin: 0;
  gap: 8px !important;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 2px;
}

/* end Options */
/* .DropdownOption_Checkbox_Large  */
/*
.dropdown-item-new {
  border-radius: var(--border-radius-x, 8px);
  padding: 8px;
  margin: 0;
  color: var(--components-checkbox-label-color-default, #11161A);
  font-size: var(--font-semantic-ui-medium-size, 16px);
  font-style: normal;
  font-weight: var(--font-semantic-ui-medium-regular-weight, 400);
  line-height: var(--font-semantic-ui-medium-line-height, 24px);
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  display: flex;
  margin-bottom: 8px;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  transition: all 0.3s ease;
  padding: 8px;
  border-radius: 8px;
  white-space: wrap;
}
.dropdown-item-new:hover {
  background: #F5F8FA;
  color: var(--components-dropdownoption-label-color-hover, #323F47);

}
*/
/* end .DropdownOption_Checkbox_Large  */
/* MultiSelect Window */
.MultiSelectTree .fui_icon {
  fill: #8396A3;
}

/* MODAL LAYOUT  */
.fui-modal,
.modal-dialog,
.modal-content,
.Tree {
  transition: all 0.5s ease;
}

.Tree {
  height: 280px;
  max-height: 280px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* SCROLL  */
.Tree::-webkit-scrollbar {
  width: 4px;
  background-color: #F1F1F1 !important;
  background-clip: padding-box;
}

.Tree::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  background-clip: padding-box;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
  border-radius: 999px;
}

.Tree::-webkit-scrollbar-thumb {
  background-color: #2DAA55 !important;
  background-clip: padding-box;
  border: 2px solid #2DAA55 !important;
  border-radius: 999px;
  -webkit-box-shadow: inset -1px 1px 0 #2DAA55, inset 1px 1px 0 #2DAA55 !important;
}

.Tree::-webkit-scrollbar-thumb:hover {
  background: #2DAA55 !important;
}

/* end SCROLL  */
.Tree,
.Tree ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.Tree ul ul {
  padding-left: 32px;
}

.Tree ul ul ul {
  padding-left: 32px;
}

.Tree ul ul ul {
  padding-left: 64px;
}

/* .modal-footer {
  display: flex;
  justify-content: space-between;
}

.btn-success {
  background-color: #28a745;
  border-color: #28a745;
}

.btn-secondary {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  color: #000;
} */
/* MODAL LAYOUT  */
.fui-tree-modal .modal-content {
  position: fixed;
  left: 0;
  bottom: 0;
}

.Tree ul li {
  position: relative;
}

.Tree ul li.active:after,
.Tree ul li.js_has_checked_child:after {
  content: "";
  width: 1px;
  height: calc(100% - 24px);
  border-left: 1px dashed #A3B5C2;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 11px;
}

/* .Tree  */
@media (min-width: 768px) {
  .Tree .dropdown_item_label {
    padding: 0;
  }
  .Tree .dropdown_item_label:hover,
  .Tree .dropdown_item_label.js_selected:hover,
  .Tree .dropdown_item_label.js_selected {
    background: transparent;
  }
}
@media (max-width: 767.98px) {
  /* hide tree list items  */
  .Tree {
    height: auto;
    max-height: 232px;
  }
  .Tree ul ul li:not(.js_has_checked_child) ul, .Tree ul ul {
    display: block;
  }
  .Tree_level_2,
  .Tree_level_3 {
    padding: 0 !important;
  }
  .Tree_level_3 li > label {
    height: 24px;
    margin-bottom: 8px;
  }
  /* end hide tree list items  */
  /* modal  */
  .modal.fui-modal.fui-tree-modal .modal-dialog {
    margin: 0 !important;
  }
  .modal.fui-modal.fui-tree-modal.show .modal-content {
    bottom: 0;
  }
  .modal.fui-modal.fui-tree-modal .CloseButton_Large {
    top: 16px;
    right: 16px;
    background-size: 16px;
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
  .modal.fui-modal.fui-tree-modal .modal-content .Heading_H2 {
    border-bottom: 1px solid #E8E8E8;
    margin: 0 -8px;
    padding: 0 16px;
  }
  .modal.fui-modal.fui-tree-modal .modal-content {
    position: fixed;
    bottom: -100%;
    border-radius: 16px 16px 0 0;
    padding: 16px 4px 16px 8px;
    gap: 8px;
    transition: bottom 0.5s ease;
  }
  .modal.fui-modal.fui-tree-modal .SearchInput_Medium {
    margin: 0 8px;
  }
  .modal.fui-modal.fui-tree-modal .dropdown_item_label {
    padding: 8px;
    height: auto;
  }
  .Tree ul li.js_has_checked_child:after,
  .dropdown_item_label:before {
    display: none;
  }
  .modal.fui-modal.fui-tree-modal .ButtonsGroup {
    gap: 16px;
    padding: 8px;
  }
  .modal.fui-modal.fui-tree-modal .ButtonsGroup > [class*=Button] {
    max-width: 100%;
    flex: unset;
  }
  .modal.fui-modal.fui-tree-modal .ButtonsGroup > [class*=Button]:first-of-type {
    min-width: 232px;
  }
  .modal.fui-modal.fui-tree-modal .ButtonsGroup > [class*=Button]:nth-last-of-type(1) {
    width: 50%;
  }
  /* end modal  */
  .Tree::-webkit-scrollbar {
    width: 2px;
  }
}
/* end .Tree  */
@media (min-width: 768px) {
  .fui-tree-modal.fui-modal .modal-dialog {
    min-width: 624px;
  }
  /* SEARCH styles for Tree  */
  /*
  .MultiSelectTree.js_tree_searching .Tree {
    height: auto;
  }
  .MultiSelectTree.js_tree_searching .Tree * ul,
  .MultiSelectTree.js_tree_searching .Tree * ul li {
    display: block;
    padding: 0;
  }
  .MultiSelectTree.js_tree_searching .Tree ul li.js_has_checked_child:after,
  .MultiSelectTree.js_tree_searching .Tree .dropdown_item_label:before {
    content: none;
  }*/
  .MultiSelectTree.js_tree_searching .Tree .Tree_level_2,
  .MultiSelectTree.js_tree_searching .Tree .Tree_level_3 {
    display: block;
  }
  /* end SEARCH styles for Tree  */
}
.Tree_switcher {
  width: 24px;
  min-width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7071 14.7071C16.3166 15.0976 15.6834 15.0976 15.2929 14.7071L12 11.4142L8.70711 14.7071C8.31658 15.0976 7.68342 15.0976 7.29289 14.7071C6.90237 14.3166 6.90237 13.6834 7.29289 13.2929L11.2929 9.29289C11.6834 8.90237 12.3166 8.90237 12.7071 9.29289L16.7071 13.2929C17.0976 13.6834 17.0976 14.3166 16.7071 14.7071Z' fill='%23A3B5C2'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/16px 16px;
  transform: rotate(90deg);
  transform-origin: center;
  position: relative;
  z-index: 99;
}

.Tree ul li.active > .dropdown_item_label {
  position: relative;
  z-index: 2;
}

.Tree ul li.active > .dropdown_item_label .Tree_switcher {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7071 14.7071C16.3166 15.0976 15.6834 15.0976 15.2929 14.7071L12 11.4142L8.70711 14.7071C8.31658 15.0976 7.68342 15.0976 7.29289 14.7071C6.90237 14.3166 6.90237 13.6834 7.29289 13.2929L11.2929 9.29289C11.6834 8.90237 12.3166 8.90237 12.7071 9.29289L16.7071 13.2929C17.0976 13.6834 17.0976 14.3166 16.7071 14.7071Z' fill='%2342525C'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/16px 16px;
  transform: rotate(180deg);
}

.Tree_level_2,
.Tree_level_3 {
  display: none;
}

.Tree_level_1 > li.active .Tree_level_2 {
  display: block;
}

.Tree_level_2 > li.active .Tree_level_3 {
  display: block;
}

@media (min-width: 768px) {
  .Tree li > li:not(.active),
  .Tree_level_1 > li:not(.js_has_checked_child):not(.active) .Tree_level_2,
  .Tree_level_1 > li:not(.js_has_checked_child):not(.active) .Tree_level_3 {
    /* display: none; */
  }
}
@media (max-width: 767.98px) {
  .Tree {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
  }
}
/* check */
.Tree .dropdown_item_label .dropdown_item_label_input:checked + .fui_checkbox {
  background: #29994E url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.86195 8.19526C3.1223 7.93491 3.54441 7.93491 3.80476 8.19526L6.00002 10.3905L12.1953 4.19526C12.4556 3.93491 12.8777 3.93491 13.1381 4.19526C13.3984 4.45561 13.3984 4.87772 13.1381 5.13807L6.47142 11.8047C6.21108 12.0651 5.78897 12.0651 5.52862 11.8047L2.86195 9.13807C2.6016 8.87772 2.6016 8.45561 2.86195 8.19526Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/16px 16px;
  border-color: #29994E;
}

/* end check */
/* minus */
.Tree:not(.js_tree_searching .Tree) ul li .dropdown_item_label.js_has_checked_next .dropdown_item_label_input:not(:checked) + .fui_checkbox,
.Tree:not(.js_tree_searching .Tree) ul li.js_has_unchecked > .dropdown_item_label .dropdown_item_label_input:not(:checked) + .fui_checkbox,
.Tree:not(.js_tree_searching .Tree) ul li.js_has_checked > .dropdown_item_label .dropdown_item_label_input:not(:checked) + .fui_checkbox {
  background: #29994E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.33331 8.49967C3.33331 8.13148 3.63179 7.83301 3.99998 7.83301H12C12.3682 7.83301 12.6666 8.13148 12.6666 8.49967C12.6666 8.86786 12.3682 9.16634 12 9.16634H3.99998C3.63179 9.16634 3.33331 8.86786 3.33331 8.49967Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50%/16px 16px;
  border-color: #29994E;
}

/* end minus */
/* чтобы не скрывать через js */
/* добавил сюда из Miscellaneous.css */
.ActionBar {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: var(--space-semantic-horizontal-h-space-btw-items-l, 16px);
  border-top: 1px solid var(--color-core-border-muted, #E1EAF0);
}

.Chips_Small {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  border-radius: var(--border-radius-xs, 4px);
  border: var(--chips-border-width-default, 1px) solid var(--chips-border-color-default, #CAD7E0);
  background: var(--chips-bg-color-default, #F5F8FA);
  padding: 4px 4px 4px 8px;
  color: var(--chips-label-color-default, #323F47);
  text-align: center;
  font-size: var(--font-semantic-ui-small-size, 14px);
  font-style: normal;
  font-weight: var(--font-semantic-ui-small-bold-weight, 700);
  line-height: var(--font-semantic-ui-small-line-height, 16px);
}

.Chips_Small .cancel_x2 {
  width: 20px;
  padding-left: 4px;
  border-left: 1px solid var(--chips-clear-separator-color-default, rgba(50, 63, 71, 0.2));
}

.cancel_x2 {
  width: 16px;
  min-width: 16px;
  height: 16px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.03315 4.03364C4.2935 3.77329 4.71561 3.77329 4.97596 4.03364L7.99965 7.05733L11.0233 4.03364C11.2837 3.77329 11.7058 3.77329 11.9661 4.03364C12.2265 4.29399 12.2265 4.7161 11.9661 4.97645L8.94246 8.00014L11.9661 11.0238C12.2265 11.2842 12.2265 11.7063 11.9661 11.9666C11.7058 12.227 11.2837 12.227 11.0233 11.9666L7.99965 8.94295L4.97596 11.9666C4.71561 12.227 4.2935 12.227 4.03315 11.9666C3.7728 11.7063 3.7728 11.2842 4.03315 11.0238L7.05684 8.00014L4.03315 4.97645C3.7728 4.7161 3.7728 4.29399 4.03315 4.03364Z' fill='%2365788599'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain;
  transition: all 0.25s ease;
}

.cancel_x2:hover {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.03315 4.03364C4.2935 3.77329 4.71561 3.77329 4.97596 4.03364L7.99965 7.05733L11.0233 4.03364C11.2837 3.77329 11.7058 3.77329 11.9661 4.03364C12.2265 4.29399 12.2265 4.7161 11.9661 4.97645L8.94246 8.00014L11.9661 11.0238C12.2265 11.2842 12.2265 11.7063 11.9661 11.9666C11.7058 12.227 11.2837 12.227 11.0233 11.9666L7.99965 8.94295L4.97596 11.9666C4.71561 12.227 4.2935 12.227 4.03315 11.9666C3.7728 11.7063 3.7728 11.2842 4.03315 11.0238L7.05684 8.00014L4.03315 4.97645C3.7728 4.7161 3.7728 4.29399 4.03315 4.03364Z' fill='%2365788566'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain;
}

.cancel_x2:active {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.03315 4.03364C4.2935 3.77329 4.71561 3.77329 4.97596 4.03364L7.99965 7.05733L11.0233 4.03364C11.2837 3.77329 11.7058 3.77329 11.9661 4.03364C12.2265 4.29399 12.2265 4.7161 11.9661 4.97645L8.94246 8.00014L11.9661 11.0238C12.2265 11.2842 12.2265 11.7063 11.9661 11.9666C11.7058 12.227 11.2837 12.227 11.0233 11.9666L7.99965 8.94295L4.97596 11.9666C4.71561 12.227 4.2935 12.227 4.03315 11.9666C3.7728 11.7063 3.7728 11.2842 4.03315 11.0238L7.05684 8.00014L4.03315 4.97645C3.7728 4.7161 3.7728 4.29399 4.03315 4.03364Z' fill='%23657885'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain;
}

/**/
.cancel_x3 {
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.05022 6.55071C6.44074 6.16018 7.07391 6.16018 7.46443 6.55071L12 11.0862L16.5355 6.55071C16.926 6.16018 17.5592 6.16018 17.9497 6.55071C18.3402 6.94123 18.3402 7.57439 17.9497 7.96492L13.4142 12.5005L17.9497 17.036C18.3402 17.4265 18.3402 18.0597 17.9497 18.4502C17.5592 18.8407 16.926 18.8407 16.5355 18.4502L12 13.9147L7.46443 18.4502C7.07391 18.8407 6.44074 18.8407 6.05022 18.4502C5.65969 18.0597 5.65969 17.4265 6.05022 17.036L10.5858 12.5005L6.05022 7.96492C5.65969 7.5744 5.65969 6.94123 6.05022 6.55071Z' fill='%23657885'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
  transition: all 0.25s ease;
}

.cancel_x2:hover {
  background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.05022 6.55071C6.44074 6.16018 7.07391 6.16018 7.46443 6.55071L12 11.0862L16.5355 6.55071C16.926 6.16018 17.5592 6.16018 17.9497 6.55071C18.3402 6.94123 18.3402 7.57439 17.9497 7.96492L13.4142 12.5005L17.9497 17.036C18.3402 17.4265 18.3402 18.0597 17.9497 18.4502C17.5592 18.8407 16.926 18.8407 16.5355 18.4502L12 13.9147L7.46443 18.4502C7.07391 18.8407 6.44074 18.8407 6.05022 18.4502C5.65969 18.0597 5.65969 17.4265 6.05022 17.036L10.5858 12.5005L6.05022 7.96492C5.65969 7.5744 5.65969 6.94123 6.05022 6.55071Z' fill='%2365788566'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain;
}

.cancel_x2:active {
  background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.05022 6.55071C6.44074 6.16018 7.07391 6.16018 7.46443 6.55071L12 11.0862L16.5355 6.55071C16.926 6.16018 17.5592 6.16018 17.9497 6.55071C18.3402 6.94123 18.3402 7.57439 17.9497 7.96492L13.4142 12.5005L17.9497 17.036C18.3402 17.4265 18.3402 18.0597 17.9497 18.4502C17.5592 18.8407 16.926 18.8407 16.5355 18.4502L12 13.9147L7.46443 18.4502C7.07391 18.8407 6.44074 18.8407 6.05022 18.4502C5.65969 18.0597 5.65969 17.4265 6.05022 17.036L10.5858 12.5005L6.05022 7.96492C5.65969 7.5744 5.65969 6.94123 6.05022 6.55071Z' fill='%23657885'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain;
}

/**/
.ButtonsGroup {
  display: flex;
  gap: 24px;
  width: 100%;
}

.ButtonsGroup > [class*=Button] {
  flex: 1 0 calc(50% - 12px);
}

@media (max-width: 767.98px) {
  .ButtonsGroup {
    gap: 16px;
  }
  .ButtonsGroup > [class*=Button] {
    flex: 1 0 calc(50% - 8px);
  }
}
/**/
/* check_x2  */
.dropdown_item_label_input {
  width: 24px;
  height: 24px;
  opacity: 0;
  cursor: pointer;
}

.dropdown_item_label_input_wrapper {
  position: relative;
  width: 24px;
  height: 24px;
}

.fui_checkbox {
  width: 100%;
  height: 100%;
  display: block;
  padding: 4px;
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 4px;
  border: 1px solid #8396A3;
  background-color: #FFF;
}

.dropdown-item-new:hover {
  background: var(--components-dropdownoption-bg-color-hover, #F5F8FA);
}

.dropdown-item-new:hover .fui_checkbox {
  border: 1px solid #29994E;
}

.dropdown-item-new.disabled,
.dropdown-item-new:disabled {
  background: #F5F8FA;
  color: #A3B5C2;
  pointer-events: none;
}

.dropdown-item-new.disabled .fui_checkbox,
.dropdown-item-new:disabled .fui_checkbox {
  border-color: #A3B5C2;
  background: #F5F8FA;
}

.dropdown-item-new.selected {
  background: var(--components-dropdownoption-bg-color-selected-default, #F5F8FA);
}

.dropdown_item_label_input:not(.MultiSelectTree .dropdown_item_label_input):checked + .fui_checkbox,
.dropdown-item-new.selected .fui_checkbox {
  background: #29994E url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.86195 8.19526C3.1223 7.93491 3.54441 7.93491 3.80476 8.19526L6.00002 10.3905L12.1953 4.19526C12.4556 3.93491 12.8777 3.93491 13.1381 4.19526C13.3984 4.45561 13.3984 4.87772 13.1381 5.13807L6.47142 11.8047C6.21108 12.0651 5.78897 12.0651 5.52862 11.8047L2.86195 9.13807C2.6016 8.87772 2.6016 8.45561 2.86195 8.19526Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/16px 16px;
  border-color: #29994E;
}

.dropdown-item-new.selected:hover {
  background: #ECF2F6;
}

.dropdown_item_label_input:not(.MultiSelectTree .dropdown_item_label_input):checked + .fui_checkbox,
.dropdown-item-new.selected:hover .fui_checkbox {
  background: #29994E url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.86195 8.19526C3.1223 7.93491 3.54441 7.93491 3.80476 8.19526L6.00002 10.3905L12.1953 4.19526C12.4556 3.93491 12.8777 3.93491 13.1381 4.19526C13.3984 4.45561 13.3984 4.87772 13.1381 5.13807L6.47142 11.8047C6.21108 12.0651 5.78897 12.0651 5.52862 11.8047L2.86195 9.13807C2.6016 8.87772 2.6016 8.45561 2.86195 8.19526Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/16px 16px;
  border-color: #29994E;
}

/* check_x2  */
.js_message_search {
  display: none;
  padding: 0 8px 8px;
  color: #11161A;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.dropdown_item_label {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  padding: 8px;
  color: #11161A;
  font-size: var(--font-semantic-ui-medium-size, 16px);
  font-style: normal;
  font-weight: var(--font-semantic-ui-medium-regular-weight, 400);
  line-height: var(--font-semantic-ui-medium-line-height, 24px);
  position: relative;
  border-radius: 8px;
  white-space: wrap;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  cursor: pointer;
  transition: all 0.25s ease;
}

.dropdown_item_label:hover {
  background: #F5F8FA;
  color: #323F47;
}

.dropdown_item_label.js_selected {
  background: #F5F8FA;
}

.dropdown_item_label.js_selected:hover {
  background: #ECF2F6;
}

/* end добавил сюда из Miscellaneous.css */
@media (min-width: 1200px) {
  .fui-tree-modal .modal-content {
    position: relative;
    inset: 0;
  }
}
/* End */


/* Start:/html/task_62753_zaza/css/avatarComponent.css?17465979381132*/
.profileBlock__avatar .block-nav-img-wrapper {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  margin: 0;
  position: relative;
  background-clip: padding-box;
  border: solid 2px transparent;
  border-radius: 50%;
}
.profileBlock__avatar .block-nav-img-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  margin: -4px;
  border-radius: 999px;
  background: linear-gradient(65.56deg, #FCFF6F 3.53%, #29994E 43.81%, #29994E 92.07%);
}
.profileBlock__avatar .block-nav-img-wrapper:before {
  content: none;
}
.profileBlock__avatar__center .block-nav-img-wrapper {
  margin: auto;
}
.profileBlock__avatar .user_avatar {
  width: 78px;
  min-width: 78px;
  height: 78px;
  z-index: 1;
  background: #fff;
  border: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: content-box;
}
.profileBlock__avatar .block-nav-img-icon {
  width: 32px;
  height: 32px;
  background-size: 16px 16px;
  z-index: 1;
  border: 2px solid #fff;
  box-sizing: content-box;
  bottom: -4px;
  right: -4px;
}

/* End */


/* Start:/html/task_62753_zaza/css/avatarStatusComponent.css?1746597938745*/
.avatarStatusComponent {
  width: 80px;
  min-width: 80px;
  height: 80px;
  position: relative;
}
.avatarStatusComponent__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 999px;
}
.avatarStatusComponent__status {
  display: flex;
  background-color: #CCEFFF;
  box-shadow: 0 0 0 2px #FFF;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 999px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.avatarStatusComponent__status svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: #004985;
  margin: auto;
}
.jobApplicationCard .avatarStatusComponent {
  width: 56px;
  min-width: 56px;
  height: 56px;
}

/* End */


/* Start:/html/task_62753_zaza/css/badgeActivity.css?1746597938953*/
.badgeActivity__medium__accent {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  padding: 4px 4px 4px 4px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(65.56deg, #FCFF6F 3.53%, #29994E 43.81%, #29994E 92.07%);
  position: relative;
  margin-right: 8px;
}
.badgeActivity__medium__accent:before {
  content: "";
  background: rgba(41, 153, 78, 0.5019607843);
  width: 4px;
  height: 100%;
  display: block;
  width: 100%;
  position: absolute;
  right: -4px;
  border-radius: 999px;
  z-index: -1;
}
.badgeActivity__medium__accent:after {
  content: "";
  background: rgba(41, 153, 78, 0.2);
  width: 4px;
  height: 100%;
  display: block;
  width: 100%;
  position: absolute;
  right: -8px;
  border-radius: 999px;
  z-index: -2;
}
.badgeActivity__medium__accent svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.badgeActivity__medium__number {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}

/* End */


/* Start:/html/task_62753_zaza/css/badgeLabel.css?17465979388361*/
.badgeLabel__small__blue {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 4px 8px;
  height: 24px;
  background-color: #004985;
  color: #FFFFFF;
}
.badgeLabel__small__blue svg {
  fill: currentColor;
}
.badgeLabel__small__blue .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__small__yellow {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 4px 8px;
  height: 24px;
  background-color: #FFCB11;
  color: #291400;
}
.badgeLabel__small__yellow svg {
  fill: currentColor;
}
.badgeLabel__small__yellow .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__small__green {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 4px 8px;
  height: 24px;
  background-color: #29994E;
  color: #FFFFFF;
}
.badgeLabel__small__green svg {
  fill: currentColor;
}
.badgeLabel__small__green .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__small__lightBlue {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 4px 8px;
  height: 24px;
  background-color: #CCEFFF;
  color: #004985;
}
.badgeLabel__small__lightBlue svg {
  fill: currentColor;
}
.badgeLabel__small__lightBlue .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__small__lightYellow {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 4px 8px;
  height: 24px;
  background-color: #FFF3DB;
  color: #291400;
}
.badgeLabel__small__lightYellow svg {
  fill: currentColor;
}
.badgeLabel__small__lightYellow .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__small__lightGreen {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 4px 8px;
  height: 24px;
  background-color: #D6F5DC;
  color: #1C693D;
}
.badgeLabel__small__lightGreen svg {
  fill: currentColor;
}
.badgeLabel__small__lightGreen .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__small__neutralLight {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 4px 8px;
  height: 24px;
  background-color: #ECF2F6;
  color: inherit;
}
.badgeLabel__small__neutralLight svg {
  fill: currentColor;
}
.badgeLabel__small__neutralLight .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__medium__blue {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 8px 16px;
  height: 32px;
  background-color: #004985;
  color: #FFFFFF;
}
.badgeLabel__medium__blue svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: currentColor;
}
.badgeLabel__medium__blue svg {
  fill: currentColor;
}
.badgeLabel__medium__blue .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__medium__yellow {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 8px 16px;
  height: 32px;
  background-color: #FFCB11;
  color: #291400;
}
.badgeLabel__medium__yellow svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: currentColor;
}
.badgeLabel__medium__yellow svg {
  fill: currentColor;
}
.badgeLabel__medium__yellow .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__medium__green {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 8px 16px;
  height: 32px;
  background-color: #29994E;
  color: #FFFFFF;
}
.badgeLabel__medium__green svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: currentColor;
}
.badgeLabel__medium__green svg {
  fill: currentColor;
}
.badgeLabel__medium__green .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__medium__lightBlue {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 8px 16px;
  height: 32px;
  background-color: #CCEFFF;
  color: #004985;
}
.badgeLabel__medium__lightBlue svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: currentColor;
}
.badgeLabel__medium__lightBlue svg {
  fill: currentColor;
}
.badgeLabel__medium__lightBlue .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__medium__lightYellow {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 8px 16px;
  height: 32px;
  background-color: #FFF3DB;
  color: #291400;
}
.badgeLabel__medium__lightYellow svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: currentColor;
}
.badgeLabel__medium__lightYellow svg {
  fill: currentColor;
}
.badgeLabel__medium__lightYellow .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__medium__lightGreen {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 8px 16px;
  height: 32px;
  background-color: #D6F5DC;
  color: #1C693D;
}
.badgeLabel__medium__lightGreen svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: currentColor;
}
.badgeLabel__medium__lightGreen svg {
  fill: currentColor;
}
.badgeLabel__medium__lightGreen .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__medium__neutralLight {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding: 8px 16px;
  height: 32px;
  background-color: #ECF2F6;
  color: inherit;
}
.badgeLabel__medium__neutralLight svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: currentColor;
}
.badgeLabel__medium__neutralLight svg {
  fill: currentColor;
}
.badgeLabel__medium__neutralLight .row-gap-4 {
  margin: auto 0;
}

.badgeLabel__group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

/* End */


/* Start:/html/task_62753_zaza/css/base.css?17465979385411*/
a {
  text-decoration: none !important;
}

hr {
  height: 1px !important;
  background: #E1EAF0;
  margin: 0;
  border-style: none;
}

.mapBlock {
  min-height: 240px;
  max-height: 240px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

/* vacancy page */
.vacancy_profile {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  border: 1px solid #E1EAF0;
  border-radius: 16px;
  padding: 24px;
}
.vacancy_profile_approved {
  display: flex;
  gap: 4px;
  align-items: center;
  white-space: nowrap;
}
.vacancy_profile_left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.vacancy_profile_right {
  width: 101px;
  max-width: 101px;
  overflow: hidden;
}

/* vacancy page */
.image_responsive {
  max-width: 100%;
  height: auto;
}

.topPanel {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 40px;
  position: relative;
}

.userSidebar__desktop .topPanel {
  margin-bottom: 24px;
}

.navigationBar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.profileBlock {
  margin-bottom: 24px;
}

.profileBlock__info {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profileBlock__avatar img {
  display: block;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .profileBlock {
    margin-bottom: 0;
  }
}
.badgeIndicatorParent {
  display: flex;
  gap: 8px;
}

.badgeIndicator {
  width: 10px;
  min-width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #29994e;
}

@media (min-width: 1200px) {
  .userSidebar__desktop {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    border-radius: 24px;
    border: 1px solid #e1eaf0;
  }
  .userSidebar__desktop .buttonNeutralSecondaryMedium {
    width: 100%;
  }
  .userSidebar__desktop .sectionWrapper {
    margin: 0;
    padding: 0;
  }
}
/* end TOP  */
.sectionWrapper {
  margin: 0 -16px;
  padding: 24px 16px;
  background-color: #ffffff;
  border-radius: 24px;
  box-shadow: 0px 2px 4px 0px rgba(83, 101, 112, 0.0509803922), 0px 0px 8px 0px rgba(83, 101, 112, 0.0509803922);
}

.container_muted {
  background-color: #f5f8fa;
}

.foreground_muted {
  color: #657885;
}

.foreground_soft {
  color: #42525c;
}

.buttonAccentPrimaryMedium {
  height: 40px;
  padding: 6px 24px;
  white-space: nowrap;
  border-radius: 999px;
  color: #ffffff;
  background-color: #29994e;
  border: 1px solid #29994e;
  box-shadow: none;
  transition: all 0.25s ease;
  align-self: center;
}

.buttonAccentPrimaryMedium svg {
  fill: #ffffff;
}

.button_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.buttonNeutralPrimaryLarge {
  height: 40px;
  padding: 6px 24px 10px;
  white-space: nowrap;
  border-radius: 999px;
  color: #323f47;
  background-color: #ecf2f6;
  border: 1px solid #ecf2f6;
  box-shadow: none;
  transition: all 0.25s ease;
}

.buttonNeutralPrimaryLarge:active {
  background-color: #cad7e0;
  border: 1px solid #cad7e0;
}

.buttonNeutralPrimaryLarge.disabled,
.buttonNeutralPrimaryLarge:disabled {
  background-color: #f5f8fa;
  border: 1px solid #f5f8fa;
  color: #a3b5c2;
  pointer-events: none;
}

.buttonNeutralPrimaryLarge .icon-fui {
  fill: #323f47;
}

.buttonNeutralPrimaryLarge.disabled .icon-fui,
.buttonNeutralPrimaryLarge:disabled .icon-fui {
  fill: #a3b5c2;
}

/**/
.buttonNeutralPrimaryMedium {
  height: 40px;
  padding: 6px 24px 10px;
  white-space: nowrap;
  border-radius: 999px;
  color: #ffffff;
  background-color: #657885;
  border: 1px solid #657885;
  box-shadow: none;
  transition: all 0.25s ease;
}

/**/
/**/
.buttonNeutralSecondaryMedium {
  height: 40px;
  padding: 6px 24px 10px;
  white-space: nowrap;
  border-radius: 999px;
  color: #323f47;
  background-color: #ecf2f6;
  border: 1px solid #ecf2f6;
  box-shadow: none;
  transition: all 0.25s ease;
}

.buttonNeutralSecondaryMedium:active {
  background-color: #cad7e0;
  border: 1px solid #cad7e0;
}

.buttonNeutralSecondaryMedium.disabled,
.buttonNeutralSecondaryMedium:disabled {
  background-color: #f5f8fa;
  border: 1px solid #f5f8fa;
  color: #a3b5c2;
  pointer-events: none;
}

.buttonNeutralSecondaryMedium .icon-fui {
  fill: #323f47;
}

.buttonNeutralSecondaryMedium.disabled .icon-fui,
.buttonNeutralSecondaryMedium:disabled .icon-fui {
  fill: #a3b5c2;
}

.imageBadgeGroup {
  position: relative;
  z-index: 0;
}

.imageBadgeGroup img {
  position: relative;
}

.imageBadgeGroup img:nth-of-type(1) {
  z-index: 3;
}

.imageBadgeGroup img:nth-of-type(2) {
  left: 24px;
  z-index: 2;
  position: absolute;
}

.imageBadgeGroup img:nth-of-type(3) {
  left: 48px;
  z-index: 1;
  position: absolute;
}

.img_48 {
  width: 48px;
  min-width: 48px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
}

.img_40 {
  width: 40px;
  min-width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}

.icon-fui {
  min-width: 24px;
}

.iconBox {
  width: 48px;
  min-width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 50%;
  display: flex;
}

.iconBox.iconBox__grey {
  background: #f5f8fa;
}

.iconBox svg {
  margin: auto;
}

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

.verticalDivider {
  width: 1px;
  height: 24px;
  background-color: #cad7e0;
}

/* End */


/* Start:/html/task_62753_zaza/css/blockBordered.css?17465979382546*/
.blockBordered {
  border: 1px solid #D8E3EB;
  padding: 24px;
  border-radius: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.blockBordered[mode=empty] {
  border-style: dashed;
}
.blockBordered[mode=empty] [class*=functionButton__] {
  display: none;
}
.blockBordered__props {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.blockBordered__props .fui_icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: #657885;
}
.blockBordered__props__item {
  display: flex;
  gap: 4px;
  white-space: nowrap;
  align-items: center;
}
.blockBordered__props__item:after {
  content: "";
  width: 4px;
  min-width: 4px;
  height: 4px;
  background: #657885;
  border-radius: 50%;
  margin: 6px 0 4px 4px;
}
.blockBordered__props__item:nth-last-of-type(1):after {
  content: none;
}
.blockBordered__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blockBordered__top {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.blockBordered__16 {
  border: 1px solid #D8E3EB;
  padding: 16px;
  border-radius: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media (max-width: 1199.98px) {
  .blockBordered__unbordered__touch {
    border-style: none !important;
    padding: 0;
  }
  .blockBordered__unbordered__touch button {
    width: 100%;
  }
  .blockBordered__inner__16,
  .blockBordered__inner {
    border: 1px solid #D8E3EB;
    border-radius: 16px;
  }
  .blockBordered__inner {
    padding: 8px;
  }
  .blockBordered__inner__16 {
    padding: 16px;
  }
}
.blockBordered__props__wrapper {
  display: flex;
  gap: 24px;
}
@media (max-width: 1199.98px) {
  .blockBordered__props__wrapper .blockBordered__props {
    flex-direction: column;
    display: flex;
    gap: 8px;
  }
  .blockBordered__props__wrapper .blockBordered__props__item:after {
    content: none;
  }
}

.blockBordered__card {
  padding: 0;
}
.blockBordered__card__top {
  display: flex;
  gap: 24px;
  flex-direction: column;
  padding: 24px;
}
@media (min-width: 768px) {
  .blockBordered__card__top {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.blockBordered__card__bottom {
  padding: 16px 24px;
}
.blockBordered__card__buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}

@media (max-width: 1199.98px) {
  .blockBordered__unbordered__desktop {
    border: 1px solid #E1EAF0;
    border-radius: 16px;
    padding: 16px;
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/buttonAccent.css?174659793820726*/
.buttonAccent__primary__small {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #29994E;
  color: #FFFFFF;
  border: 1px solid #29994E;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 7.2px 24px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.buttonAccent__primary__small svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.buttonAccent__primary__small.hover, .buttonAccent__primary__small:hover {
  background-color: #33C15E;
  border-color: #33C15E;
  color: #FFFFFF;
}
.buttonAccent__primary__small.hover svg, .buttonAccent__primary__small:hover svg {
  fill: #FFFFFF;
}
.buttonAccent__primary__small.active, .buttonAccent__primary__small:active {
  background-color: #248949;
  border-color: #248949;
  color: #FFFFFF;
}
.buttonAccent__primary__small.active svg, .buttonAccent__primary__small:active svg {
  fill: #FFFFFF;
}
.buttonAccent__primary__small.loading {
  background-color: #EFFBF1;
  border-color: #EFFBF1;
  color: #1C693D;
  cursor: not-allowed;
}
.buttonAccent__primary__small.loading svg {
  fill: #EFFBF1;
}
.buttonAccent__primary__small:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
  cursor: not-allowed;
}
.buttonAccent__primary__small:disabled svg {
  fill: #A3B5C2;
}
.buttonAccent__primary__small.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
  cursor: not-allowed;
}
.buttonAccent__primary__small.success svg {
  fill: #29994E;
}
.buttonAccent__primary__small svg {
  fill: #FFFFFF;
}

.buttonAccent__primary__medium {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #29994E;
  color: #FFFFFF;
  border: 1px solid #29994E;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 7.2px 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.buttonAccent__primary__medium svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonAccent__primary__medium.hover, .buttonAccent__primary__medium:hover {
  background-color: #33C15E;
  border-color: #33C15E;
  color: #FFFFFF;
}
.buttonAccent__primary__medium.hover svg, .buttonAccent__primary__medium:hover svg {
  fill: #FFFFFF;
}
.buttonAccent__primary__medium.active, .buttonAccent__primary__medium:active {
  background-color: #248949;
  border-color: #248949;
  color: #FFFFFF;
}
.buttonAccent__primary__medium.active svg, .buttonAccent__primary__medium:active svg {
  fill: #FFFFFF;
}
.buttonAccent__primary__medium.loading {
  background-color: #EFFBF1;
  border-color: #EFFBF1;
  color: #1C693D;
  cursor: not-allowed;
}
.buttonAccent__primary__medium.loading svg {
  fill: #EFFBF1;
}
.buttonAccent__primary__medium:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
  cursor: not-allowed;
}
.buttonAccent__primary__medium:disabled svg {
  fill: #A3B5C2;
}
.buttonAccent__primary__medium.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
  cursor: not-allowed;
}
.buttonAccent__primary__medium.success svg {
  fill: #29994E;
}
.buttonAccent__primary__medium svg {
  fill: #FFFFFF;
}

.buttonAccent__primary__large {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #29994E;
  color: #FFFFFF;
  border: 1px solid #29994E;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 15.2px 40px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.buttonAccent__primary__large svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonAccent__primary__large.hover, .buttonAccent__primary__large:hover {
  background-color: #33C15E;
  border-color: #33C15E;
  color: #FFFFFF;
}
.buttonAccent__primary__large.hover svg, .buttonAccent__primary__large:hover svg {
  fill: #FFFFFF;
}
.buttonAccent__primary__large.active, .buttonAccent__primary__large:active {
  background-color: #248949;
  border-color: #248949;
  color: #FFFFFF;
}
.buttonAccent__primary__large.active svg, .buttonAccent__primary__large:active svg {
  fill: #FFFFFF;
}
.buttonAccent__primary__large.loading {
  background-color: #EFFBF1;
  border-color: #EFFBF1;
  color: #1C693D;
  cursor: not-allowed;
}
.buttonAccent__primary__large.loading svg {
  fill: #EFFBF1;
}
.buttonAccent__primary__large:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
  cursor: not-allowed;
}
.buttonAccent__primary__large:disabled svg {
  fill: #A3B5C2;
}
.buttonAccent__primary__large.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
  cursor: not-allowed;
}
.buttonAccent__primary__large.success svg {
  fill: #29994E;
}
.buttonAccent__primary__large svg {
  fill: #FFFFFF;
}

.buttonAccent__secondary__small {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #EFFBF1;
  color: #1C693D;
  border: 1px solid #EFFBF1;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 7.2px 24px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.buttonAccent__secondary__small svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.buttonAccent__secondary__small.hover, .buttonAccent__secondary__small:hover {
  background-color: #BEEEC8;
  border-color: #BEEEC8;
  color: #1C693D;
}
.buttonAccent__secondary__small.hover svg, .buttonAccent__secondary__small:hover svg {
  fill: #1C693D;
}
.buttonAccent__secondary__small.active, .buttonAccent__secondary__small:active {
  background-color: #A6E7B4;
  border-color: #A6E7B4;
  color: #1C693D;
}
.buttonAccent__secondary__small.active svg, .buttonAccent__secondary__small:active svg {
  fill: #1C693D;
}
.buttonAccent__secondary__small.loading {
  background-color: #EFFBF1;
  border-color: #EFFBF1;
  color: #1C693D;
  cursor: not-allowed;
}
.buttonAccent__secondary__small.loading svg {
  fill: #EFFBF1;
}
.buttonAccent__secondary__small:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
  cursor: not-allowed;
}
.buttonAccent__secondary__small:disabled svg {
  fill: #A3B5C2;
}
.buttonAccent__secondary__small.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
  cursor: not-allowed;
}
.buttonAccent__secondary__small.success svg {
  fill: #29994E;
}
.buttonAccent__secondary__small svg {
  fill: #1C693D;
}

.buttonAccent__secondary__medium {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #EFFBF1;
  color: #1C693D;
  border: 1px solid #EFFBF1;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 7.2px 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.buttonAccent__secondary__medium svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonAccent__secondary__medium.hover, .buttonAccent__secondary__medium:hover {
  background-color: #BEEEC8;
  border-color: #BEEEC8;
  color: #1C693D;
}
.buttonAccent__secondary__medium.hover svg, .buttonAccent__secondary__medium:hover svg {
  fill: #1C693D;
}
.buttonAccent__secondary__medium.active, .buttonAccent__secondary__medium:active {
  background-color: #A6E7B4;
  border-color: #A6E7B4;
  color: #1C693D;
}
.buttonAccent__secondary__medium.active svg, .buttonAccent__secondary__medium:active svg {
  fill: #1C693D;
}
.buttonAccent__secondary__medium.loading {
  background-color: #EFFBF1;
  border-color: #EFFBF1;
  color: #1C693D;
  cursor: not-allowed;
}
.buttonAccent__secondary__medium.loading svg {
  fill: #EFFBF1;
}
.buttonAccent__secondary__medium:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
  cursor: not-allowed;
}
.buttonAccent__secondary__medium:disabled svg {
  fill: #A3B5C2;
}
.buttonAccent__secondary__medium.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
  cursor: not-allowed;
}
.buttonAccent__secondary__medium.success svg {
  fill: #29994E;
}
.buttonAccent__secondary__medium svg {
  fill: #1C693D;
}

.buttonAccent__secondary__large {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #EFFBF1;
  color: #1C693D;
  border: 1px solid #EFFBF1;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 15.2px 40px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.buttonAccent__secondary__large svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonAccent__secondary__large.hover, .buttonAccent__secondary__large:hover {
  background-color: #BEEEC8;
  border-color: #BEEEC8;
  color: #1C693D;
}
.buttonAccent__secondary__large.hover svg, .buttonAccent__secondary__large:hover svg {
  fill: #1C693D;
}
.buttonAccent__secondary__large.active, .buttonAccent__secondary__large:active {
  background-color: #A6E7B4;
  border-color: #A6E7B4;
  color: #1C693D;
}
.buttonAccent__secondary__large.active svg, .buttonAccent__secondary__large:active svg {
  fill: #1C693D;
}
.buttonAccent__secondary__large.loading {
  background-color: #EFFBF1;
  border-color: #EFFBF1;
  color: #1C693D;
  cursor: not-allowed;
}
.buttonAccent__secondary__large.loading svg {
  fill: #EFFBF1;
}
.buttonAccent__secondary__large:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
  cursor: not-allowed;
}
.buttonAccent__secondary__large:disabled svg {
  fill: #A3B5C2;
}
.buttonAccent__secondary__large.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
  cursor: not-allowed;
}
.buttonAccent__secondary__large.success svg {
  fill: #29994E;
}
.buttonAccent__secondary__large svg {
  fill: #1C693D;
}

.buttonAccent__outline__small {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #FFFFFF;
  color: #1C693D;
  border: 1px solid #FFFFFF;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 7.2px 24px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  border-color: #29994E;
}
.buttonAccent__outline__small svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.buttonAccent__outline__small.hover, .buttonAccent__outline__small:hover {
  background-color: #BEEEC8;
  border-color: #29994E;
  color: #1C693D;
}
.buttonAccent__outline__small.hover svg, .buttonAccent__outline__small:hover svg {
  fill: #1C693D;
}
.buttonAccent__outline__small.active, .buttonAccent__outline__small:active {
  background-color: #A6E7B4;
  border-color: #A6E7B4;
  color: #1C693D;
}
.buttonAccent__outline__small.active svg, .buttonAccent__outline__small:active svg {
  fill: #1C693D;
}
.buttonAccent__outline__small.loading {
  background-color: #EFFBF1;
  border-color: #EFFBF1;
  color: #1C693D;
  cursor: not-allowed;
}
.buttonAccent__outline__small.loading svg {
  fill: #EFFBF1;
}
.buttonAccent__outline__small:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
  cursor: not-allowed;
}
.buttonAccent__outline__small:disabled svg {
  fill: #A3B5C2;
}
.buttonAccent__outline__small.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
  cursor: not-allowed;
}
.buttonAccent__outline__small.success svg {
  fill: #29994E;
}
.buttonAccent__outline__small svg {
  fill: #1C693D;
}

.buttonAccent__outline__medium {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #FFFFFF;
  color: #1C693D;
  border: 1px solid #FFFFFF;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 7.2px 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  border-color: #29994E;
}
.buttonAccent__outline__medium svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonAccent__outline__medium.hover, .buttonAccent__outline__medium:hover {
  background-color: #BEEEC8;
  border-color: #29994E;
  color: #1C693D;
}
.buttonAccent__outline__medium.hover svg, .buttonAccent__outline__medium:hover svg {
  fill: #1C693D;
}
.buttonAccent__outline__medium.active, .buttonAccent__outline__medium:active {
  background-color: #A6E7B4;
  border-color: #A6E7B4;
  color: #1C693D;
}
.buttonAccent__outline__medium.active svg, .buttonAccent__outline__medium:active svg {
  fill: #1C693D;
}
.buttonAccent__outline__medium.loading {
  background-color: #EFFBF1;
  border-color: #EFFBF1;
  color: #1C693D;
  cursor: not-allowed;
}
.buttonAccent__outline__medium.loading svg {
  fill: #EFFBF1;
}
.buttonAccent__outline__medium:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
  cursor: not-allowed;
}
.buttonAccent__outline__medium:disabled svg {
  fill: #A3B5C2;
}
.buttonAccent__outline__medium.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
  cursor: not-allowed;
}
.buttonAccent__outline__medium.success svg {
  fill: #29994E;
}
.buttonAccent__outline__medium svg {
  fill: #1C693D;
}

.buttonAccent__outline__large {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #FFFFFF;
  color: #1C693D;
  border: 1px solid #FFFFFF;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 15.2px 40px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  border-color: #29994E;
}
.buttonAccent__outline__large svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonAccent__outline__large.hover, .buttonAccent__outline__large:hover {
  background-color: #BEEEC8;
  border-color: #29994E;
  color: #1C693D;
}
.buttonAccent__outline__large.hover svg, .buttonAccent__outline__large:hover svg {
  fill: #1C693D;
}
.buttonAccent__outline__large.active, .buttonAccent__outline__large:active {
  background-color: #A6E7B4;
  border-color: #A6E7B4;
  color: #1C693D;
}
.buttonAccent__outline__large.active svg, .buttonAccent__outline__large:active svg {
  fill: #1C693D;
}
.buttonAccent__outline__large.loading {
  background-color: #EFFBF1;
  border-color: #EFFBF1;
  color: #1C693D;
  cursor: not-allowed;
}
.buttonAccent__outline__large.loading svg {
  fill: #EFFBF1;
}
.buttonAccent__outline__large:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
  cursor: not-allowed;
}
.buttonAccent__outline__large:disabled svg {
  fill: #A3B5C2;
}
.buttonAccent__outline__large.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
  cursor: not-allowed;
}
.buttonAccent__outline__large.success svg {
  fill: #29994E;
}
.buttonAccent__outline__large svg {
  fill: #1C693D;
}

.buttonAccent__ghost__small {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #FFFFFF;
  color: #1C693D;
  border: 1px solid #FFFFFF;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 7.2px 24px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.buttonAccent__ghost__small svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.buttonAccent__ghost__small.hover, .buttonAccent__ghost__small:hover {
  background-color: #BEEEC8;
  border-color: #BEEEC8;
  color: #1C693D;
}
.buttonAccent__ghost__small.hover svg, .buttonAccent__ghost__small:hover svg {
  fill: #1C693D;
}
.buttonAccent__ghost__small.active, .buttonAccent__ghost__small:active {
  background-color: #A6E7B4;
  border-color: #A6E7B4;
  color: #1C693D;
}
.buttonAccent__ghost__small.active svg, .buttonAccent__ghost__small:active svg {
  fill: #1C693D;
}
.buttonAccent__ghost__small.loading {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #1C693D;
  cursor: not-allowed;
}
.buttonAccent__ghost__small.loading svg {
  fill: #FFFFFF;
}
.buttonAccent__ghost__small:disabled {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #A3B5C2;
  cursor: not-allowed;
}
.buttonAccent__ghost__small:disabled svg {
  fill: #A3B5C2;
}
.buttonAccent__ghost__small.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
  cursor: not-allowed;
}
.buttonAccent__ghost__small.success svg {
  fill: #29994E;
}
.buttonAccent__ghost__small svg {
  fill: #1C693D;
}

.buttonAccent__ghost__medium {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #FFFFFF;
  color: #1C693D;
  border: 1px solid #FFFFFF;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 7.2px 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.buttonAccent__ghost__medium svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonAccent__ghost__medium.hover, .buttonAccent__ghost__medium:hover {
  background-color: #BEEEC8;
  border-color: #BEEEC8;
  color: #1C693D;
}
.buttonAccent__ghost__medium.hover svg, .buttonAccent__ghost__medium:hover svg {
  fill: #1C693D;
}
.buttonAccent__ghost__medium.active, .buttonAccent__ghost__medium:active {
  background-color: #A6E7B4;
  border-color: #A6E7B4;
  color: #1C693D;
}
.buttonAccent__ghost__medium.active svg, .buttonAccent__ghost__medium:active svg {
  fill: #1C693D;
}
.buttonAccent__ghost__medium.loading {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #1C693D;
  cursor: not-allowed;
}
.buttonAccent__ghost__medium.loading svg {
  fill: #FFFFFF;
}
.buttonAccent__ghost__medium:disabled {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #A3B5C2;
  cursor: not-allowed;
}
.buttonAccent__ghost__medium:disabled svg {
  fill: #A3B5C2;
}
.buttonAccent__ghost__medium.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
  cursor: not-allowed;
}
.buttonAccent__ghost__medium.success svg {
  fill: #29994E;
}
.buttonAccent__ghost__medium svg {
  fill: #1C693D;
}

.buttonAccent__ghost__large {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #FFFFFF;
  color: #1C693D;
  border: 1px solid #FFFFFF;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 15.2px 40px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.buttonAccent__ghost__large svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonAccent__ghost__large.hover, .buttonAccent__ghost__large:hover {
  background-color: #BEEEC8;
  border-color: #BEEEC8;
  color: #1C693D;
}
.buttonAccent__ghost__large.hover svg, .buttonAccent__ghost__large:hover svg {
  fill: #1C693D;
}
.buttonAccent__ghost__large.active, .buttonAccent__ghost__large:active {
  background-color: #A6E7B4;
  border-color: #A6E7B4;
  color: #1C693D;
}
.buttonAccent__ghost__large.active svg, .buttonAccent__ghost__large:active svg {
  fill: #1C693D;
}
.buttonAccent__ghost__large.loading {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #1C693D;
  cursor: not-allowed;
}
.buttonAccent__ghost__large.loading svg {
  fill: #FFFFFF;
}
.buttonAccent__ghost__large:disabled {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #A3B5C2;
  cursor: not-allowed;
}
.buttonAccent__ghost__large:disabled svg {
  fill: #A3B5C2;
}
.buttonAccent__ghost__large.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
  cursor: not-allowed;
}
.buttonAccent__ghost__large.success svg {
  fill: #29994E;
}
.buttonAccent__ghost__large svg {
  fill: #1C693D;
}

/* End */


/* Start:/html/task_62753_zaza/css/buttonNeutral.css?174659793820598*/
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
button.loading svg {
  animation: spin 1.5s linear infinite;
  transform-origin: center;
}

.buttonNeutral__primary__small {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #657885;
  color: #FFFFFF;
  border: 1px solid #657885;
  border-color: #657885;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 3.2px 24px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.buttonNeutral__primary__small svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.buttonNeutral__primary__small.hover, .buttonNeutral__primary__small:hover {
  background-color: #536570;
  border-color: #536570;
  color: #FFFFFF;
}
.buttonNeutral__primary__small.hover svg, .buttonNeutral__primary__small:hover svg {
  fill: #FFFFFF;
}
.buttonNeutral__primary__small.active, .buttonNeutral__primary__small:active {
  background-color: #42525C;
  border-color: #42525C;
  color: #FFFFFF;
}
.buttonNeutral__primary__small.active svg, .buttonNeutral__primary__small:active svg {
  fill: #FFFFFF;
}
.buttonNeutral__primary__small.loading {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #323F47;
}
.buttonNeutral__primary__small.loading svg {
  fill: #29994E;
}
.buttonNeutral__primary__small:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
}
.buttonNeutral__primary__small:disabled svg {
  fill: #A3B5C2;
}
.buttonNeutral__primary__small.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
}
.buttonNeutral__primary__small.success svg {
  fill: #29994E;
}
.buttonNeutral__primary__small svg {
  fill: #FFFFFF;
}

.buttonNeutral__primary__medium {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #657885;
  color: #FFFFFF;
  border: 1px solid #657885;
  border-color: #657885;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 7.2px 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.buttonNeutral__primary__medium svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonNeutral__primary__medium.hover, .buttonNeutral__primary__medium:hover {
  background-color: #536570;
  border-color: #536570;
  color: #FFFFFF;
}
.buttonNeutral__primary__medium.hover svg, .buttonNeutral__primary__medium:hover svg {
  fill: #FFFFFF;
}
.buttonNeutral__primary__medium.active, .buttonNeutral__primary__medium:active {
  background-color: #42525C;
  border-color: #42525C;
  color: #FFFFFF;
}
.buttonNeutral__primary__medium.active svg, .buttonNeutral__primary__medium:active svg {
  fill: #FFFFFF;
}
.buttonNeutral__primary__medium.loading {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #323F47;
}
.buttonNeutral__primary__medium.loading svg {
  fill: #29994E;
}
.buttonNeutral__primary__medium:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
}
.buttonNeutral__primary__medium:disabled svg {
  fill: #A3B5C2;
}
.buttonNeutral__primary__medium.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
}
.buttonNeutral__primary__medium.success svg {
  fill: #29994E;
}
.buttonNeutral__primary__medium svg {
  fill: #FFFFFF;
}

.buttonNeutral__primary__large {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #657885;
  color: #FFFFFF;
  border: 1px solid #657885;
  border-color: #657885;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 15.2px 40px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.buttonNeutral__primary__large svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonNeutral__primary__large.hover, .buttonNeutral__primary__large:hover {
  background-color: #536570;
  border-color: #536570;
  color: #FFFFFF;
}
.buttonNeutral__primary__large.hover svg, .buttonNeutral__primary__large:hover svg {
  fill: #FFFFFF;
}
.buttonNeutral__primary__large.active, .buttonNeutral__primary__large:active {
  background-color: #42525C;
  border-color: #42525C;
  color: #FFFFFF;
}
.buttonNeutral__primary__large.active svg, .buttonNeutral__primary__large:active svg {
  fill: #FFFFFF;
}
.buttonNeutral__primary__large.loading {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #323F47;
}
.buttonNeutral__primary__large.loading svg {
  fill: #29994E;
}
.buttonNeutral__primary__large:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
}
.buttonNeutral__primary__large:disabled svg {
  fill: #A3B5C2;
}
.buttonNeutral__primary__large.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
}
.buttonNeutral__primary__large.success svg {
  fill: #29994E;
}
.buttonNeutral__primary__large svg {
  fill: #FFFFFF;
}

.buttonNeutral__secondary__small {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #ECF2F6;
  color: #323F47;
  border: 1px solid #ECF2F6;
  border-color: #ECF2F6;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 3.2px 24px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.buttonNeutral__secondary__small svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.buttonNeutral__secondary__small.hover, .buttonNeutral__secondary__small:hover {
  background-color: #D8E3EB;
  border-color: #D8E3EB;
  color: #323F47;
}
.buttonNeutral__secondary__small.hover svg, .buttonNeutral__secondary__small:hover svg {
  fill: #323F47;
}
.buttonNeutral__secondary__small.active, .buttonNeutral__secondary__small:active {
  background-color: #CAD7E0;
  border-color: #CAD7E0;
  color: #323F47;
}
.buttonNeutral__secondary__small.active svg, .buttonNeutral__secondary__small:active svg {
  fill: #323F47;
}
.buttonNeutral__secondary__small.loading {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #323F47;
}
.buttonNeutral__secondary__small.loading svg {
  fill: #29994E;
}
.buttonNeutral__secondary__small:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
}
.buttonNeutral__secondary__small:disabled svg {
  fill: #A3B5C2;
}
.buttonNeutral__secondary__small.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
}
.buttonNeutral__secondary__small.success svg {
  fill: #29994E;
}
.buttonNeutral__secondary__small svg {
  fill: #323F47;
}

.buttonNeutral__secondary__medium {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #ECF2F6;
  color: #323F47;
  border: 1px solid #ECF2F6;
  border-color: #ECF2F6;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 7.2px 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.buttonNeutral__secondary__medium svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonNeutral__secondary__medium.hover, .buttonNeutral__secondary__medium:hover {
  background-color: #D8E3EB;
  border-color: #D8E3EB;
  color: #323F47;
}
.buttonNeutral__secondary__medium.hover svg, .buttonNeutral__secondary__medium:hover svg {
  fill: #323F47;
}
.buttonNeutral__secondary__medium.active, .buttonNeutral__secondary__medium:active {
  background-color: #CAD7E0;
  border-color: #CAD7E0;
  color: #323F47;
}
.buttonNeutral__secondary__medium.active svg, .buttonNeutral__secondary__medium:active svg {
  fill: #323F47;
}
.buttonNeutral__secondary__medium.loading {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #323F47;
}
.buttonNeutral__secondary__medium.loading svg {
  fill: #29994E;
}
.buttonNeutral__secondary__medium:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
}
.buttonNeutral__secondary__medium:disabled svg {
  fill: #A3B5C2;
}
.buttonNeutral__secondary__medium.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
}
.buttonNeutral__secondary__medium.success svg {
  fill: #29994E;
}
.buttonNeutral__secondary__medium svg {
  fill: #323F47;
}

.buttonNeutral__secondary__large {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #ECF2F6;
  color: #323F47;
  border: 1px solid #ECF2F6;
  border-color: #ECF2F6;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 15.2px 40px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.buttonNeutral__secondary__large svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonNeutral__secondary__large.hover, .buttonNeutral__secondary__large:hover {
  background-color: #D8E3EB;
  border-color: #D8E3EB;
  color: #323F47;
}
.buttonNeutral__secondary__large.hover svg, .buttonNeutral__secondary__large:hover svg {
  fill: #323F47;
}
.buttonNeutral__secondary__large.active, .buttonNeutral__secondary__large:active {
  background-color: #CAD7E0;
  border-color: #CAD7E0;
  color: #323F47;
}
.buttonNeutral__secondary__large.active svg, .buttonNeutral__secondary__large:active svg {
  fill: #323F47;
}
.buttonNeutral__secondary__large.loading {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #323F47;
}
.buttonNeutral__secondary__large.loading svg {
  fill: #29994E;
}
.buttonNeutral__secondary__large:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
}
.buttonNeutral__secondary__large:disabled svg {
  fill: #A3B5C2;
}
.buttonNeutral__secondary__large.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
}
.buttonNeutral__secondary__large.success svg {
  fill: #29994E;
}
.buttonNeutral__secondary__large svg {
  fill: #323F47;
}

.buttonNeutral__outline__small {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #FFFFFF;
  color: #323F47;
  border: 1px solid #FFFFFF;
  border-color: #657885;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 3.2px 24px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  border-color: #657885;
}
.buttonNeutral__outline__small svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.buttonNeutral__outline__small.hover, .buttonNeutral__outline__small:hover {
  background-color: #D8E3EB;
  border-color: #D8E3EB;
  color: #323F47;
}
.buttonNeutral__outline__small.hover svg, .buttonNeutral__outline__small:hover svg {
  fill: #323F47;
}
.buttonNeutral__outline__small.active, .buttonNeutral__outline__small:active {
  background-color: #CAD7E0;
  border-color: #CAD7E0;
  color: #323F47;
}
.buttonNeutral__outline__small.active svg, .buttonNeutral__outline__small:active svg {
  fill: #323F47;
}
.buttonNeutral__outline__small.loading {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #323F47;
}
.buttonNeutral__outline__small.loading svg {
  fill: #29994E;
}
.buttonNeutral__outline__small:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
}
.buttonNeutral__outline__small:disabled svg {
  fill: #A3B5C2;
}
.buttonNeutral__outline__small.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
}
.buttonNeutral__outline__small.success svg {
  fill: #29994E;
}
.buttonNeutral__outline__small svg {
  fill: #323F47;
}

.buttonNeutral__outline__medium {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #FFFFFF;
  color: #323F47;
  border: 1px solid #FFFFFF;
  border-color: #657885;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 7.2px 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  border-color: #657885;
}
.buttonNeutral__outline__medium svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonNeutral__outline__medium.hover, .buttonNeutral__outline__medium:hover {
  background-color: #D8E3EB;
  border-color: #D8E3EB;
  color: #323F47;
}
.buttonNeutral__outline__medium.hover svg, .buttonNeutral__outline__medium:hover svg {
  fill: #323F47;
}
.buttonNeutral__outline__medium.active, .buttonNeutral__outline__medium:active {
  background-color: #CAD7E0;
  border-color: #CAD7E0;
  color: #323F47;
}
.buttonNeutral__outline__medium.active svg, .buttonNeutral__outline__medium:active svg {
  fill: #323F47;
}
.buttonNeutral__outline__medium.loading {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #323F47;
}
.buttonNeutral__outline__medium.loading svg {
  fill: #29994E;
}
.buttonNeutral__outline__medium:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
}
.buttonNeutral__outline__medium:disabled svg {
  fill: #A3B5C2;
}
.buttonNeutral__outline__medium.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
}
.buttonNeutral__outline__medium.success svg {
  fill: #29994E;
}
.buttonNeutral__outline__medium svg {
  fill: #323F47;
}

.buttonNeutral__outline__large {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #FFFFFF;
  color: #323F47;
  border: 1px solid #FFFFFF;
  border-color: #657885;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 15.2px 40px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  border-color: #657885;
}
.buttonNeutral__outline__large svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonNeutral__outline__large.hover, .buttonNeutral__outline__large:hover {
  background-color: #D8E3EB;
  border-color: #D8E3EB;
  color: #323F47;
}
.buttonNeutral__outline__large.hover svg, .buttonNeutral__outline__large:hover svg {
  fill: #323F47;
}
.buttonNeutral__outline__large.active, .buttonNeutral__outline__large:active {
  background-color: #CAD7E0;
  border-color: #CAD7E0;
  color: #323F47;
}
.buttonNeutral__outline__large.active svg, .buttonNeutral__outline__large:active svg {
  fill: #323F47;
}
.buttonNeutral__outline__large.loading {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #323F47;
}
.buttonNeutral__outline__large.loading svg {
  fill: #29994E;
}
.buttonNeutral__outline__large:disabled {
  background-color: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
}
.buttonNeutral__outline__large:disabled svg {
  fill: #A3B5C2;
}
.buttonNeutral__outline__large.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
}
.buttonNeutral__outline__large.success svg {
  fill: #29994E;
}
.buttonNeutral__outline__large svg {
  fill: #323F47;
}

.buttonNeutral__ghost__small {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #FFFFFF;
  color: #323F47;
  border: 1px solid #FFFFFF;
  border-color: #FFFFFF;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 3.2px 24px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.buttonNeutral__ghost__small svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.buttonNeutral__ghost__small.hover, .buttonNeutral__ghost__small:hover {
  background-color: #D8E3EB;
  border-color: #D8E3EB;
  color: #323F47;
}
.buttonNeutral__ghost__small.hover svg, .buttonNeutral__ghost__small:hover svg {
  fill: #323F47;
}
.buttonNeutral__ghost__small.active, .buttonNeutral__ghost__small:active {
  background-color: #CAD7E0;
  border-color: #CAD7E0;
  color: #323F47;
}
.buttonNeutral__ghost__small.active svg, .buttonNeutral__ghost__small:active svg {
  fill: #323F47;
}
.buttonNeutral__ghost__small.loading {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #323F47;
}
.buttonNeutral__ghost__small.loading svg {
  fill: #29994E;
}
.buttonNeutral__ghost__small:disabled {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #A3B5C2;
}
.buttonNeutral__ghost__small:disabled svg {
  fill: #A3B5C2;
}
.buttonNeutral__ghost__small.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
}
.buttonNeutral__ghost__small.success svg {
  fill: #29994E;
}
.buttonNeutral__ghost__small svg {
  fill: #323F47;
}

.buttonNeutral__ghost__medium {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #FFFFFF;
  color: #323F47;
  border: 1px solid #FFFFFF;
  border-color: #FFFFFF;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 7.2px 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.buttonNeutral__ghost__medium svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonNeutral__ghost__medium.hover, .buttonNeutral__ghost__medium:hover {
  background-color: #D8E3EB;
  border-color: #D8E3EB;
  color: #323F47;
}
.buttonNeutral__ghost__medium.hover svg, .buttonNeutral__ghost__medium:hover svg {
  fill: #323F47;
}
.buttonNeutral__ghost__medium.active, .buttonNeutral__ghost__medium:active {
  background-color: #CAD7E0;
  border-color: #CAD7E0;
  color: #323F47;
}
.buttonNeutral__ghost__medium.active svg, .buttonNeutral__ghost__medium:active svg {
  fill: #323F47;
}
.buttonNeutral__ghost__medium.loading {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #323F47;
}
.buttonNeutral__ghost__medium.loading svg {
  fill: #29994E;
}
.buttonNeutral__ghost__medium:disabled {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #A3B5C2;
}
.buttonNeutral__ghost__medium:disabled svg {
  fill: #A3B5C2;
}
.buttonNeutral__ghost__medium.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
}
.buttonNeutral__ghost__medium.success svg {
  fill: #29994E;
}
.buttonNeutral__ghost__medium svg {
  fill: #323F47;
}

.buttonNeutral__ghost__large {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  background-color: #FFFFFF;
  color: #323F47;
  border: 1px solid #FFFFFF;
  border-color: #FFFFFF;
  border-radius: 999px;
  transition: all 0.35s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-align: center;
  padding: 15.2px 40px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.buttonNeutral__ghost__large svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.buttonNeutral__ghost__large.hover, .buttonNeutral__ghost__large:hover {
  background-color: #D8E3EB;
  border-color: #D8E3EB;
  color: #323F47;
}
.buttonNeutral__ghost__large.hover svg, .buttonNeutral__ghost__large:hover svg {
  fill: #323F47;
}
.buttonNeutral__ghost__large.active, .buttonNeutral__ghost__large:active {
  background-color: #CAD7E0;
  border-color: #CAD7E0;
  color: #323F47;
}
.buttonNeutral__ghost__large.active svg, .buttonNeutral__ghost__large:active svg {
  fill: #323F47;
}
.buttonNeutral__ghost__large.loading {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #323F47;
}
.buttonNeutral__ghost__large.loading svg {
  fill: #29994E;
}
.buttonNeutral__ghost__large:disabled {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #A3B5C2;
}
.buttonNeutral__ghost__large:disabled svg {
  fill: #A3B5C2;
}
.buttonNeutral__ghost__large.success {
  background-color: #F7FDF8;
  border-color: #F7FDF8;
  color: #29994E;
}
.buttonNeutral__ghost__large.success svg {
  fill: #29994E;
}
.buttonNeutral__ghost__large svg {
  fill: #323F47;
}

/* End */


/* Start:/html/task_62753_zaza/css/buttons.css?17465979383747*/
@charset "UTF-8";
.buttonAccentPrimaryLarge {
  height: 56px;
  padding: 6px 24px;
  white-space: nowrap;
  border-radius: 999px;
  color: #ffffff;
  background-color: #29994e;
  border: 1px solid #29994e;
  box-shadow: none;
  transition: all 0.25s ease;
  align-self: center;
}
.buttonAccentPrimaryLarge svg {
  fill: #ffffff;
}

/* Добавил сюда из buttons.css */
[class*=PrimaryButton_Accent_] {
  white-space: nowrap;
  border-radius: 999px;
  color: #FFFFFF;
  background-color: #29994E;
  border: 1px solid #29994E;
  box-shadow: none;
  transition: all 0.25s ease;
  text-align: center;
  font-style: normal;
  font-weight: var(--font-semantic-ui-large-bold-weight, 700);
  cursor: pointer;
}

[class*=PrimaryButton_Accent_]:hover {
  background: var(--components-button-accent-primary-bg-color-hover, #33C15E);
  border-color: var(--components-button-accent-primary-bg-color-hover, #33C15E);
}

[class*=PrimaryButton_Accent_]:active {
  background: var(--components-button-accent-primary-bg-color-active, #248949);
  border-color: var(--components-button-accent-primary-bg-color-active, #248949);
}

[class*=PrimaryButton_Accent_]:disabled {
  background: var(--components-button-accent-primary-bg-color-disabled, #F5F8FA);
  border-color: var(--components-button-accent-primary-bg-color-disabled, #F5F8FA);
  color: var(--components-button-accent-primary-label-color-disabled, #A3B5C2);
  pointer-events: none;
}

.PrimaryButton_Accent_Large {
  /* height: 56px; */
  padding: 16px 40px;
  font-size: var(--font-semantic-ui-large-size, 18px);
  line-height: var(--font-semantic-ui-large-line-height, 24px);
}

.PrimaryButton_Accent_Medium {
  /* height: 40px; */
  padding: 8px 24px;
  font-size: var(--font-semantic-ui-medium-size, 16px);
  line-height: var(--font-semantic-ui-medium-line-height, 24px);
}

.PrimaryButton_Accent_Small {
  height: 32px;
  padding: 7px 16px 6px;
  font-size: var(--font-semantic-ui-small-size, 14px);
  line-height: var(--font-semantic-ui-small-line-height, 16px);
}

[class*=SecondaryButton_Neutral_] {
  white-space: nowrap;
  border-radius: 999px;
  color: var(--components-button-neutral-ghost-label-color-default, #323F47);
  background: var(--components-button-neutral-secondary-bg-color-default, #ECF2F6);
  border: 1px solid var(--components-button-neutral-secondary-bg-color-default, #ECF2F6);
  box-shadow: none;
  transition: all 0.25s ease;
  text-align: center;
  font-style: normal;
  font-weight: var(--font-semantic-ui-large-bold-weight, 700);
  cursor: pointer;
}

[class*=SecondaryButton_Neutral_]:hover {
  background: var(--components-button-neutral-secondary-bg-color-hover, #D8E3EB);
  border-color: var(--components-button-neutral-secondary-bg-color-hover, #D8E3EB);
}

[class*=SecondaryButton_Neutral_]:active {
  background: var(--components-button-neutral-secondary-bg-color-active, #CAD7E0);
  border-color: var(--components-button-neutral-secondary-bg-color-active, #CAD7E0);
}

[class*=SecondaryButton_Neutral_]:disabled {
  background: #F5F8FA;
  border-color: #F5F8FA;
  color: #A3B5C2;
  pointer-events: none;
}

.SecondaryButton_Neutral_Large {
  /* height: 56px; */
  padding: 16px 40px;
  font-size: var(--font-semantic-ui-large-size, 18px);
  line-height: var(--font-semantic-ui-large-line-height, 24px);
}

.SecondaryButton_Neutral_Medium {
  /* height: 40px; */
  padding: 8px 24px;
  font-size: var(--font-semantic-ui-medium-size, 16px);
  line-height: var(--font-semantic-ui-medium-line-height, 24px);
}

.SecondaryButton_Neutral_Small {
  height: 32px;
  padding: 7px 16px 6px;
  font-size: var(--font-semantic-ui-small-size, 14px);
  line-height: var(--font-semantic-ui-small-line-height, 16px);
}

/* end Добавил сюда из buttons.css */

/* End */


/* Start:/html/task_62753_zaza/css/buttonsGroup.css?1746597938666*/
.buttonsGroup__equal {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media (max-width: 767.98px) {
  .buttonsGroup__equal {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.buttonsGroup__inequal {
  display: flex;
  gap: 24px;
  align-items: center;
}
.buttonsGroup__inequal > :nth-last-of-type(1):not(:only-child) {
  max-width: 176px;
}
@media (max-width: 767.98px) {
  .buttonsGroup__inequal > :nth-last-of-type(1):not(:only-child) {
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .buttonsGroup__inequal {
    flex-wrap: wrap;
    gap: 8px;
  }
}
@media (max-width: 767.98px) {
  .buttonsGroup__reverse {
    flex-direction: column-reverse;
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/cardsComponent.css?1746597938658*/
.Cards {
  display: flex;
  gap: 8px;
}

.Card {
  width: calc(50% - 4px);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: inherit;
  transition: all 0.35s ease;
}
.Card:hover {
  color: inherit;
}
.Card svg {
  fill: #42525C;
}
.Card .iconBox svg {
  fill: #11161A;
}

.Card_top {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}

.Card_bottom {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.Card.container_muted:hover {
  background-color: #ECF2F6;
}

@media (min-width: 768px) {
  .Card {
    width: calc(33.3333333333% - 5.3333333333px);
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/cellComponent.css?17465979381192*/
.Cell {
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.Cell.bordered {
  border: 1px solid #E1EAF0;
}

.cellComponent {
  padding: 24px;
  border-radius: 16px;
  color: inherit;
  text-decoration: none;
}
.cellComponent__16 {
  padding: 16px;
}
.cellComponent:hover, .cellComponent:active {
  color: inherit;
}
.cellComponent[mode=elevated] {
  box-shadow: 0px 0px 0px 1px rgba(83, 101, 112, 0.1019607843);
}
.cellComponent__template {
  padding: 16px;
  border-radius: 16px;
  transition: all 0.35s ease;
  cursor: pointer;
}
.cellComponent__template[mode=filled], .cellComponent__template:hover {
  background-color: #F5F8FA;
}
.cellComponent__template[mode=filled]:hover {
  background-color: #ECF2F6;
}
.cellComponent__template[mode=elevated] {
  box-shadow: 0px 0px 0px 1px rgba(83, 101, 112, 0.1019607843);
}
.cellComponent__template[mode=elevated]:hover {
  box-shadow: 0px 4px 8px 0px rgba(83, 101, 112, 0.0509803922), 0px 0px 16px 0px rgba(83, 101, 112, 0.1019607843);
}
.cellComponent__top {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

/* End */


/* Start:/html/task_62753_zaza/css/chatBubble.css?1746597938591*/
.chatBubble {
  background-color: #EBF9FF;
  border-radius: 24px;
  padding: 24px;
}
.chatBubble__tail {
  position: relative;
  margin-right: 12px;
  border-bottom-right-radius: 0;
}
.chatBubble__tail:after {
  content: "";
  display: block;
  width: 12px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16V4V0C0 0 1.67011 7.22681 4.125 10.5C6.57989 13.7732 12 16 12 16H0Z' fill='%23EBF9FF'/%3E%3C/svg%3E%0A");
  position: absolute;
  right: -12px;
  bottom: 0;
}

/* End */


/* Start:/html/task_62753_zaza/css/checkboxComponent.css?17501016072730*/
/*
<label class="checkboxComponent">
    <input type="checkbox" class="checkboxComponent__input" data-id="" value="">
    <div class="checkboxComponent__txt uiText__medium__regular">Text</div>
</label>
*/
.checkboxComponent {
  margin: 0;
  position: relative;
  cursor: pointer;
}
.checkboxComponent:hover .checkboxComponent__txt:before {
  box-shadow: 0 0 0 1px #33C15E inset;
}
.checkboxComponent input {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  opacity: 0;
}
.checkboxComponent input:checked + .checkboxComponent__txt:before {
  background: #29994E url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.86195 8.19526C3.1223 7.93491 3.54441 7.93491 3.80476 8.19526L6.00002 10.3905L12.1953 4.19526C12.4556 3.93491 12.8777 3.93491 13.1381 4.19526C13.3984 4.45561 13.3984 4.87772 13.1381 5.13807L6.47142 11.8047C6.21108 12.0651 5.78897 12.0651 5.52862 11.8047L2.86195 9.13807C2.6016 8.87772 2.6016 8.45561 2.86195 8.19526Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50% !important;
  box-shadow: 0 0 0 1px #29994E inset;
}
.checkboxComponent input:checked:hover + .checkboxComponent__txt:before {
  background: #33C15E url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.86195 8.19526C3.1223 7.93491 3.54441 7.93491 3.80476 8.19526L6.00002 10.3905L12.1953 4.19526C12.4556 3.93491 12.8777 3.93491 13.1381 4.19526C13.3984 4.45561 13.3984 4.87772 13.1381 5.13807L6.47142 11.8047C6.21108 12.0651 5.78897 12.0651 5.52862 11.8047L2.86195 9.13807C2.6016 8.87772 2.6016 8.45561 2.86195 8.19526Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50% !important;
  box-shadow: 0 0 0 1px #33C15E inset;
}
.checkboxComponent__txt {
  display: flex;
  gap: 8px;
}
.checkboxComponent__txt:before {
  content: "";
  width: 24px;
  min-width: 24px;
  height: 24px;
  background: #ffffff;
  box-shadow: inset 0 0 0px 1px #8396A3;
  border-radius: 4px;
  display: inline-block;
  transition: all 0.25s ease;
  pointer-events: none;
}
.checkboxComponent[mode=disabled], .checkboxComponent:disabled, .checkboxComponent.disabled {
  color: #A3B5C2;
  cursor: default;
  pointer-events: none;
}
.checkboxComponent[mode=disabled] .checkboxComponent__txt:before, 
.checkboxComponent:disabled .checkboxComponent__txt:before,
.checkboxComponent.disabled .checkboxComponent__txt:before {
  background: #F5F8FA;
  box-shadow: inset 0 0 0px 1px #A3B5C2;
}
.checkboxComponent[mode=disabled] svg, .checkboxComponent:disabled svg, .checkboxComponent.disabled svg {
  fill: #A3B5C2;
}

/* End */


/* Start:/html/task_62753_zaza/css/chipsComponent.css?17465979388517*/
.chipsComponent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  background-color: #F5F8FA;
  border: 1px solid #CAD7E0;
  color: #323F47;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  border-radius: 999px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.3s, border-color 0.3s;
  position: relative;
}
.chipsComponent__radio {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.chipsComponent__radio:checked {
  cursor: default;
  pointer-events: none;
}
.chipsComponent:hover {
  background-color: #ECF2F6;
  border-color: #CAD7E0;
}
.chipsComponent:active {
  background-color: #E1EAF0;
  border-color: #CAD7E0;
}
.chipsComponent:has(.chipsComponent__radio:checked) {
  background-color: #F7FDF8;
  border-color: #29994E;
  color: #1C693D;
}
.chipsComponent:has(.chipsComponent__radio:checked):hover {
  background-color: #EFFBF1;
  border-color: #29994E;
}
.chipsComponent:has(.chipsComponent__radio:checked):active {
  background-color: #D6F5DC;
  border-color: #29994E;
}
.chipsComponent__medium .chipsComponent__txt {
  font-size: 16px;
  line-height: 24px;
}
.chipsComponent__small .chipsComponent__txt {
  font-size: 14px;
  line-height: 16px;
}
.chipsComponent__xSmall {
  padding: 4px 8px;
}
.chipsComponent__xSmall .chipsComponent__txt {
  font-size: 14px;
  line-height: 16px;
}
.chipsComponent__inner {
  display: flex;
  gap: 4px;
  align-items: center;
}
.chipsComponent__txt {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chipsComponent__xSmall {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  border-radius: 999px;
  border: 1px solid #CAD7E0;
  background: #F5F8FA;
  padding: 4px 2px 4px 8px;
  color: #323F47;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.chipsComponent__xSmall > span {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chipsComponent__xSmall .cancel_x2 {
  width: 20px;
  min-width: 20px;
  height: 16px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.03315 4.03364C4.2935 3.77329 4.71561 3.77329 4.97596 4.03364L7.99965 7.05733L11.0233 4.03364C11.2837 3.77329 11.7058 3.77329 11.9661 4.03364C12.2265 4.29399 12.2265 4.7161 11.9661 4.97645L8.94246 8.00014L11.9661 11.0238C12.2265 11.2842 12.2265 11.7063 11.9661 11.9666C11.7058 12.227 11.2837 12.227 11.0233 11.9666L7.99965 8.94295L4.97596 11.9666C4.71561 12.227 4.2935 12.227 4.03315 11.9666C3.7728 11.7063 3.7728 11.2842 4.03315 11.0238L7.05684 8.00014L4.03315 4.97645C3.7728 4.7161 3.7728 4.29399 4.03315 4.03364Z' fill='%2365788599'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain;
  transition: all 0.25s ease;
  padding-left: 4px;
  border-left: 1px solid rgba(50, 63, 71, 0.2);
  cursor: pointer;
}
.chipsComponent__xSmall .cancel_x2:hover {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.03315 4.03364C4.2935 3.77329 4.71561 3.77329 4.97596 4.03364L7.99965 7.05733L11.0233 4.03364C11.2837 3.77329 11.7058 3.77329 11.9661 4.03364C12.2265 4.29399 12.2265 4.7161 11.9661 4.97645L8.94246 8.00014L11.9661 11.0238C12.2265 11.2842 12.2265 11.7063 11.9661 11.9666C11.7058 12.227 11.2837 12.227 11.0233 11.9666L7.99965 8.94295L4.97596 11.9666C4.71561 12.227 4.2935 12.227 4.03315 11.9666C3.7728 11.7063 3.7728 11.2842 4.03315 11.0238L7.05684 8.00014L4.03315 4.97645C3.7728 4.7161 3.7728 4.29399 4.03315 4.03364Z' fill='%2365788566'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain;
}
.chipsComponent__xSmall .cancel_x2:active {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.03315 4.03364C4.2935 3.77329 4.71561 3.77329 4.97596 4.03364L7.99965 7.05733L11.0233 4.03364C11.2837 3.77329 11.7058 3.77329 11.9661 4.03364C12.2265 4.29399 12.2265 4.7161 11.9661 4.97645L8.94246 8.00014L11.9661 11.0238C12.2265 11.2842 12.2265 11.7063 11.9661 11.9666C11.7058 12.227 11.2837 12.227 11.0233 11.9666L7.99965 8.94295L4.97596 11.9666C4.71561 12.227 4.2935 12.227 4.03315 11.9666C3.7728 11.7063 3.7728 11.2842 4.03315 11.0238L7.05684 8.00014L4.03315 4.97645C3.7728 4.7161 3.7728 4.29399 4.03315 4.03364Z' fill='%23657885'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain;
}

.chipsComponent__small {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  border-radius: 999px;
  border: 1px solid #CAD7E0;
  background: #F5F8FA;
  padding: 8px 8px 8px 16px;
  color: #323F47;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  height: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.chipsComponent__small .cancel_x2 {
  width: 20px;
  min-width: 20px;
  height: 16px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.03315 4.03364C4.2935 3.77329 4.71561 3.77329 4.97596 4.03364L7.99965 7.05733L11.0233 4.03364C11.2837 3.77329 11.7058 3.77329 11.9661 4.03364C12.2265 4.29399 12.2265 4.7161 11.9661 4.97645L8.94246 8.00014L11.9661 11.0238C12.2265 11.2842 12.2265 11.7063 11.9661 11.9666C11.7058 12.227 11.2837 12.227 11.0233 11.9666L7.99965 8.94295L4.97596 11.9666C4.71561 12.227 4.2935 12.227 4.03315 11.9666C3.7728 11.7063 3.7728 11.2842 4.03315 11.0238L7.05684 8.00014L4.03315 4.97645C3.7728 4.7161 3.7728 4.29399 4.03315 4.03364Z' fill='%2365788599'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain;
  transition: all 0.25s ease;
  padding-left: 4px;
  border-left: 1px solid rgba(50, 63, 71, 0.2);
  cursor: pointer;
}
.chipsComponent__small .cancel_x2:hover {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.03315 4.03364C4.2935 3.77329 4.71561 3.77329 4.97596 4.03364L7.99965 7.05733L11.0233 4.03364C11.2837 3.77329 11.7058 3.77329 11.9661 4.03364C12.2265 4.29399 12.2265 4.7161 11.9661 4.97645L8.94246 8.00014L11.9661 11.0238C12.2265 11.2842 12.2265 11.7063 11.9661 11.9666C11.7058 12.227 11.2837 12.227 11.0233 11.9666L7.99965 8.94295L4.97596 11.9666C4.71561 12.227 4.2935 12.227 4.03315 11.9666C3.7728 11.7063 3.7728 11.2842 4.03315 11.0238L7.05684 8.00014L4.03315 4.97645C3.7728 4.7161 3.7728 4.29399 4.03315 4.03364Z' fill='%2365788566'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain;
}
.chipsComponent__small .cancel_x2:active {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.03315 4.03364C4.2935 3.77329 4.71561 3.77329 4.97596 4.03364L7.99965 7.05733L11.0233 4.03364C11.2837 3.77329 11.7058 3.77329 11.9661 4.03364C12.2265 4.29399 12.2265 4.7161 11.9661 4.97645L8.94246 8.00014L11.9661 11.0238C12.2265 11.2842 12.2265 11.7063 11.9661 11.9666C11.7058 12.227 11.2837 12.227 11.0233 11.9666L7.99965 8.94295L4.97596 11.9666C4.71561 12.227 4.2935 12.227 4.03315 11.9666C3.7728 11.7063 3.7728 11.2842 4.03315 11.0238L7.05684 8.00014L4.03315 4.97645C3.7728 4.7161 3.7728 4.29399 4.03315 4.03364Z' fill='%23657885'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain;
}
.chipsComponent__small > span {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chipsGroup {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.chipsGroup__nowrap {
  padding: 0 16px;
  margin: 0 -16px;
}
@media (max-width: 1199.98px) {
  .chipsGroup__nowrap {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .chipsGroup__nowrap::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    width: 0;
    height: 0;
    background: transparent;
  }
}
.chipsGroup.js_chips_popular .chipsComponent {
  cursor: pointer;
}
.chipsGroup:empty {
  display: none;
}

/* End */


/* Start:/html/task_62753_zaza/css/companyCard.css?1746597938986*/
/* Small Company Card */
.Card_Container {
  border-radius: var(--border-radius-x2, 16px);
  border: 1px solid var(--color-core-border-default, #e1eaf0);
  background: var(--color-core-background-white, #fff);
}

.Card_Sidebar {
  width: 288px;
  min-width: 252px;
  height: -moz-min-content;
  height: min-content;
  border: 1px solid #e1eaf0;
  border-radius: var(--border-radius-x2, 16px);
}

.Card_Container .Card_Image {
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}

.Card_Text {
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 16px;
}

.Card_Approved {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #42525c;
  gap: 4px;
}

.Card_Link {
  display: flex;
  flex-direction: row;
  gap: 4px;
  fill: currentColor;
  cursor: pointer;
  color: #29994e;
}

.Card_Description {
  color: #657885;
}

.Card_Link:hover,
.Card_Link:active {
  fill: #33c15e;
  color: #33c15e;
  transition: all 0.25s ease;
}

/* end Small Company Card */

/* End */


/* Start:/html/task_62753_zaza/css/counterComponent.css?1746597938305*/
.counterComponent {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #323F47;
  background-color: #ECF2F6;
}
.counterComponent[state=active] {
  color: #FFF;
  background-color: #29994E;
}

/* End */


/* Start:/html/task_62753_zaza/css/cvForm.css?17465979381836*/
.cvForm {
  max-width: 568px;
  margin: 0 auto;
  border-radius: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 768px) {
  .cvForm {
    width: 568px;
    max-width: 100%;
    border: 1px solid #D8E3EB;
  }
}
@media (min-width: 1200px) {
  .cvForm {
    width: 624px;
  }
}
.cvForm__toppanel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .cvForm__toppanel {
    padding: 24px 24px 0;
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .cvForm__toppanel {
    padding: 24px 24px 0;
    margin-bottom: 24px;
  }
}
.cvForm__toppanel > * {
  flex: 1;
  text-align: right;
}
.cvForm__toppanel > :first-child {
  text-align: left;
  flex: 1;
}
.cvForm__toppanel > :nth-child(2) {
  flex: 0;
  text-align: center;
}
.cvForm__toppanel .js_compact_stepper_prev {
  visibility: hidden;
}
.cvForm__head {
  padding: 0;
}
@media (min-width: 768px) {
  .cvForm__head {
    padding: 0 24px;
  }
}
@media (min-width: 1200px) {
  .cvForm__head {
    padding: 0 48px;
  }
}
.cvForm__body {
  padding: 0;
}
@media (min-width: 768px) {
  .cvForm__body {
    padding: 0 24px;
  }
}
@media (min-width: 1200px) {
  .cvForm__body {
    padding: 0 48px;
  }
}
.cvForm__footer {
  padding: 0 0 16px;
}
@media (min-width: 768px) {
  .cvForm__footer {
    padding: 0 24px 24px;
  }
}
@media (min-width: 1200px) {
  .cvForm__footer {
    padding: 0 48px 48px;
  }
}
.cvForm__footer button {
  width: 100%;
}
.cvForm .cvForm__step {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.cvForm .cvForm__step.active {
  display: block;
  opacity: 1;
}

.propertiesComponent {
  border: 1px solid #D8E3EB;
  padding: 16px;
  border-radius: 16px;
}

/* End */


/* Start:/html/task_62753_zaza/css/cvOwnCard.css?17465979381501*/
.cvOwnCard {
  box-shadow: 0px 0px 0px 1px rgba(83, 101, 112, 0.1019607843);
  border-radius: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 1199.98px) {
  .cvOwnCard {
    box-shadow: none;
  }
}
.cvOwnCard__top {
  padding: 24px;
  display: flex;
  gap: 24px;
}
@media (max-width: 1199.98px) {
  .cvOwnCard__top {
    flex-direction: column;
    gap: 16px;
    padding: 0;
  }
}
.cvOwnCard__data {
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
.cvOwnCard__logo {
  width: 48px;
  margin-left: auto;
}
@media (min-width: 768px) {
  .cvOwnCard__logo {
    width: 145px;
  }
}
.cvOwnCard__logo img {
  width: 100%;
}
.cvOwnCard__meta {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
}
.cvOwnCard__wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
}
.cvOwnCard__props {
  display: flex;
  gap: 8px;
}
.cvOwnCard__props .fui_icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: #657885;
}
.cvOwnCard__props__item {
  display: flex;
  gap: 4px;
  white-space: nowrap;
  align-items: center;
}
.cvOwnCard__props__item:after {
  content: "";
  width: 4px;
  min-width: 4px;
  height: 4px;
  background: #657885;
  border-radius: 50%;
  margin: 6px 0 4px 4px;
}
.cvOwnCard__props__item:nth-last-of-type(1):after {
  content: none;
}
@media (min-width: 768px) {
  .cvOwnCard__props {
    flex-direction: row;
    align-items: center;
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/dropdownOption.css?17465979381660*/
.dropdownOption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-radius: 16px;
  transition: all 0.35s ease;
  position: relative;
  margin: 0;
  cursor: pointer;
}
.dropdownOption:hover {
  background-color: #F5F8FA;
}
.dropdownOption[mode=disabled], .dropdownOption:disabled, .dropdownOption.disabled {
  color: #A3B5C2;
  cursor: default;
  pointer-events: none;
}
.dropdownOption[mode=disabled] svg, .dropdownOption:disabled svg, .dropdownOption.disabled svg {
  fill: #A3B5C2;
}
.dropdownOption__checkbox input {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 24px;
  height: 24px;
  opacity: 0;
}
.dropdownOption__checkbox input:checked + .dropdownOption__checkbox__txt:before {
  background: #29994E url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.86195 8.19526C3.1223 7.93491 3.54441 7.93491 3.80476 8.19526L6.00002 10.3905L12.1953 4.19526C12.4556 3.93491 12.8777 3.93491 13.1381 4.19526C13.3984 4.45561 13.3984 4.87772 13.1381 5.13807L6.47142 11.8047C6.21108 12.0651 5.78897 12.0651 5.52862 11.8047L2.86195 9.13807C2.6016 8.87772 2.6016 8.45561 2.86195 8.19526Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50% !important;
  box-shadow: 0 0 0 1px #29994E inset;
}
.dropdownOption__checkbox__txt {
  display: flex;
  gap: 8px;
}
.dropdownOption__checkbox__txt:before {
  content: "";
  width: 24px;
  height: 24px;
  background: #ffffff;
  box-shadow: inset 0 0 0px 1px #8396A3;
  border-radius: 4px;
  display: inline-block;
  transition: all 0.25s ease;
  pointer-events: none;
}

/* End */


/* Start:/html/task_62753_zaza/css/dropdownSelect.css?17465979383833*/
.js_select_menu {
  display: none;
  width: 100%;
}
.js_select_menu.show {
  display: block;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .js_select_menu {
    transform: translateY(100vh) !important;
    inset: auto 0 0 0 !important;
    position: fixed !important;
    transition: all 9s ease;
  }
  .js_select_menu.show {
    transform: translateY(0vh) !important;
    inset: auto 0 0 0 !important;
  }
}

.dropdownSelect {
  position: relative;
  width: 100%;
}
.dropdownSelect__inner {
  position: relative;
}
.dropdownSelect__inner input {
  cursor: pointer;
  caret-color: transparent;
}
.dropdownSelect__inner[mode=disabled] {
  pointer-events: none;
}
.dropdownSelect__inner[mode=disabled] input {
  background: #F5F8FA !important;
  box-shadow: 0 0 0 1px #F5F8FA !important;
  pointer-events: none;
  cursor: default;
}
.dropdownSelect__inner svg {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translate(0, -50%);
  transform-origin: center;
  transition: all 0.35s ease;
}
.dropdownSelect__inner[aria-expanded=true] svg {
  transform: translate(0, -50%) rotate(-180deg);
}
.dropdownSelect__menu {
  display: none;
  background-color: #FFF;
  box-shadow: 0px 12px 20px 0px rgba(83, 101, 112, 0.0509803922), 0px 0px 20px 0px rgba(83, 101, 112, 0.1019607843);
  border-radius: 8px;
  max-height: 245px !important;
}
.show .dropdownSelect__menu {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .dropdownSelect__menu {
    height: 304px !important;
    border-radius: 16px 16px 0 0;
  }
}
.dropdownSelect__header__mobile {
  background: #FFF;
  padding: 16px;
  border-radius: 16px 16px 0 0;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #E8E8E8;
  overflow: hidden;
  color: #11161A;
  text-overflow: ellipsis;
  font-family: Foco, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.dropdownSelect__close {
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
  line-height: 24px;
  text-align: center;
  border-radius: 999px;
  background: #F5F8FA;
}
.dropdownSelect__close svg {
  width: 16px;
  height: 16px;
}
.dropdownSelect__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px;
  border: 4px solid #FFF !important;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
.dropdownSelect__content::-webkit-scrollbar {
  width: 2px !important;
  background-color: #F1F1F1 !important;
}
.dropdownSelect__content::-webkit-scrollbar-thumb {
  background-color: #2DAA55 !important;
  background-clip: padding-box;
  border: 2px solid #2DAA55 !important;
  border-radius: 999px;
  -webkit-box-shadow: inset -1px 1px 0 #2DAA55, inset 1px 1px 0 #2DAA55 !important;
}
.dropdownSelect__content::-webkit-scrollbar-thumb:hover {
  background: #2DAA55 !important;
}
@media (min-width: 768px) {
  .dropdownSelect__content {
    border-radius: 8px;
  }
}
.dropdownSelect__item {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  color: #11161A;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.dropdownSelect__item:hover {
  background: #F5F8FA;
  color: #11161A;
}
.dropdownSelect__item svg {
  fill: #323F47;
}
.dropdownSelect__overlay {
  display: none;
}
@media (max-width: 767.98px) {
  .dropdownSelect__overlay {
    display: block;
    width: 100vw;
    min-height: calc(100vh + 100px);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(51, 64, 72, 0.5019607843);
    z-index: -1;
    transform: translateY(-100%);
  }
  .js_select_menu.show .dropdownSelect__overlay {
    transform: translateY(0);
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/employmentTerms.css?17465979382346*/
@charset "UTF-8";
/* .employmentTerms {

    &__toppanel {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        padding: 0;
        margin-bottom: 16px;
        @media (min-width: 768px) {
            padding: 24px 24px 0;
            margin-bottom: 24px;
        }
        @media (min-width: 1200px) {
            padding: 24px 24px 0;
            margin-bottom: 24px;
        }
        > * {
            flex: 1;
            text-align: right;
        }
        > :first-child {
            text-align: left;
            flex: 1;
        }
        > :nth-child(2) {
            flex: 0;
            text-align: center;
        }
        .js_compact_stepper_prev {
            visibility: hidden;
        }
    }
    &__step {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        &.active {
            display: block;
            opacity: 1;
        }
        // temp 
        // display: block !important;
        // opacity: 1 !important;
        // temp 
    }
} */
.employmentTerms__toppanel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0;
}
@media (min-width: 768px) {
  .employmentTerms__toppanel {
    padding: 24px 24px 0;
  }
}
@media (min-width: 1200px) {
  .employmentTerms__toppanel {
    padding: 24px 24px 0;
  }
}
.employmentTerms__toppanel > * {
  flex: 1;
  text-align: right;
}
.employmentTerms__toppanel > :first-child {
  text-align: left;
  flex: 1;
  width: 40px; /* Добавлено для фиксированной ширины */
}
.employmentTerms__toppanel > :nth-child(2) {
  flex: 0;
  text-align: center;
  padding: 0 10px;
}
.employmentTerms__toppanel .js_terms_back {
  opacity: 0;
}
.employmentTerms__step {
  display: none;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.employmentTerms__step.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
}

@media (max-width: 767.98px) {
  .employmentTerms__toppanel ~ .modalBody {
    height: calc(100vh - 40px);
  }
  .employmentTerms,
  .employmentTerms__step,
  .employmentTerms__step > .column-gap-24 {
    height: 100% !important;
  }
}
.checkbox_block.disabled {
  color: #B7BCC1;
  pointer-events: none;
}

/* End */


/* Start:/html/task_62753_zaza/css/filterDesktop.css?1746597938791*/
.filterBlock__window {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 14px;
  overscroll-behavior: contain;
}
.filterBlock__window::-webkit-scrollbar {
  width: 2px !important;
  background-color: #F1F1F1 !important;
}
.filterBlock__window::-webkit-scrollbar-thumb {
  background-color: #2DAA55 !important;
  background-clip: padding-box;
  border: 2px solid #2DAA55 !important;
  border-radius: 999px;
  -webkit-box-shadow: inset -1px 1px 0 #2DAA55, inset 1px 1px 0 #2DAA55 !important;
}
.filterBlock__window::-webkit-scrollbar-thumb:hover {
  background: #2DAA55 !important;
}
.filterBlock__window .checkbox_block__txt {
  display: flex;
  gap: 8px;
}
.filterBlock__window .checkbox_block__num {
  font-size: 16px;
  line-height: 24px;
  color: #657885;
  margin-left: auto;
}

/* End */


/* Start:/html/task_62753_zaza/css/filterMobile.css?17465979381630*/
@media (max-width: 1199.98px) {
  .filterMobile {
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    padding-bottom: 100px;
    background: #fff;
    z-index: 99;
    transform: translateX(-100%);
    transition: transform 0.15s ease;
  }
  .filterMobile.is_open {
    transform: translateX(0);
  }
  .filterMobile__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px 0;
  }
  .filterMobile__body {
    padding: 16px;
    padding-right: 6px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 100%;
    margin-right: 8px;
    padding-bottom: 64px;
    overscroll-behavior: contain;
  }
  .filterMobile__body::-webkit-scrollbar {
    width: 2px !important;
    background-color: #F1F1F1 !important;
  }
  .filterMobile__body::-webkit-scrollbar-thumb {
    background-color: #2DAA55 !important;
    background-clip: padding-box;
    border: 2px solid #2DAA55 !important;
    border-radius: 999px;
    -webkit-box-shadow: inset -1px 1px 0 #2DAA55, inset 1px 1px 0 #2DAA55 !important;
  }
  .filterMobile__body::-webkit-scrollbar-thumb:hover {
    background: #2DAA55 !important;
  }
  .filterMobile__results {
    position: fixed;
  }
}
.filterMobile__results {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  border-top: 1px solid #E1EAF0;
  background-color: #fff;
}
@media (min-width: 1200px) {
  .filterMobile__results {
    position: absolute;
    border-radius: 0 0 16px 16px;
  }
}
.filterMobile__results > * {
  width: 100%;
}

#filterChips {
  margin-bottom: 24px;
  padding-bottom: 8px;
}

/* End */


/* Start:/html/task_62753_zaza/css/functionButton.css?17465979386749*/
.functionButton__primary__small {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  color: #29994E;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.35s ease;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.functionButton__primary__small svg {
  fill: currentColor;
}
.functionButton__primary__small svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.functionButton__primary__small:hover {
  color: #33C15E;
}
.functionButton__primary__small:hover svg {
  fill: #33C15E;
}
.functionButton__primary__small:active {
  color: #248949;
}
.functionButton__primary__small:active svg {
  fill: #248949;
}
.functionButton__primary__small:disabled {
  color: #A3B5C2;
  cursor: not-allowed;
}
.functionButton__primary__small:disabled svg {
  fill: #A3B5C2;
}

.functionButton__primary__medium {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  color: #29994E;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.35s ease;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  height: 24px;
}
.functionButton__primary__medium svg {
  fill: currentColor;
}
.functionButton__primary__medium svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.functionButton__primary__medium:hover {
  color: #33C15E;
}
.functionButton__primary__medium:hover svg {
  fill: #33C15E;
}
.functionButton__primary__medium:active {
  color: #248949;
}
.functionButton__primary__medium:active svg {
  fill: #248949;
}
.functionButton__primary__medium:disabled {
  color: #A3B5C2;
  cursor: not-allowed;
}
.functionButton__primary__medium:disabled svg {
  fill: #A3B5C2;
}

.functionButton__secondary__small {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  color: #657885;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.35s ease;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.functionButton__secondary__small svg {
  fill: currentColor;
}
.functionButton__secondary__small svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.functionButton__secondary__small:hover {
  color: #536570;
}
.functionButton__secondary__small:hover svg {
  fill: #536570;
}
.functionButton__secondary__small:active {
  color: #42525C;
}
.functionButton__secondary__small:active svg {
  fill: #42525C;
}
.functionButton__secondary__small:disabled {
  color: #A3B5C2;
  cursor: not-allowed;
}
.functionButton__secondary__small:disabled svg {
  fill: #A3B5C2;
}

.functionButton__secondary__medium {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  color: #657885;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.35s ease;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  height: 24px;
}
.functionButton__secondary__medium svg {
  fill: currentColor;
}
.functionButton__secondary__medium svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.functionButton__secondary__medium:hover {
  color: #536570;
}
.functionButton__secondary__medium:hover svg {
  fill: #536570;
}
.functionButton__secondary__medium:active {
  color: #42525C;
}
.functionButton__secondary__medium:active svg {
  fill: #42525C;
}
.functionButton__secondary__medium:disabled {
  color: #A3B5C2;
  cursor: not-allowed;
}
.functionButton__secondary__medium:disabled svg {
  fill: #A3B5C2;
}

.functionButton__tertiary__small {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  color: #8396A3;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.35s ease;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.functionButton__tertiary__small svg {
  fill: currentColor;
}
.functionButton__tertiary__small svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.functionButton__tertiary__small:hover {
  color: #536570;
}
.functionButton__tertiary__small:hover svg {
  fill: #536570;
}
.functionButton__tertiary__small:active {
  color: #42525C;
}
.functionButton__tertiary__small:active svg {
  fill: #42525C;
}
.functionButton__tertiary__small:disabled {
  color: #A3B5C2;
  cursor: not-allowed;
}
.functionButton__tertiary__small:disabled svg {
  fill: #A3B5C2;
}

.functionButton__tertiary__medium {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  color: #8396A3;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.35s ease;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  height: 24px;
}
.functionButton__tertiary__medium svg {
  fill: currentColor;
}
.functionButton__tertiary__medium svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.functionButton__tertiary__medium:hover {
  color: #536570;
}
.functionButton__tertiary__medium:hover svg {
  fill: #536570;
}
.functionButton__tertiary__medium:active {
  color: #42525C;
}
.functionButton__tertiary__medium:active svg {
  fill: #42525C;
}
.functionButton__tertiary__medium:disabled {
  color: #A3B5C2;
  cursor: not-allowed;
}
.functionButton__tertiary__medium:disabled svg {
  fill: #A3B5C2;
}

.functionButton__onaccent__small {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  color: #FFF;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.35s ease;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.functionButton__onaccent__small svg {
  fill: currentColor;
}
.functionButton__onaccent__small svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.functionButton__onaccent__small:hover {
  color: #FFFFFF;
}
.functionButton__onaccent__small:hover svg {
  fill: #FFFFFF;
}
.functionButton__onaccent__small:active {
  color: #FFFFFF;
}
.functionButton__onaccent__small:active svg {
  fill: #FFFFFF;
}
.functionButton__onaccent__small:disabled {
  color: #FFFFFF;
  cursor: not-allowed;
}
.functionButton__onaccent__small:disabled svg {
  fill: #FFFFFF;
}

.functionButton__onaccent__medium {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  color: #FFF;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.35s ease;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  height: 24px;
}
.functionButton__onaccent__medium svg {
  fill: currentColor;
}
.functionButton__onaccent__medium svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.functionButton__onaccent__medium:hover {
  color: #FFFFFF;
}
.functionButton__onaccent__medium:hover svg {
  fill: #FFFFFF;
}
.functionButton__onaccent__medium:active {
  color: #FFFFFF;
}
.functionButton__onaccent__medium:active svg {
  fill: #FFFFFF;
}
.functionButton__onaccent__medium:disabled {
  color: #FFFFFF;
  cursor: not-allowed;
}
.functionButton__onaccent__medium:disabled svg {
  fill: #FFFFFF;
}

/* End */


/* Start:/html/task_62753_zaza/css/global_helpers.css?17465979383462*/
@media (max-width: 767.98px) {
  .helperResetStyles__mobile {
    all: unset;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .helperResetStyles__tablet {
    all: unset;
  }
}
@media (min-width: 1200px) {
  .helperResetStyles__desktop {
    all: unset;
  }
}
.helperJustifyFlexColumnContent__center {
  justify-content: center;
}

.helper__container__12 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}
.helper__container__12 .row {
  margin-right: -24px;
  margin-left: -24px;
}
.helper__container__12 .row [class*=col-] {
  padding-right: 12px;
  padding-left: 12px;
}

.helper__form__wrapper {
  padding: 48px;
  border-radius: 24px;
  border: 1px solid #E1EAF0;
}

.helper__width__100 {
  width: 100%;
}

.color_hint {
  color: #42525C;
}

.color_primary {
  color: #29994E;
}

.color_default {
  color: #11161A;
}

.justify_sb {
  justify-content: space-between;
}

.width_fit {
  width: -moz-fit-content;
  width: fit-content;
}

.width_full {
  width: 100%;
}

.hr__devider {
  width: 100%;
  height: 1px;
  background-color: #E1EAF0;
}

.link__underline__accent {
  display: inline;
  color: #29994E;
  border-bottom: 1px solid #29994E;
  transition: all 0.35s ease;
}
.link__underline__accent:hover {
  border-bottom: 1px solid transparent;
}

@media (max-width: 1199.98px) {
  .helperBackground__touch {
    background: #F5F8FA;
  }
  .helperBackground__touch__parent {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: transparent;
  }
  .helperBackground__touch__child {
    background: white;
    border-radius: 24px;
    margin-left: -16px;
    margin-right: -16px;
    box-shadow: 0px 2px 4px 0px rgba(83, 101, 112, 0.0509803922), 0px 0px 8px 0px rgba(83, 101, 112, 0.0509803922);
    padding: 24px 16px;
  }
}
@media (min-width: 1200px) {
  .buttonAccent__ghost__medium__ondesktop {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    box-shadow: none;
    border-style: unset;
    background-color: unset;
    background-color: #FFFFFF;
    color: #1C693D;
    border: 1px solid #FFFFFF;
    border-radius: 999px;
    transition: all 0.35s ease;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    white-space: nowrap;
    text-align: center;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }
  .buttonAccent__ghost__medium__ondesktop:hover {
    background-color: #BEEEC8;
    border-color: #BEEEC8;
    color: #1C693D;
  }
}
.text__ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 1200px) {
  .buttonAccent__primary__large__ondesktop {
    padding: 15.2px 40px;
    font-size: 18px;
    line-height: 24px;
  }
  .buttonAccent__primary__large__ondesktop svg {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
}

.Cell.bordered.create_resume {
  justify-content: center;
  text-align: center;
}
.Cell.bordered.create_resume .buttonAccent__primary__medium {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .Cell.bordered.create_resume {
    border-style: none;
    padding: 0;
  }
  .Cell.bordered.create_resume .buttonAccent__primary__medium {
    padding: 15.2px 40px;
    font-size: 18px;
    line-height: 24px;
  }
  .Cell.bordered.create_resume .buttonAccent__primary__medium svg {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/global_layout.css?17465979381311*/
.row-gap-4 {
  display: flex;
  gap: 4px;
}

.row-gap-8 {
  display: flex;
  gap: 8px;
}

.row-gap-16 {
  display: flex;
  gap: 16px;
}

.row-gap-24 {
  display: flex;
  gap: 24px;
}

@media (max-width: 767.98px) {
  .column-mobile {
    flex-direction: column;
  }
}

[class*=button] [class*=row-gap] {
  justify-content: center;
}

.column-gap-32-48 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1200px) {
  .column-gap-32-48 {
    gap: 48px;
  }
}

.column-gap-24-16 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1200px) {
  .column-gap-24-16 {
    gap: 16px;
  }
}

.column-gap-16-24 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1200px) {
  .column-gap-16-24 {
    gap: 24px;
  }
}

.column-gap-8-16 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 1200px) {
  .column-gap-8-16 {
    gap: 16px;
  }
}

.sectionHead {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  .sectionHead .buttonAccent__primary__small {
    padding: 7.2px 24px;
    font-size: 16px;
    line-height: 24px;
  }
  .sectionHead .buttonAccent__primary__small svg {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/global_notificationPanel.css?1746597938262*/
.notificationPanel {
  display: flex;
  gap: 8px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #FFCB11;
  background-color: #FFFBF5;
  border-left-width: 8px;
}
.notificationPanel__success {
  border-color: green;
  background-color: lightgreen;
}

/* End */


/* Start:/html/task_62753_zaza/css/global_typography.css?17465979383138*/
@charset "UTF-8";
.headingH1 {
  font-family: Foco, sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}
@media (max-width: 1200px) {
  .headingH1 {
    font-family: Foco, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
  }
}
@media (max-width: 768px) {
  .headingH1 {
    font-family: Foco, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
  }
}

.headingH2 {
  font-family: Foco, sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 1200px) {
  .headingH2 {
    font-family: Foco, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 768px) {
  .headingH2 {
    font-family: Foco, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
  }
}

.headingH3 {
  font-family: Foco, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 1200px) {
  .headingH3 {
    font-family: Foco, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  .headingH3 {
    font-family: Foco, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
  }
}

.headingH4 {
  font-family: Foco, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 1200px) {
  .headingH4 {
    font-family: Foco, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  .headingH4 {
    font-family: Foco, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
  }
}

.bodyText__small__regular {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}

.bodyText__small__bold {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}

.bodyText__medium__regular {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.bodyText__medium__bold {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}

.bodyText__large__regular {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.bodyText__large__bold {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}

.uiSmallRegular {
  font-size: 14px;
  line-height: 16px;
}

.uiLargeBold {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.uiMediumBold {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.uiSmallBold {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

/* Новые классы ui */
.uiText__small__regular {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}

.uiText__small__bold {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}

.uiText__medium__regular {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.uiText__medium__bold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.uiText__large__regular {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.uiText__large__bold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.hintMessage__small {
  font-size: 14px;
  line-height: 16px;
  color: #42525C;
}

/* End */


/* Start:/html/task_62753_zaza/css/gridInner.css?1746597938335*/
.gridInner__row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.gridInner__column {
  flex: 0 0 100%;
  max-width: 100%;
}
.gridInner__column__tablet__50 {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .gridInner__column__tablet__50 {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/iconButton.css?17501016071849*/
.iconButton {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 8px;
}

.iconButton__bookmark {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  border-radius: 999px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.35s ease;
}
.iconButton__bookmark__medium {
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 8px;
}
.iconButton__bookmark__checkbox {
  opacity: 0;
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.iconButton__bookmark__checkbox:checked + svg {
  stroke: #29994E;
  fill: #29994E;
}
.iconButton__bookmark svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  fill: #FFF;
  stroke: #323F47;
  stroke-width: 2px;
}
@media (hover: hover ) {
  .iconButton__bookmark:hover svg {
    fill: #FFF;
    stroke: #33C15E;
  }
}
.iconButton__bookmark:active {
  background-color: #EFFBF1;
}
.iconButton__bookmark:active svg {
  fill: #29994E;
  stroke: #29994E;
}
.iconButton__bookmark:has(input:checked) svg {
  fill: #29994E;
  stroke: #29994E;
}
@media (hover: hover ) {
  .iconButton__bookmark:has(input:checked):hover svg {
    fill: #33C15E;
    stroke: #33C15E;
  }
}
.iconButton__bookmark:has(input:checked):active {
  background-color: #EFFBF1;
}
.iconButton__bookmark:has(input:checked):active svg {
  fill: #248949;
  stroke: #248949;
}
.iconButton__bookmark:disabled {
  background-color: #F5F8FA;
  pointer-events: none;
}
.iconButton__bookmark:disabled svg {
  fill: #F5F8FA;
  stroke: #A3B5C2;
}
.iconButton__bookmark.loading {
  background: url("/html/task_62753_zaza/css/../img/scene.gif") no-repeat 50% 50%/24px 24px;
  pointer-events: none;
}
.iconButton__bookmark.loading svg {
  display: none;
}

/* End */


/* Start:/html/task_62753_zaza/css/iconButtonNeutralGhostMedium.css?1746597938396*/
.iconButtonNeutralGhostMedium {
  display: flex;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  justify-content: center;
  border-radius: 999px;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
}

.iconButtonNeutralGhostMedium.is_open {
  background: #CAD7E0;
}

.iconButtonNeutralGhostMedium:not(.is_open):hover {
  background-color: #D8E3EB;
}

/* End */


/* Start:/html/task_62753_zaza/css/iconToggle.css?1746597938429*/
.iconToggle {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.iconToggle__checkbox {
  opacity: 0;
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.iconToggle__checkbox:checked + svg {
  stroke: #29994E;
  fill: #29994E;
}
.iconToggle__icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  stroke: #323F47;
  fill: #FFF;
  transition: 0.25s ease all;
}

/* End */


/* Start:/html/task_62753_zaza/css/inputComponent.css?17465979382277*/
.inputComponent {
  display: block;
  width: 100%;
  border-radius: 8px;
  line-height: 24px;
  border-style: none;
  box-shadow: 0 0 0 1px #657885 inset;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  transition: all 0.25s ease;
}
.inputComponent:-webkit-autofill, .inputComponent:-webkit-autofill:hover, .inputComponent:-webkit-autofill:focus textarea:-webkit-autofill {
  border: 1px solid #657885;
  -webkit-text-fill-color: #11161A;
  box-shadow: 0 0 0px 1000px #fff inset !important;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.inputComponent:-webkit-autofill:placeholder-shown {
  border: 1px solid #657885;
}
.inputComponent:-webkit-autofill:not(:placeholder-shown) {
  border: 1px solid #657885;
  color: #11161A;
}
.inputComponent:-webkit-autofill:not(:placeholder-shown):not(.input-error) {
  border: 1px solid #657885;
}
.inputComponent:-webkit-autofill:not(:placeholder-shown):not(.input-error):hover {
  border: 1px solid #536570;
}
.inputComponent:-webkit-autofill:not(:placeholder-shown).input-error {
  border: 1px solid #DA0000;
}
.inputComponent:-webkit-autofill:not(:placeholder-shown):focus-visible, .inputComponent:-webkit-autofill:not(:placeholder-shown):focus, .inputComponent:-webkit-autofill:not(:placeholder-shown):focus-within {
  border: 2px solid #29994E;
}
.inputComponent::-moz-placeholder {
  color: #657885;
}
.inputComponent::placeholder {
  color: #657885;
}
.inputComponent:hover {
  box-shadow: 0 0 0 1px #536570 inset;
}
.inputComponent:focus-within {
  box-shadow: 0 0 0 2px #29994E inset;
}
.inputComponent .input-error,
.inputComponent .is-errored, .is-errored:not(.multy_field) .inputComponent {
  box-shadow: 0 0 0 1px #DA0000 inset;
}
.inputComponent[type=number]::-webkit-outer-spin-button, .inputComponent[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.inputComponent[type=number][type=number] {
  -webkit-appearance: textfield;
          appearance: textfield;
  -moz-appearance: textfield;
}
.inputComponent__large {
  padding: 16px;
  font-size: 18px;
}
.inputComponent__medium {
  padding: 8px 16px;
  font-size: 16px;
}

/* End */


/* Start:/html/task_62753_zaza/css/inputReset.css?1746597938285*/
.inputReset {
  position: relative;
}
.inputReset [type=reset] {
  all: unset;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-24px, -50%);
  opacity: 0;
}
.inputReset [type=reset] svg {
  fill: #8396A3;
}
.inputReset input:focus + [type=reset] {
  opacity: 1;
}

/* End */


/* Start:/html/task_62753_zaza/css/jobApplicationCard.css?17465979382301*/
.jobApplicationCard {
  box-shadow: 0px 0px 0px 1px rgba(83, 101, 112, 0.1019607843);
  padding: 24px 24px 16px;
  border-radius: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
.jobApplicationCard:hover {
  box-shadow: 0px 4px 8px 0px rgba(83, 101, 112, 0.0509803922), 0px 0px 16px 0px rgba(83, 101, 112, 0.1019607843);
}
.jobApplicationCard:hover .headingH3 {
  color: #29994E;
}

.jobApplicationCard:not(:nth-last-of-type(1)) {
  margin-bottom: 16px;
}

.jobApplicationCard .notificationPanel {
  margin-bottom: 24px;
}

.jobApplicationCard__head {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 24px;
}

.jobApplicationCard__head__left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.jobApplicationCard__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  position: relative;
  z-index: 2;
}

.jobApplicationCard__bottom .iconButtonNeutralGhostMedium {
  display: none;
}

.jobApplicationCard__bottom [class*=button] {
  width: 100%;
}

.jobApplicationCard__devider {
  width: calc(100% + 48px);
  height: 1px;
  margin: 24px -24px 16px;
  background-color: #E1EAF0;
}

@media (min-width: 768px) {
  .jobApplicationCard__bottom {
    gap: 16px;
  }
  .jobApplicationCard__bottom [class*=button] {
    width: auto;
  }
  .jobApplicationCard__bottom .iconButtonNeutralGhostMedium {
    display: block;
    margin-left: auto;
  }
  .jobApplicationCard__bottom .iconButtonNeutralGhostMedium > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.jobApplicationCard__props {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.jobApplicationCard__props .fui_icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: #657885;
}

.jobApplicationCard__props__item {
  display: flex;
  gap: 4px;
  white-space: nowrap;
  align-items: center;
}

.jobApplicationCard__props__item:after {
  content: "";
  width: 4px;
  min-width: 4px;
  height: 4px;
  background: #657885;
  border-radius: 50%;
  margin: 6px 0 4px 4px;
}

.jobApplicationCard__props__item:nth-last-of-type(1):after {
  content: none;
}

@media (min-width: 768px) {
  .jobApplicationCard__props {
    flex-direction: row;
    align-items: center;
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/jobVacancyCard.css?17473747124180*/
.jobVacancyCard {
  box-shadow: 0px 0px 0px 1px rgba(83, 101, 112, 0.1019607843);
  padding: 24px;
  border-radius: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px 0;
  grid-template-areas: "data data" "meta logo" "buttons buttons";
}
.jobVacancyCard[state=archived] .jobVacancyCard__data > :not(.jobVacancyCard__badges) {
  color: #657885;
}
.jobVacancyCard__data {
  grid-area: data;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.jobVacancyCard__logo {
  grid-area: logo;
  width: 48px;
  height: 24px;
  margin-left: auto;
  position: relative;
	overflow: hidden;
}
.jobVacancyCard__logo img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .jobVacancyCard__logo {
    width: 145px;
		height: 80px;
  }
}

.jobVacancyCard__meta {
  grid-area: meta;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.jobVacancyCard__buttons {
  grid-area: buttons;
  display: flex;
  align-items: center;
  gap: 16px;
}
.jobVacancyCard__buttons button {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .jobVacancyCard {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "data data logo" "data data logo" "buttons buttons meta";
  }
  .jobVacancyCard__meta {
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 16px;
  }
  .jobVacancyCard__meta > * {
    white-space: nowrap;
  }
  .jobVacancyCard__buttons button {
    flex-grow: 0;
  }
}
.jobVacancyCard.jobVacancyCard__responses .jobVacancyCard__meta {
  justify-content: unset;
}
@media (min-width: 768px) {
  .jobVacancyCard.jobVacancyCard__responses {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "data data logo" "meta meta logo" "buttons buttons buttons";
  }
}

.jobVacancyCard:not(:nth-last-of-type(1)) {
  margin-bottom: 16px;
}

.jobVacancyCard .notificationPanel {
  margin-bottom: 24px;
}

.jobVacancyCard__head {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 24px;
}

.jobVacancyCard__head__left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.jobVacancyCard__avatar {
  width: 56px;
  min-width: 56px;
  height: 56px;
}

.jobVacancyCard__avatar img {
  max-width: 100%;
}

.jobVacancyCard__bottom {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}

.jobVacancyCard__bottom .iconButtonNeutralGhostMedium {
  margin-left: auto;
}

.jobVacancyCard__bottom button {
  width: 100%;
}

.jobVacancyCard__devider {
  width: calc(100% + 48px);
  height: 1px;
  margin: 16px -24px;
  background-color: #E1EAF0;
}

@media (min-width: 768px) {
  .jobVacancyCard__bottom {
    flex-direction: row;
    gap: 16px;
  }
  .jobVacancyCard__bottom button {
    width: auto;
  }
}
.jobVacancyCard__props {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.jobVacancyCard__props .fui_icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: #657885;
}

.jobVacancyCard__props__item {
  display: flex;
  gap: 4px;
  white-space: nowrap;
  align-items: center;
}

.jobVacancyCard__props__item:after {
  content: "";
  width: 4px;
  min-width: 4px;
  height: 4px;
  background: #657885;
  border-radius: 50%;
  margin: 6px 0 4px 4px;
}

.jobVacancyCard__props__item:nth-last-of-type(1):after {
  content: none;
}

@media (min-width: 768px) {
  .jobVacancyCard__props {
    flex-direction: row;
    align-items: center;
  }
}
.jobVacancyCard__list {
  display: flex;
  flex-direction: column;
}

.jobVacancyCard__badges {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* iconButton */
.jobVacancyCard__buttons .iconButton {
  position: relative;
}

.jobVacancyCard__buttons .checkbox_hidden {
  opacity: 0;
  position: absolute;
  inset: 0;
  cursor: pointer;
}

.jobVacancyCard__buttons .checkbox_hidden + .fui_icon {
  stroke: #323F47;
  fill: #FFF;
  transition: 0.25s ease all;
}

.jobVacancyCard__buttons .checkbox_hidden:checked + .fui_icon {
  stroke: #29994E;
  fill: #29994E;
}

/* end iconButton */
.resultCounter {
  font-size: 16px;
  line-height: 24px;
  color: #657885;
}

/* End */


/* Start:/html/task_62753_zaza/css/jobVacancyCard__detail.css?1746597938609*/
.jobVacancyCard__detail {
  box-shadow: 0px 0px 0px 1px #E1EAF0;
  border-radius: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.jobVacancyCard__detail__top {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}
.jobVacancyCard__detail__badges {
  display: flex;
  align-items: center;
  gap: 8px;
}
.jobVacancyCard__detail__buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}
.jobVacancyCard__detail__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 16px 24px;
  border-top: 1px solid #E1EAF0;
}

/* End */


/* Start:/html/task_62753_zaza/css/menuListHorizontal.css?1746597938454*/
.menuListHorizontal {
  display: flex;
  justify-content: space-between;
  gap: 24px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.menuListHorizontal .navigationItem {
  color: #11161A;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: calc(33% - 16px);
  max-width: calc(33% - 16px);
}
.menuListHorizontal .navigationItem svg {
  fill: #323F47;
}

/* End */


/* Start:/html/task_62753_zaza/css/menuListVertical.css?17465979381032*/
.menuListVertical {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.menuListVertical .navigationItem {
  color: #11161A;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  border-radius: 8px;
}
.menuListVertical .navigationItem:hover {
  background: #F5F8FA;
}
.menuListVertical .navigationItem.js_current {
  background: #F5F8FA;
  pointer-events: none;
}
.menuListVertical .navigationItem svg {
  fill: #323F47;
}
.menuListVertical .badgeIndicatorParent {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.menuListVertical .badgeIndicator {
  position: relative;
  top: unset;
  right: unset;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #29994E;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
}

/* End */


/* Start:/html/task_62753_zaza/css/modalMobileBottom.css?17465979381207*/
.modalMobileBottom .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  outline: 0;
  border-radius: 16px;
}

.modalHeader {
  padding: 16px 16px 0 16px;
}

.modalTopPanel {
  position: relative;
  padding: 8px 48px;
}
.modalTopPanel .iconButton {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.modalTopPanel .iconButton svg {
  fill: #323F47;
}

/*
.modalButtons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px 16px 16px;  
}
.modalButtons button {
  width: 100%;
}
*/
@media (min-width: 1200px) {
  .helperModalWidth__desktop__400 .modal-dialog {
    width: 400px;
    max-width: 400px;
  }
  .modalHeader {
    padding: 24px 24px 0;
  }
  /*
  .modalButtons {
    padding: 0 24px 24px;
  }
  */
}
@media (max-width: 1199.98px) {
  .modalMobileBottom .modal-dialog {
    width: 100vw;
    max-width: 100vw;
    margin: 16px;
  }
  .modalMobileBottom .modal-content {
    position: fixed;
    bottom: 16px;
    max-width: calc(100vw - 32px);
    margin: auto;
  }
}
.modal {
  padding: 0 !important;
}

/* End */


/* Start:/html/task_62753_zaza/css/modalWindow.css?17465979387210*/
@charset "UTF-8";
.modalWindow {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: 100vh;
  max-height: 100vh;
  transition: none !important;
}
.modalWindow * {
  transition: none !important;
}
.modalWindow .modal-dialog {
  margin: 0 auto;
  min-height: 100vh !important;
}
@media (max-width: 767.98px) {
  .modalWindow .modal-dialog {
    margin: 0;
  }
}
.modalWindow .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100vh;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  outline: 0;
  border-radius: 16px;
}
@media (min-width: 1200px) {
  .modalWindow .modal-content {
    max-height: 95vh;
  }
}
.modalWindow .modalHeader {
  padding: 16px 16px 0 16px;
  z-index: 1;
}
.modalWindow .modalHeader__bordered {
  box-shadow: 0px 2px 4px 0px rgba(83, 101, 112, 0.0509803922), 0px 0px 8px 0px rgba(83, 101, 112, 0.0509803922);
}
.modalWindow .modalTopPanel {
  position: relative;
  padding: 8px 48px;
}
.modalWindow .modalTopPanel .iconButton {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.modalWindow .modalTopPanel svg {
  fill: #323F47;
}
.modalWindow .modalBody {
  padding: 16px 10px 0 16px;
  margin: 0 4px 16px 0;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
.modalWindow .modalBody::-webkit-scrollbar {
  width: 2px !important;
  background-color: #F1F1F1 !important;
}
.modalWindow .modalBody::-webkit-scrollbar-thumb {
  background-color: #2DAA55 !important;
  background-clip: padding-box;
  border: 2px solid #2DAA55 !important;
  border-radius: 999px;
  -webkit-box-shadow: inset -1px 1px 0 #2DAA55, inset 1px 1px 0 #2DAA55 !important;
}
.modalWindow .modalBody::-webkit-scrollbar-thumb:hover {
  background: #2DAA55 !important;
}
@media (min-width: 1200px) {
  .modalWindow .modalBody {
    padding: 24px 18px 0 24px;
    margin: 0 4px 24px 0;
  }
}
.modalWindow .modalButtons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modalWindow .modalButtons button {
  width: 100%;
}
@media (min-width: 1200px) {
  .modalWindow .modalButtons__row {
    padding: 0 48px 48px;
    flex-direction: row;
    gap: 24px;
  }
  .modalWindow .modalButtons__row > :nth-last-of-type(1):not(:only-child) {
    max-width: 176px;
  }
}
@media (max-width: 1199.98px) {
  .modalWindow.helper__modal__desktop__624w .modal-dialog {
    width: 568px;
    max-width: 568px;
  }
}
@media (min-width: 1200px) {
  .modalWindow.helper__modal__desktop__624w .modal-dialog {
    width: 624px;
    max-width: 624px;
  }
}
.modalWindow.helper__modal__desktop__624w .modalHeader {
  padding: 24px 24px 0;
}
@media (max-width: 1199.98px) {
  .modalWindow.helper__modal__desktop__624w .modalHeader {
    padding: 16px 16px 0;
  }
}
@media (max-width: 1199.98px) {
  .modalWindow.helper__modal__desktop__624w .modalBody {
    padding: 24px 18px 0 24px;
    margin: 0 4px 24px 0;
  }
}
@media (min-width: 1200px) {
  .modalWindow.helper__modal__desktop__624w .modalBody {
    padding: 24px 42px 0 48px;
    margin: 0 4px 24px 0;
  }
}
@media (min-width: 1200px) {
  .modalWindow.helper__modal__desktop__368w .modal-dialog {
    width: 368px;
    max-width: 368px;
  }
}
.modalWindow.helper__modal__desktop__368w .modalHeader {
  padding: 16px 16px 0;
}
.modalWindow.helper__modal__desktop__368w .modalButtons {
  padding: 0 16px 16px;
}
@media (max-width: 767.98px) {
  .modalWindow.helper__modal__mobile__bottom .modal-dialog {
    width: 100vw;
    max-width: 100vw;
    min-height: 100vh;
  }
  .modalWindow.helper__modal__mobile__bottom .modal-content {
    margin: auto 16px 16px;
  }
}
@media (max-width: 767.98px) {
  .modalWindow.helper__modal__mobile__bottom__nogap .modal-dialog {
    width: 100vw;
    max-width: 100vw;
    min-height: 100vh;
  }
  .modalWindow.helper__modal__mobile__bottom__nogap .modal-content {
    border-radius: 16px 16px 0 0;
    inset: calc(var(--vh, 1vh) * 100 - (var(--modal-content-height))) 0 0 0;
    height: -moz-max-content;
    height: max-content;
    position: absolute;
  }
}
@media (max-width: 767.98px) {
  .modalWindow.helper__modal__mobile__100vh {
    height: calc(var(--vh, 1vh) * 100);
  }
  .modalWindow.helper__modal__mobile__100vh .modal-dialog {
    margin: 0;
  }
  .modalWindow.helper__modal__mobile__100vh .modal-content {
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    position: fixed;
    top: 0;
    border-radius: 0;
  }
  .modalWindow.helper__modal__mobile__100vh .modalBody {
    padding: 24px 10px 0 16px;
    margin: 0 4px 24px 0;
    height: calc(100vh - 56px);
    height: calc(var(--vh, 1vh) * 100 - 56px);
  }
  .modalWindow.helper__modal__mobile__100vh .modalBody > div {
    height: 100%;
  }
  .modalWindow.helper__modal__mobile__100vh .modalButtons {
    margin-top: auto;
  }
}
@media (max-width: 767.98px) {
  .modalWindow.helper__modal__mobile__topgap .modal-dialog {
    margin: 0;
  }
  .modalWindow.helper__modal__mobile__topgap .modal-content {
    width: 100vw;
    max-width: 100vw;
    height: auto;
    min-height: auto;
    position: fixed;
    bottom: 0;
    margin-top: auto;
    border-radius: 16px 16px 0 0;
  }
  .modalWindow.helper__modal__mobile__topgap .modalBody {
    padding: 24px 10px 16px 16px;
    margin: 0 4px 0 0;
    height: auto;
  }
  .modalWindow.helper__modal__mobile__topgap .modalBody > div {
    height: 100%;
  }
  .modalWindow.helper__modal__mobile__topgap .modalButtons {
    margin-top: auto;
  }
}
@media (max-width: 1199.98px) {
  .modalWindow.helper__modal__ontouch__topgap .modal-dialog {
    margin: 0;
  }
  .modalWindow.helper__modal__ontouch__topgap .modal-content {
    width: 100vw;
    max-width: 100vw;
    height: auto;
    min-height: auto;
    position: fixed;
    bottom: 0;
    margin-top: auto;
    border-radius: 16px 16px 0 0;
  }
  .modalWindow.helper__modal__ontouch__topgap .modalBody {
    padding: 24px 10px 16px 16px;
    margin: 0 4px 0 0;
    height: auto;
  }
  .modalWindow.helper__modal__ontouch__topgap .modalBody > div {
    height: 100%;
  }
  .modalWindow.helper__modal__ontouch__topgap .modalButtons {
    margin-top: auto;
  }
}
.modalWindow__ontouch__bottom {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
@media (max-width: 1199.98px) {
  .modalWindow__ontouch__bottom .modal-dialog {
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
  .modalWindow__ontouch__bottom .modal-content {
    margin: 0;
    border-radius: 16px;
    inset: calc(var(--vh, 1vh) * 100 - (var(--modal-content-height) + 16px)) 16px 16px 16px;
    height: -moz-max-content;
    height: max-content;
    position: absolute;
    width: calc(100% - 32px);
  }
}

/* Убрать 1-е окно в группе окон под 2-й оверлей */
.modalGroup:has(.modalGroup__item__2.show) .modalGroup__item__1 {
  z-index: 1040;
}

/* Убрать 1-й оверлей в группе окон на мобильных */
@media (max-width: 767.98px) {
  .modal-backdrop.show:nth-last-of-type(2) {
    opacity: 0 !important;
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/multiSelectOneLevel.css?1746597938822*/
.multiSelectOneLevel .modalWindow .dropdownOption__list {
  padding-bottom: 60px;
}
@media (max-width: 1199.98px) {
  .multiSelectOneLevel .modalWindow .modalBody {
    min-height: 90vh;
    margin-top: 16px;
    padding-top: 0;
  }
  .multiSelectOneLevel .modalWindow .dropdownOption__list {
    padding-bottom: 156px;
  }
}
@media (min-width: 1200px) {
  .multiSelectOneLevel .modalWindow.helper__modal__desktop__624w .modalHeader {
    padding-bottom: 24px;
  }
  .multiSelectOneLevel .modalWindow.helper__modal__desktop__624w .modalBody {
    padding: 0 18px 0 24px;
    margin: 0 4px 24px 0;
  }
}

.resetButton__filter {
  all: unset;
  position: absolute;
  top: 0;
  right: 40px;
  height: 100%;
  padding-right: 8px;
  text-align: center;
  box-sizing: border-box;
}
.resetButton__filter svg {
  fill: #8396A3;
}

/* End */


/* Start:/html/task_62753_zaza/css/pagePanel.css?17465979381243*/
.pagePanel {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (min-width: 1200px) {
  .pagePanel {
    margin-bottom: 48px;
  }
}
.pagePanel svg {
  fill: #323F47;
}
.pagePanel__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 8px 0 32px;
}
.pagePanel__top svg {
  fill: #323F47;
}
.pagePanel__top > * {
  flex: 1;
  text-align: right;
}
.pagePanel__top > :first-child {
  text-align: left;
  flex: 1;
  width: 40px;
}
.pagePanel__top > :nth-child(2) {
  flex: 0;
  text-align: center;
  padding: 0 10px;
}
.pagePanel__top .popoverComponent {
  width: 100%;
}
.pagePanel__buttons {
  display: flex;
  gap: 8px;
}
.pagePanel__fixed .js_open_filter_mobile {
  display: none;
}
.pagePanel__fixed.active {
  position: fixed;
  z-index: 10;
  background: #FFF;
  width: 100vw;
  top: 0;
  left: 0;
  padding: 12px 16px;
  box-shadow: 0px 2px 4px 0px rgba(83, 101, 112, 0.0509803922), 0px 0px 8px 0px rgba(83, 101, 112, 0.0509803922);
}
.pagePanel__fixed.active .pagePanel__text {
  text-align: left !important;
}
.pagePanel__fixed.active .iconButton {
  display: none;
}
.pagePanel__fixed.active .pagePanel__buttons .iconButton {
  display: block;
}

/* End */


/* Start:/html/task_62753_zaza/css/pagination.css?1746597938865*/
/* Pagination */
.Pagination {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000000;
  gap: 16px;
  margin-top: 24px;
  padding: 24px 0;
}

.Pagination_Row {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.Pagination_Button {
  border: none;
  outline: none;
  background: none;
  width: 40px;
  height: 40px;
  font-weight: bold;
  border-radius: 20px;
  padding: 7px 0;
  transition: all 0.25s ease;
}

.Pagination_Button:hover {
  background-color: #ecf2f6;
  color: #323f47;
  fill: #323f47;
}

.Pagination_Button:active {
  background-color: #29994e;
  color: #ffffff;
  fill: #ffffff;
}

.Pagination_Current {
  background-color: #29994e;
  color: #ffffff;
}

.Pagination_Page {
  background-color: #ffffff;
}

.Pagination_Text {
  color: #657885;
}

/* end Pagination */

/* End */


/* Start:/html/task_62753_zaza/css/popoverComponent.css?17465979381990*/
.popoverComponent {
  display: none;
  border-radius: 8px;
  box-shadow: 0px 12px 20px 0px rgba(83, 101, 112, 0.0509803922), 0px 0px 20px 0px rgba(83, 101, 112, 0.1019607843);
  position: absolute;
  top: 0;
  right: 0;
  background-color: #FFF;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
  transform: translateY(-10px);
  visibility: hidden;
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
}
.popoverComponent.is_open {
  display: block;
  transform: translateY(calc((100% + 8px) * -1));
  opacity: 1;
  visibility: visible;
}
.popoverComponent.opens_down {
  transform: translateY(8px);
  top: 100%;
  right: unset;
}
.popoverComponent__option {
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
}
.popoverComponent__option:hover {
  background: #F5F8FA;
}
.popoverComponent__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 6px;
  border: 2px solid #FFF;
  border-radius: 8px;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
.popoverComponent__content::-webkit-scrollbar {
  width: 2px !important;
  background-color: #F1F1F1 !important;
}
.popoverComponent__content::-webkit-scrollbar-thumb {
  background-color: #2DAA55 !important;
  background-clip: padding-box;
  border: 2px solid #2DAA55 !important;
  border-radius: 999px;
  -webkit-box-shadow: inset -1px 1px 0 #2DAA55, inset 1px 1px 0 #2DAA55 !important;
}
.popoverComponent__content::-webkit-scrollbar-thumb:hover {
  background: #2DAA55 !important;
}
@media (min-width: 768px) {
  .popoverComponent__content {
    max-height: 248px;
  }
}
.popoverComponent__item {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  color: #11161A;
  white-space: nowrap;
}
.popoverComponent__item:hover {
  background: #F5F8FA;
  color: #11161A;
}
.popoverComponent__item svg {
  fill: #323F47;
}

/* End */


/* Start:/html/task_62753_zaza/css/progressBar.css?1746597938623*/
.progressBar {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.progressBar__ring {
  width: 48px;
  height: 48px;
}
.progressBar__ring__bg {
  fill: none;
  stroke: #fff3db;
  stroke-width: 4;
}
.progressBar__ring__circle {
  fill: none;
  stroke: #ffcb11;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 132; /* 2 * Math.PI * r */
  stroke-dashoffset: 132; /* Start fully empty */
  transition: stroke-dashoffset 1.5s ease-out;
}
.progressBar__text {
  font-family: Calibri, sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  fill: #000;
}

/* End */


/* Start:/html/task_62753_zaza/css/propsComponent.css?1746597938584*/
.propsComponent {
  display: flex;
  gap: 8px;
}
.propsComponent .fui_icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: #657885;
}
.propsComponent__item {
  display: flex;
  gap: 4px;
  white-space: nowrap;
  align-items: center;
}
.propsComponent__item:after {
  content: "";
  width: 4px;
  min-width: 4px;
  height: 4px;
  background: #657885;
  border-radius: 50%;
  margin: 6px 0 4px 4px;
}
.propsComponent__item:nth-last-of-type(1):after {
  content: none;
}
@media (min-width: 768px) {
  .propsComponent {
    flex-direction: row;
    align-items: center;
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/radioLabel.css?17465979382803*/
.radioLabel {
  display: flex;
  gap: 8px;
  margin: 0;
  transition: all 0.35s ease;
  cursor: pointer;
}
.radioLabel input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  margin: 0;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border: 1px solid var(--components-radio-control-border-color-default, #8396A3);
  background-color: #FFF;
  border-radius: 50%;
  display: grid;
  place-content: center;
  cursor: pointer;
}
.radioLabel input[type=radio].radio_right {
  margin-left: auto;
}
.radioLabel input[type=radio]::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: 16px 16px 0 0 #FFF inset;
  cursor: pointer;
}
.radioLabel input[type=radio] + span {
  cursor: pointer;
}
.radioLabel:hover input[type=radio] {
  border-color: #29994E;
}
.radioLabel input[type=radio]:checked {
  border: 1px solid #29994E;
  background: #29994E;
}
.radioLabel input[type=radio]:checked::before {
  transform: scale(1);
}
.radioLabel:hover input[type=radio]:checked {
  border: 1px solid #33C15E;
  background: #33C15E;
}
.radioLabel:hover input[type=radio]:checked:before {
  box-shadow: 16px 16px 0 0 #FFF inset;
}
.radioLabel input[type=radio]:disabled {
  border: var(--components-radio-control-border-width-disabled, 1px) solid var(--components-radio-control-border-color-disabled, #A3B5C2);
  background: var(--components-radio-control-bg-color-disabled, #F5F8FA);
  pointer-events: none;
}
.radioLabel input[type=radio]:checked {
  pointer-events: none !important;
}
.radioLabel input[type=radio]:checked:disabled {
  border: var(--components-radio-control-border-width-disabled, 1px) solid var(--components-radio-control-border-color-disabled, #A3B5C2);
  background: var(--components-radio-control-bg-color-disabled, #F5F8FA);
  pointer-events: none;
}
.radioLabel input[type=radio]:checked:disabled:before {
  box-shadow: 16px 16px 0 0 #A3B5C2 inset;
  pointer-events: none;
}
.radioLabel input[type=radio]:checked + span, .radioLabel input[type=radio]:checked:before {
  pointer-events: none !important;
}
.radioLabel input[type=radio]:disabled {
  pointer-events: none !important;
}
.radioLabel input[type=radio]:disabled + span {
  pointer-events: none !important;
}
.radioLabel input[type=radio]:checked:disabled:before {
  pointer-events: none !important;
}

.radioLabel__primary__large {
  display: flex;
  gap: 16px;
  margin: 0;
  transition: all 0.35s ease;
  align-items: center;
}

.radioLabel__text {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: nowrap;
}
.radioLabel__text > * {
  text-overflow: ellipsis;
  overflow: hidden;
}

.radioLabel__avatar {
  width: 48px;
  min-width: 48px;
  height: 48px;
}

/* End */


/* Start:/html/task_62753_zaza/css/searchComponent.css?17465979387063*/
.searchPanel {
  display: flex;
  align-items: center;
  gap: 8px;
}
.searchPanel .iconButton svg {
  fill: #323F47;
}
@media (max-width: 1199.98px) {
  .searchPanel .searchComponent {
    flex-grow: 1;
  }
  .searchPanel .searchComponent .input__large {
    height: 40px;
    padding: 8px 88px 8px 16px;
  }
}

.searchComponent {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-grow: 1;
}
.searchComponent__inner {
  position: relative;
  width: 100%;
}
.searchComponent input {
  width: 100%;
  border-radius: 8px;
  font-size: 18px;
  line-height: 24px;
  border-style: unset;
  box-shadow: 0 0 0 1px #657885 inset;
}
.searchComponent input:hover {
  box-shadow: 0 0 0 1px #536570 inset;
}
.searchComponent input:focus-within {
  box-shadow: 0 0 0 2px #29994E inset;
}
.searchComponent input.input-error {
  box-shadow: 0 0 0 1px #DA0000 inset;
}
.searchComponent input::-moz-placeholder {
  color: #657885 !important;
}
.searchComponent input::placeholder {
  color: #657885 !important;
}
.searchComponent input:focus-within + button svg {
  fill: #42525C;
}
@media (max-width: 1199.98px) {
  .searchComponent input.input__medium__ontouch {
    height: 40px;
    padding: 16px 48px 16px 16px;
    font-size: 16px;
    line-height: 24px;
  }
}
.searchComponent input.input__medium {
  height: 40px;
  padding: 8px 88px 8px 16px;
}
.searchComponent input.input__large {
  height: 56px;
  padding: 16px 88px 16px 16px;
}
.searchComponent .searchButton,
.searchComponent button[type=search] {
  padding: 0;
  box-shadow: none;
  border-style: unset;
  background-color: unset;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding-right: 16px;
  pointer-events: none;
}
.searchComponent .searchButton svg,
.searchComponent button[type=search] svg {
  fill: #657885;
}
.searchComponent .popoverComponent {
  width: 100%;
}
.searchComponent .resetButton {
  all: unset;
  display: none;
  position: absolute;
  top: 0;
  right: 40px;
  height: 100%;
  padding-right: 8px;
  text-align: center;
  box-sizing: border-box;
}
.searchComponent .resetButton svg {
  fill: #8396A3;
}
.searchComponent[mode=disabled] input {
  background: #F5F8FA !important;
  box-shadow: 0 0 0 1px #F5F8FA !important;
  pointer-events: none;
  cursor: default;
}
.searchComponent[mode=disabled]::-moz-placeholder {
  color: #A3B5C2;
}
.searchComponent[mode=disabled]::placeholder {
  color: #A3B5C2;
}
.searchComponent[mode=disabled] svg {
  fill: #A3B5C2;
}
@media (max-width: 767.98px) {
  .searchComponent {
    flex: 0;
  }
}

.searchComponent .popoverComponent.active {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateY(8px);
  top: 100%;
  right: unset;
}
@media (min-width: 768px) {
  .searchComponent .popoverComponent.active .popoverComponent__option:not(.active) {
    display: none;
  }
}
.searchComponent .popoverComponent__content {
  padding: 6px;
  border: 2px solid #FFF;
}

@media (max-width: 767.98px) {
  .searchComponent .popoverComponent {
    position: fixed !important;
    top: 44px !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    min-height: 100vh;
    z-index: 999;
    border-radius: 16px 16px 0 0;
    transform: translateY(100%) !important;
  }
  .searchComponent .popoverComponent.active {
    transform: translateY(0) !important;
  }
  .searchComponent .popoverComponent.active .popoverComponent__overlay {
    transform: translateY(0);
  }
  .searchComponent .popoverComponent.active .popoverComponent__option {
    display: block;
  }
  .searchComponent .popoverComponent__top {
    padding: 16px;
  }
  .searchComponent .popoverComponent__nav {
    text-align: center;
    padding: 8px 40px;
    position: relative;
    margin-bottom: 16px;
  }
  .searchComponent .popoverComponent__nav .iconButton {
    position: absolute;
    top: 0;
    right: 0;
  }
  .searchComponent .popoverComponent__inner {
    width: 100%;
    min-height: 100%;
    background: #FFF;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
  }
  .searchComponent .popoverComponent__overlay {
    width: 100vw;
    min-height: calc(100vh + 100px);
    position: fixed;
    top: -100px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(51, 64, 72, 0.5019607843);
    z-index: -1;
    transform: translateY(-100%);
  }
  .searchComponent .popoverComponent__content {
    background: #fff;
  }
}
/*
// On Desktop
.searchComponent {
    .popoverComponent {
      &.active {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateY(8px);
        top: 100%;
        right: unset;
        @media (min-width:768px) {
          .popoverComponent__option:not(.active) {
            display: none;
          }
        }
        @media (max-width: 767.98px) {
          .popoverComponent__option.active {
            display: block !important;
          }
        }
      }
    }
    // On Mobile
    @media (max-width: 767.98px) {
      position: fixed !important;
      top: 44px !important;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100vw;
      min-height: 100vh;
      z-index: 999;
      border-radius: 16px 16px 0 0;
      transform: translateY(100%) !important;
      &.active {
        transform: translateY(0) !important;
      }
      &__top {
        padding: 16px;
      }
      &__nav {
        text-align: center;
        padding: 8px 40px;
        position: relative;
        margin-bottom: 16px;
        .iconButton {
          position: absolute;
          top: 0;
          right: 0;
        }
      }
      &__inner {
        width: 100%;
        min-height: 100%;
        background: #FFF;
        border-radius: 16px 16px 0 0;
        overflow: hidden;
      }
      &__overlay {
        width: 100vw;
        min-height: calc(100vh + 100px);
        position: fixed;
        top: -100px;
        bottom: 0;
        left: 0;
        right: 0;
        background: #33404880;
        z-index: -1;
        transform: translateY(-100%);
        .popoverComponent.active & {
          transform: translateY(0);

        }  
      }
      &__content {
        background: #fff;
      }
    }
  }


  @media (max-width: 767.98px) {
    .modalWindow .searchComponent .popoverComponent.active {
      position: fixed;
      z-index: 2;
      inset: auto 0 0 0;
    }
    .modalWindow .searchComponent .popoverComponent.active .popoverComponent__overlay {
      position: fixed;
      inset: -100vh 0 0 0;
      background: #33404880;
      z-index: -1;
    }
    .modalWindow .searchComponent .popoverComponent.active .popoverComponent__inner {
      background: #fff;
      border-radius: 16px 16px 0 0;
    }

    .modalWindow .searchComponent .popoverComponent__top {
      padding: 16px;
    }

    .modalWindow .searchComponent .popoverComponent__nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .modalWindow .searchComponent .popoverComponent.active .searchComponent__inner {
      border-radius: 0;
    }
  }


*/

/* End */


/* Start:/html/task_62753_zaza/css/selectComponent.css?1746597938421*/
.Select_Large[mode=disabled] .Select_Large_Toggle {
  background: #F5F8FA !important;
  box-shadow: 0 0 0 1px #F5F8FA !important;
  pointer-events: none;
  cursor: default;
}
.Select_Large[mode=disabled] .Select_Large_Toggle::-moz-placeholder {
  color: #A3B5C2;
}
.Select_Large[mode=disabled] .Select_Large_Toggle::placeholder {
  color: #A3B5C2;
}
.Select_Large[mode=disabled] .fui_icon_arrow_down {
  fill: #A3B5C2;
}

/* End */


/* Start:/html/task_62753_zaza/css/sortingPanel.css?1746597938150*/
.sortingPanel {
  margin: 0 0 24px;
}
.sortingPanel__inner {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}

/* End */


/* Start:/html/task_62753_zaza/css/stepperCompact.css?1746597938485*/
.stepperCompact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.stepperCompact__txt {
  font-size: 18px;
  line-height: 24px;
  color: #42525C;
}
.stepperCompact__bar {
  width: 150px;
  height: 4px;
  border-radius: 999px;
  background-color: #E1EAF0;
  overflow: hidden;
}
.stepperCompact__bar rect {
  transition: width 0.3s ease-in-out;
}
.stepperCompact__bar #progressFill {
  background-color: #29994E;
  height: 4px;
  border-radius: 999px;
}

/* End */


/* Start:/html/task_62753_zaza/css/stickyAside.css?1746597938143*/
@media (min-width: 1200px) {
  .stickyParent {
    align-items: start;
  }
  .stickyAside {
    position: sticky !important;
    top: 0;
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/switchLarge.css?17465979382150*/
.switchLarge {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 48px;
  width: 100%;
  height: auto;
  cursor: pointer;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.switchLarge__right {
  padding-left: 0;
  padding-right: 48px;
}
.switchLarge__input {
  display: none;
}
.switchLarge__input:checked + .switchLarge__slider {
  background-color: #29994E !important;
  border-color: #29994E !important;
}
.switchLarge__input:checked + .switchLarge__slider:active, .switchLarge__input:checked + .switchLarge__slider:hover {
  background: #33C15E !important;
  border-color: #33C15E !important;
}
.switchLarge__input:checked + .switchLarge__slider:before {
  transform: translate(15px, -50%);
  background: #FFF !important;
}
.switchLarge__slider {
  border-radius: 999px;
  border: 1px solid #8396A3;
  background: #FFFFFF;
  width: 40px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: 0.4s;
}
.switchLarge__right .switchLarge__slider {
  position: absolute;
  top: 50%;
  left: unset;
  right: 0;
  transform: translateY(-50%);
}
.switchLarge__slider:before {
  content: "";
  border-radius: 50%;
  background: #657885;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.35s ease;
}
.switchLarge__text__default {
  transition: all 0.35s ease;
  white-space: nowrap;
}
.switchLarge__text__active {
  display: none;
  transition: all 0.35s ease;
  white-space: nowrap;
}
.switchLarge__input:checked ~ .switchLarge__text__default {
  display: none;
}
.switchLarge__input:checked ~ .switchLarge__text__active {
  display: block;
}

.switchLarge:disabled {
  cursor: default;
}
.switchLarge:disabled .switchLarge__slider {
  border-color: #A3B5C2;
}
.switchLarge:disabled .switchLarge__slider:before {
  background: #A3B5C2;
}

.switchLarge:hover:not(:disabled) .switchLarge__slider {
  border-color: #536570;
  background-color: #FFFFFF;
}

.switchLarge:hover:not(:disabled) .switchLarge__slider:before {
  background: #536570;
}

/* End */


/* Start:/html/task_62753_zaza/css/switcherComponent.css?17465979382314*/
.switcherComponent {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0;
}
.switcherComponent__right {
  flex-direction: row-reverse;
}
.switcherComponent__bordered {
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0px 0px 0px 1px rgba(83, 101, 112, 0.1019607843);
}
.switcherComponent__txt {
  flex: 1;
  overflow: hidden;
}
.switcherComponent__txt > * {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  transition: all 0.35s ease;
  white-space: nowrap;
}
.switcherComponent__slider {
  position: relative;
  width: 40px;
  height: 24px;
  border-radius: 999px;
  border-width: 1px;
  border-style: solid;
  border-color: #8396A3;
  background: #FFF;
  transition: 0.4s;
}
.switcherComponent__slider:before {
  content: "";
  border-radius: 50%;
  background: #657885;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.35s ease;
}
.switcherComponent__input {
  display: none;
}
.switcherComponent__input:checked + .switcherComponent__slider {
  background: #29994E;
  border-color: #29994E;
}
.switcherComponent__input:checked + .switcherComponent__slider:before {
  transform: translate(15px, -50%);
  background: #FFF;
}
.switcherComponent__input ~ .switcherComponent__txt .switcherComponent__text__default {
  display: block;
}
.switcherComponent__input ~ .switcherComponent__txt .switcherComponent__text__active {
  display: none;
}
.switcherComponent__input:checked ~ .switcherComponent__txt .switcherComponent__text__default {
  display: none;
}
.switcherComponent__input:checked ~ .switcherComponent__txt .switcherComponent__text__active {
  display: block;
}
.switcherComponent:hover .switcherComponent__slider {
  border-color: #536570;
  background: #FFF;
}
.switcherComponent:hover .switcherComponent__slider:before {
  background: #536570;
}
.switcherComponent:hover .switcherComponent__input:checked + .switcherComponent__slider {
  border-color: #33C15E;
  background: #33C15E;
}
.switcherComponent:hover .switcherComponent__input:checked + .switcherComponent__slider:before {
  background: #FFF;
}

/* End */


/* Start:/html/task_62753_zaza/css/tabsComponent.css?17465979382013*/
.tabsComponent {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tabsComponent .fs-tabs .nav-tabs {
  border-bottom: 1px solid #D8E3EB;
  margin: 0;
}
@media (max-width: 1199.98px) {
  .tabsComponent .fs-tabs .nav-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 16px 0;
    margin: 0 -16px 0;
  }
}
@media (max-width: 1199.98px) and (max-width: 1199.98px) {
  .tabsComponent .fs-tabs .nav-tabs::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    background: transparent;
  }
}
.tabsComponent .fs-tabs .nav-tabs .nav-item.nav-link.active:after {
  content: "";
  height: 4px;
  background: #2DAA55;
  width: 100%;
  display: inline-block;
  border-radius: 2px;
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
}
.tabsComponent .fs-tabs .nav-tabs .nav-item {
  border-style: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #11161A;
  padding: 0 16px 16px;
  position: relative;
  margin: 0;
}
.tabsComponent .fs-tabs .nav-tabs .nav-item:not(.active) {
  color: #42525C;
}
.tabsComponent .fs-tabs .nav-tabs .nav-item:not(.active):hover {
  color: #11161A;
}
.tabsComponent .fs-tabs .nav-tabs .nav-item:not(.active):hover:after {
  content: "";
  height: 3px;
  background: #11161A;
  width: 100%;
  display: inline-block;
  border-radius: 0;
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
}
@media (min-width: 1200px) {
  .tabsComponent .fs-tabs .nav-tabs .nav-item {
    font-size: 18px;
    padding: 0 16px 24px;
  }
}
.tabsComponent .fs-tabs .nav-tabs .nav-item.nav-link.active:after {
  content: "";
  height: 3px;
  background: #29994E;
  width: 100%;
  display: inline-block;
  border-radius: 0;
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
}
.tabsComponent .fs-tabs ~ .tab-content > .tab-pane {
  padding-top: 24px;
}
@media (min-width: 1200px) {
  .tabsComponent .fs-tabs ~ .tab-content > .tab-pane {
    padding-top: 48px;
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/test.css?1746597938474*/
@media (max-width: 1199.98px) {
  .modal.hide.modalWindow:not(.show) {
    transform: translateY(1000px);
    opacity: 0;
  }
  .modal.hide.modalWindow.show {
    transform: translateY(0);
    animation: modalOpacity 0.8s;
  }
}
@media (min-width: 1200px) {
  .modal.hide.modalWindow:not(.show) {
    opacity: 0;
  }
  .modal.hide.modalWindow.show {
    animation: modalOpacity 0.4s;
  }
}
@keyframes modalOpacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* End */


/* Start:/html/task_62753_zaza/css/textarea.css?1746597938770*/
.textareaComponent__large {
  font-size: 18px;
  line-height: 24px;
  border-style: unset;
  box-shadow: 0 0 0 1px #657885 inset;
  border-radius: 8px;
  padding: 16px;
  resize: none;
  min-height: 104px;
}
.textareaComponent__large:hover {
  box-shadow: 0 0 0 1px #536570 inset;
}
.textareaComponent__large:focus-within {
  box-shadow: 0 0 0 2px #29994E inset;
}
.textareaComponent__large.input-error {
  box-shadow: 0 0 0 1px #DA0000 inset;
}
.textareaComponent__large::-moz-placeholder {
  color: #657885 !important;
}
.textareaComponent__large::placeholder {
  color: #657885 !important;
}
.textareaComponent__large::-moz-placeholder {
  color: #657885;
}
.textareaComponent__large::placeholder {
  color: #657885;
}
.textareaComponent__hidden {
  display: none;
}

/* End */


/* Start:/html/task_62753_zaza/css/tooltip.css?17465979381057*/
.tooltipComponent {
  position: relative;
  display: inline-block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  transition: all 0.35s ease;
}
.tooltipComponent .info-circle {
  fill: #657885;
}
.tooltipComponent__tooltip {
  visibility: hidden;
  width: 172px;
  background-color: #FFF;
  color: #42525C;
  border-radius: 8px;
  padding: 16px;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  margin-left: 8px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 14px;
  line-height: 16px;
  box-shadow: 0px 12px 20px 0px rgba(83, 101, 112, 0.0509803922), 0px 0px 20px 0px rgba(83, 101, 112, 0.1019607843);
}
.tooltipComponent:hover .tooltipComponent__tooltip {
  visibility: visible;
  opacity: 1;
}
.tooltipComponent__tooltip:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url("/html/task_62753_zaza/css/../img/tooltip_arrow.svg") no-repeat 50% 50%/contain;
  position: absolute;
  top: 50%;
  left: -6px;
  transform: translateY(-50%);
}

/* End */


/* Start:/html/task_62753_zaza/css/treeComponent.css?17465979382996*/
@charset "UTF-8";
.treeComponent {
  height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.treeComponent::-webkit-scrollbar {
  width: 2px !important;
  background-color: #F1F1F1 !important;
}
.treeComponent::-webkit-scrollbar-thumb {
  background-color: #2DAA55 !important;
  background-clip: padding-box;
  border: 2px solid #2DAA55 !important;
  border-radius: 999px;
  -webkit-box-shadow: inset -1px 1px 0 #2DAA55, inset 1px 1px 0 #2DAA55 !important;
}
.treeComponent::-webkit-scrollbar-thumb:hover {
  background: #2DAA55 !important;
}
.treeComponent__item {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
.treeComponent__item.is_active .treeComponent__list {
  height: auto;
  opacity: 1;
}
.treeComponent__item.is_active svg {
  transform: rotate(0);
  transform-origin: center;
  fill: #42525C;
}
.treeComponent__wrapper {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.treeComponent__wrapper svg {
  transform: rotate(-90deg);
  transform-origin: center;
  fill: #A3B5C2;
  transition: all 0.35s ease;
  background-color: #FFF;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .treeComponent__wrapper svg:hover {
    fill: #42525C;
  }
}
.treeComponent__title {
  width: 100%;
}
.treeComponent__title .dropdown_item_label_txt {
  font-size: 18px;
  line-height: 24px;
  color: #11161A;
}
.treeComponent__list {
  list-style: none;
  padding: 0 0 0 56px;
  margin: 0;
  position: static;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.35s ease;
}
.treeComponent__list .dropdown_item_label_txt {
  font-size: 16px;
  line-height: 24px;
  color: #11161A;
}
.treeComponent__list:before {
  content: "";
  width: 1px;
  height: calc(100% - 24px);
  border-left: 1px dashed #A3B5C2;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 11px;
}
.treeComponent .dropdown_item_label {
  margin-bottom: 0;
}
.treeComponent .js_has_unchecked .fui_checkbox {
  background: #29994E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.33331 8.49967C3.33331 8.13148 3.63179 7.83301 3.99998 7.83301H12C12.3682 7.83301 12.6666 8.13148 12.6666 8.49967C12.6666 8.86786 12.3682 9.16634 12 9.16634H3.99998C3.63179 9.16634 3.33331 8.86786 3.33331 8.49967Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50%/16px 16px !important;
  border-color: #29994E !important;
  border-width: 1px;
}

/* Поиск */
.js_tree_match .js_tree_title .js_item_searchable,
.js_tree_match .js_item_match {
  display: flex !important;
}

.js_list_match {
  height: auto;
  opacity: 1;
}

.js_tree_match .fui_icon_arrow_down {
  transform: rotate(0);
  fill: #42525C;
}

.treeComponent__item.js_tree_item.js_tree_notmatch {
  display: none;
}

/* end Поиск */
.js_tree_item.disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* End */


/* Start:/html/task_62753_zaza/css/unorderedList.css?1746597938359*/
.unorderedList {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style-type: none;
}
.unorderedList li {
  display: flex;
  gap: 8px;
}
.unorderedList li:before {
  content: "";
  display: inline-block;
  width: 6px;
  min-width: 6px;
  height: 6px;
  margin-top: 9px;
  border-radius: 999px;
  background: #29994E;
}

/* End */


/* Start:/html/task_62753_zaza/css/userProfileNav.css?1746597938514*/
.userProfileNav {
  display: flex;
  margin-bottom: 24px;
}
.userProfileNav .iconButton svg {
  fill: #323F47;
}

.userProfileNav__wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}

.userProfileNav__inner {
  display: flex;
  align-items: center;
  gap: 8px;
}

.userProfileNav__info {
  text-align: left;
}

.userProfileNav__avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.userProfileNav__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* End */


/* Start:/html/task_62753_zaza/css/userSettings.css?17465979381034*/
.userSettings {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.userSettings .headingH3 {
  margin-bottom: 8px;
}

.userSettings__list {
  border: 1px solid #E1EAF0;
  border-radius: 16px;
  padding: 8px;
}

.userSettings__cell {
  padding: 24px;
  border-radius: 16px;
  transition: all 0.35s ease;
  display: block;
  color: inherit;
}

.userSettings__cell:hover {
  background-color: #F5F8FA;
  cursor: pointer;
  color: inherit;
}

.userSettings__container {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: start;
}

.userSettings__container.userSettings__container__reverted {
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}

.userSettings__container__left {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.userSettings__container__left .bodyLargeBold {
  display: flex;
  align-items: center;
  gap: 16px;
}

.userSettings__container__left .bodyLargeBold svg {
  fill: #292D32;
}

.userSettings__container__right svg {
  fill: #42525C;
}

/* End */


/* Start:/html/task_62753_zaza/css/widgetApplication.css?1746597938571*/
.widgetApplicationGroup {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.widgetApplicationStatus {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0px 4px 8px 0px rgba(83, 101, 112, 0.0509803922), 0px 0px 16px 0px rgba(83, 101, 112, 0.1019607843);
}

.widgetApplicationStatus__top {
  margin-bottom: 8px;
}

.widgetApplicationStatus__bottom {
  display: flex;
  gap: 8px;
  align-items: center;
}

@media (min-width: 768px) {
  .widgetApplicationGroup {
    flex-direction: row;
    gap: 16px;
  }
}

/* End */


/* Start:/local/templates/lektoriy_phosagro/components/bitrix/news/employee_vacancies/bitrix/search.form/flat/style.css?174737471278*/
.searchComponent .searchButton[type=submit] {
    pointer-events: painted;
}
/* End */


/* Start:/local/templates/lektoriy_phosagro/components/bitrix/search.suggest.input/.default/style.css?1746597938501*/
input.search-suggest {}
div.search-popup{border: 1px solid #333333;background: #FFFFFF;padding: 2px;margin: 0px;}
div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: hand;cursor: pointer;}
div.search-popup-row{background:#FFFFFF;}
div.search-popup-row-active{background:#EEEEEE;}
div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;}
div.search-popup-el-cnt{text-align:right; float:right;}
/* End */


/* Start:/local/templates/lektoriy_phosagro/components/bitrix/news/employee_vacancies/bitrix/catalog.smart.filter/.default/style.css?17501016072633*/
.bx-filter .bx-filter-popup-result {
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	z-index: 915;
	display: none;
	line-height: normal;
	margin-top: -7px;
	margin-left: 10px;
	padding: 0 10px;
	white-space: nowrap;
	color: #3f3f3f;
	min-height: 37px;
	line-height: 18px;
	border-style: solid;
	border: 1px solid #C6DCE7;
}
.bx-filter .bx-filter-popup-result.left {
	border-width: 2px 10px 2px 2px;
	-webkit-border-image: url(/local/templates/lektoriy_phosagro/components/bitrix/news/employee_vacancies/bitrix/catalog.smart.filter/.default/images/result_popup_left.png) 4 20 4 4 repeat;
	-moz-border-image: url(/local/templates/lektoriy_phosagro/components/bitrix/news/employee_vacancies/bitrix/catalog.smart.filter/.default/images/result_popup_left.png) 4 20 4 4 repeat;
	-o-border-image: url(/local/templates/lektoriy_phosagro/components/bitrix/news/employee_vacancies/bitrix/catalog.smart.filter/.default/images/result_popup_left.png) 4 20 4 4 repeat;
	border-image: url(/local/templates/lektoriy_phosagro/components/bitrix/news/employee_vacancies/bitrix/catalog.smart.filter/.default/images/result_popup_left.png) 4 20 4 4 fill repeat;
}
.bx-filter .bx-filter-popup-result.right {
	border-width: 2px 2px 2px 10px;
	-webkit-border-image: url(/local/templates/lektoriy_phosagro/components/bitrix/news/employee_vacancies/bitrix/catalog.smart.filter/.default/images/result_popup_right.png) 4 4 4 20 repeat;
	-moz-border-image: url(/local/templates/lektoriy_phosagro/components/bitrix/news/employee_vacancies/bitrix/catalog.smart.filter/.default/images/result_popup_right.png) 4 4 4 20 repeat;
	-o-border-image: url(/local/templates/lektoriy_phosagro/components/bitrix/news/employee_vacancies/bitrix/catalog.smart.filter/.default/images/result_popup_right.png) 4 4 4 20 repeat;
	border-image: url(/local/templates/lektoriy_phosagro/components/bitrix/news/employee_vacancies/bitrix/catalog.smart.filter/.default/images/result_popup_right.png) 4 4 4 20 fill repeat;
}

.bx-filter .bx-filter-popup-result.right {
	left: 97%;
}
.bx-filter .bx-filter-popup-result.left {
	right:97%;
}
.bx-filter-horizontal .bx-filter-popup-result{
	display: inline-block;
	position: relative;
	left: auto;
	right: auto;
	bottom: -7px;
}
.bx-filter .bx-filter-popup-result a {
	color: #0073a3;
	line-height: 10px;
}
.bx-filter .bx-filter-popup-result a:hover {
	text-decoration: none;
}
.bx-filter .bx-filter-popup-result-close {
	display: none;
}
@media (max-width: 767px) {
	.bx-touch .bx-filter .bx-filter-popup-result {
		font-size: 12px;
		line-height: 14px;
		position: fixed !important;
		z-index: 1001;
		top: auto !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		margin-top: 0;
		margin-left: 0;
		width: auto;
		height: auto;
		padding: 10px;
		border-radius: 2px;
		border: 1px solid #c6dae7;
		background: rgba(255,255,255,.9);
	}
	.bx-touch .bx-filter .bx-filter-popup-result br{display: none;}
	.bx-filter .bx-filter-popup-result .arrow {
		display: none;
	}
}

.bx-filter-button-box {
	display: none;
}

.bx-filter-button-box .btn {
	display: none;
}

@media (max-width: 767px) {
	.bx-filter-button-box {
		width: 100%;
		display: block;
		padding: 20px 10px;
		position: absolute;
		/* bottom: 0; */
		bottom: 40px;
	}

	.bx-filter-button-box .buttonAccent__primary__medium {
		width: 100%;
	}
}

.bx-filter .js_fiter_section_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bx-filter .js_fiter_section_header .js_filter_reset_prop {
	cursor: pointer;
	display: none;
}
/* End */


/* Start:/local/templates/lektoriy_phosagro/components/bitrix/news.list/employee_vacancies/style.css?1746597938150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/lektoriy_phosagro/css/tooltip.css?1754899515899*/
/* Bootstrap 4 tooltip */
.tooltip > .arrow {
  background-color: transparent;
}

.tooltip > .tooltip-inner {
  min-width: 220px;
  max-width: 280px;
  background-color: #FFF;
  color: #42525C;
  border-radius: 8px;
  padding: 16px;
  font-size: 14px;
  line-height: 16px;
  box-shadow: 0px 12px 20px 0px rgba(83, 101, 112, 0.0509803922), 0px 0px 20px 0px rgba(83, 101, 112, 0.1019607843);
}

.bs-tooltip-top,
.bs-tooltip-right,
.bs-tooltip-left,
.bs-tooltip-bottom {
  background-color: transparent;
  opacity: 1!important;
}

.tooltip.bs-tooltip-right .arrow:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url("/local/templates/lektoriy_phosagro/css/../img/tooltip_arrow.svg") no-repeat 50% 50%/contain;
  position: absolute;
  top: 50%;
  left: -6px;
  transform: translateY(-50%);
}

.tooltipBootstrap[data-toggle="tooltip"][data-placement="right"] {
	padding-right: 4px;
	height: 24px;
}
/* End */
/* /html/task_62753_zaza/css/MultiSelect.css?17465979384863 */
/* /html/task_62753_zaza/css/MultiSelectTree.css?174720291522718 */
/* /html/task_62753_zaza/css/avatarComponent.css?17465979381132 */
/* /html/task_62753_zaza/css/avatarStatusComponent.css?1746597938745 */
/* /html/task_62753_zaza/css/badgeActivity.css?1746597938953 */
/* /html/task_62753_zaza/css/badgeLabel.css?17465979388361 */
/* /html/task_62753_zaza/css/base.css?17465979385411 */
/* /html/task_62753_zaza/css/blockBordered.css?17465979382546 */
/* /html/task_62753_zaza/css/buttonAccent.css?174659793820726 */
/* /html/task_62753_zaza/css/buttonNeutral.css?174659793820598 */
/* /html/task_62753_zaza/css/buttons.css?17465979383747 */
/* /html/task_62753_zaza/css/buttonsGroup.css?1746597938666 */
/* /html/task_62753_zaza/css/cardsComponent.css?1746597938658 */
/* /html/task_62753_zaza/css/cellComponent.css?17465979381192 */
/* /html/task_62753_zaza/css/chatBubble.css?1746597938591 */
/* /html/task_62753_zaza/css/checkboxComponent.css?17501016072730 */
/* /html/task_62753_zaza/css/chipsComponent.css?17465979388517 */
/* /html/task_62753_zaza/css/companyCard.css?1746597938986 */
/* /html/task_62753_zaza/css/counterComponent.css?1746597938305 */
/* /html/task_62753_zaza/css/cvForm.css?17465979381836 */
/* /html/task_62753_zaza/css/cvOwnCard.css?17465979381501 */
/* /html/task_62753_zaza/css/dropdownOption.css?17465979381660 */
/* /html/task_62753_zaza/css/dropdownSelect.css?17465979383833 */
/* /html/task_62753_zaza/css/employmentTerms.css?17465979382346 */
/* /html/task_62753_zaza/css/filterDesktop.css?1746597938791 */
/* /html/task_62753_zaza/css/filterMobile.css?17465979381630 */
/* /html/task_62753_zaza/css/functionButton.css?17465979386749 */
/* /html/task_62753_zaza/css/global_helpers.css?17465979383462 */
/* /html/task_62753_zaza/css/global_layout.css?17465979381311 */
/* /html/task_62753_zaza/css/global_notificationPanel.css?1746597938262 */
/* /html/task_62753_zaza/css/global_typography.css?17465979383138 */
/* /html/task_62753_zaza/css/gridInner.css?1746597938335 */
/* /html/task_62753_zaza/css/iconButton.css?17501016071849 */
/* /html/task_62753_zaza/css/iconButtonNeutralGhostMedium.css?1746597938396 */
/* /html/task_62753_zaza/css/iconToggle.css?1746597938429 */
/* /html/task_62753_zaza/css/inputComponent.css?17465979382277 */
/* /html/task_62753_zaza/css/inputReset.css?1746597938285 */
/* /html/task_62753_zaza/css/jobApplicationCard.css?17465979382301 */
/* /html/task_62753_zaza/css/jobVacancyCard.css?17473747124180 */
/* /html/task_62753_zaza/css/jobVacancyCard__detail.css?1746597938609 */
/* /html/task_62753_zaza/css/menuListHorizontal.css?1746597938454 */
/* /html/task_62753_zaza/css/menuListVertical.css?17465979381032 */
/* /html/task_62753_zaza/css/modalMobileBottom.css?17465979381207 */
/* /html/task_62753_zaza/css/modalWindow.css?17465979387210 */
/* /html/task_62753_zaza/css/multiSelectOneLevel.css?1746597938822 */
/* /html/task_62753_zaza/css/pagePanel.css?17465979381243 */
/* /html/task_62753_zaza/css/pagination.css?1746597938865 */
/* /html/task_62753_zaza/css/popoverComponent.css?17465979381990 */
/* /html/task_62753_zaza/css/progressBar.css?1746597938623 */
/* /html/task_62753_zaza/css/propsComponent.css?1746597938584 */
/* /html/task_62753_zaza/css/radioLabel.css?17465979382803 */
/* /html/task_62753_zaza/css/searchComponent.css?17465979387063 */
/* /html/task_62753_zaza/css/selectComponent.css?1746597938421 */
/* /html/task_62753_zaza/css/sortingPanel.css?1746597938150 */
/* /html/task_62753_zaza/css/stepperCompact.css?1746597938485 */
/* /html/task_62753_zaza/css/stickyAside.css?1746597938143 */
/* /html/task_62753_zaza/css/switchLarge.css?17465979382150 */
/* /html/task_62753_zaza/css/switcherComponent.css?17465979382314 */
/* /html/task_62753_zaza/css/tabsComponent.css?17465979382013 */
/* /html/task_62753_zaza/css/test.css?1746597938474 */
/* /html/task_62753_zaza/css/textarea.css?1746597938770 */
/* /html/task_62753_zaza/css/tooltip.css?17465979381057 */
/* /html/task_62753_zaza/css/treeComponent.css?17465979382996 */
/* /html/task_62753_zaza/css/unorderedList.css?1746597938359 */
/* /html/task_62753_zaza/css/userProfileNav.css?1746597938514 */
/* /html/task_62753_zaza/css/userSettings.css?17465979381034 */
/* /html/task_62753_zaza/css/widgetApplication.css?1746597938571 */
/* /local/templates/lektoriy_phosagro/components/bitrix/news/employee_vacancies/bitrix/search.form/flat/style.css?174737471278 */
/* /local/templates/lektoriy_phosagro/components/bitrix/search.suggest.input/.default/style.css?1746597938501 */
/* /local/templates/lektoriy_phosagro/components/bitrix/news/employee_vacancies/bitrix/catalog.smart.filter/.default/style.css?17501016072633 */
/* /local/templates/lektoriy_phosagro/components/bitrix/news.list/employee_vacancies/style.css?1746597938150 */
/* /local/templates/lektoriy_phosagro/css/tooltip.css?1754899515899 */