/* COLORS *//* UTILITIES */

.Button__button_ba3b6 {
  outline: none;
  box-sizing: border-box;
  padding: 10px 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
}

.Button__button_ba3b6[disabled] {
  border-color: #e6e8ed;
  background-color: #e6e8ed;
  color: rgba(54, 55, 64, .4);
  pointer-events: none;
  cursor: default;
}

.Button__primaryAccented_b110a {
  border-color: #7000ff;
  background-color: #7000ff;
  color: #fff;
}

.Button__primaryAccented_b110a:focus-visible,
.Button__primaryAccented_b110a:hover {
  border-color: #7f4dff;
  background-color: #7f4dff;
}

.Button__primaryAccented_b110a:active {
  border-color: #6700e5;
  background-color: #6700e5;
}

.Button__primaryNeutral_3935e {
  border-color: #1f2026;
  background-color: #1f2026;
  color: #fff;
}

.Button__primaryNeutral_3935e:focus-visible,
.Button__primaryNeutral_3935e:hover {
  border-color: #41434d;
  background-color: #41434d;
}

.Button__primaryNeutral_3935e:active {
  border-color: #2a2b33;
  background-color: #2a2b33;
}

.Button__secondaryAccented_c0db4 {
  border-color: #e8e0ff;
  background-color: #e8e0ff;
  color: #7f4dff;
}

.Button__secondaryAccented_c0db4:focus-visible,
.Button__secondaryAccented_c0db4:hover {
  border-color: #dfd7f7;
  background-color: #dfd7f7;
}

.Button__secondaryAccented_c0db4:active {
  border-color: #d2caeb;
  background-color: #d2caeb;
}

.Button__secondaryNeutral_fef5f {
  border-color: #e6e8ed;
  background-color: #e6e8ed;
  background-clip: padding-box;
  color: #1f2026;
}

.Button__secondaryNeutral_fef5f:focus-visible,
.Button__secondaryNeutral_fef5f:hover {
  border-color: #d0d3d9;
  background-color: #d0d3d9;
}

.Button__secondaryNeutral_fef5f:active {
  border-color: #c2c5cc;
  background-color: #c2c5cc;
}

.Button__tertiaryOutlined_17db2 {
  border-color: rgba(54, 55, 64, .2);
  background-color: transparent;
  color: #1f2026;
}

.Button__tertiaryOutlined_17db2:focus-visible,
.Button__tertiaryOutlined_17db2:hover {
  border-color: #dee0e5;
  background-color: #dee0e5;
}

.Button__tertiaryOutlined_17db2:active {
  border-color: #c2c5cc;
  background-color: #c2c5cc;
}

.Button__text_7ccc5,
.Button__textAccented_a5ba2 {
  padding: 0;
  font-weight: 400;
  border: none;
  border-radius: unset;
  background-color: transparent;
}

.Button__text_7ccc5 {
  color: #8b8e99;
}

.Button__text_7ccc5:focus-visible,
.Button__text_7ccc5:hover {
  color: #595b66;
}

.Button__text_7ccc5:active {
  color: #717480;
}

.Button__textAccented_a5ba2 {
  color: #7f4dff;
}

.Button__textAccented_a5ba2:focus-visible,
.Button__textAccented_a5ba2:hover {
  color: #7000ff;
}

.Button__textAccented_a5ba2:active {
  color: #7f4dff;
}

.Button__text_7ccc5[disabled],
.Button__textAccented_a5ba2[disabled] {
  background-color: transparent;
  color: rgba(54, 55, 64, .4);
}

.Button__small_a885a {
  padding: 6px 10px;
  font-size: 14px;
  line-height: 18px;
  border-radius: 8px;
}

@media (min-width: 960px) {
  .Button__button_ba3b6 {
    padding: 13px 20px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 12px;
  }

  .Button__text_7ccc5,
  .Button__textAccented_a5ba2 {
    padding: 0;
    border-radius: unset;
  }
}
.SemanticOnlyText__text_f0bcb {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}
/* COLORS *//* UTILITIES */

.ButtonOnlyIcon__btn_dd2d4 {
  padding: 4px 15px;
  border: 1px solid #c5c7ca;
  border-radius: 12px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, .02);
  background-color: transparent;
  transition: background-color .3s;
}

.ButtonOnlyIcon__btn_dd2d4:hover {
  background-color: #fafafa;
}

.ButtonOnlyIcon__btn_dd2d4 svg,
.ButtonOnlyIcon__btn_dd2d4 img {
  display: block;
}
.CustomProgressBar__container_8373f {
  display: flex;
  gap: 5px;
  flex-direction: column;
  position: relative;
}

.CustomProgressBar__progressContainer_81518 {
  display: flex;
  align-items: flex-start;
  width: 130px;
  margin-left: 15px;
}

.CustomProgressBar__progressContainer_81518 > * {
  display: flex;
  gap: 5px;
  align-items: center;
  word-break: normal;
}

.CustomProgressBar__closeButton_976c2 {
  position: absolute;
  top: 16px;
  right: 16px;
  width: -moz-min-content;
  width: min-content;
}

.CustomProgressBar__closeIcon_3da3c {
  display: block;
  width: 16px;
  height: auto;
}

.CustomProgressBar__uploadingCircle_8ad63 {
  margin-left: 10px;
  font-size: 20px;
}

.CustomProgressBar__savingText_f3307 {
  margin-left: 15px;
  font-size: 14px;
}
/* COLORS *//* UTILITIES */

.ToastNotice__container_fd2c0 {
  display: flex;
  gap: 12px;
  font-size: 14px;
  line-height: 20px;
}

.ToastNotice__content_defe3 {
  display: flex;
  gap: 4px;
  flex-direction: column;
}

.ToastNotice__title_d5dd4 {
  font-weight: 600;
  color: #fff;
}

.ToastNotice__text_d94de {
  color: rgba(255, 255, 255, .7);
}

.ToastNotice__button_1a8ba {
  width: 20px;
  height: 20px;
  color: #fff;
}

@media (min-width: 960px) {
  .ToastNotice__title_d5dd4 {
    font-size: 16px;
  }

  .ToastNotice__title_d5dd4,
  .ToastNotice__text_d94de,
  .ToastNotice__button_1a8ba {
    color: #1f2026;
  }
}
/* COLORS *//* UTILITIES */

.ErrorPage__container_9405c {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-color: #420096;
  background-image: url('/bgSmall.BrI9cgha.webp');
  background-position: center;
  background-repeat: no-repeat;
}

.ErrorPage__content_de6a0 {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  width: 300px;
  padding: 40px;
  border-radius: 16px;
  background-color: #fff;
}

.ErrorPage__content_de6a0 p {
  margin: 0;
  text-align: center;
  font-family: TTUzum, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

@media (min-width: 960px) {
  .ErrorPage__container_9405c {
    background-image: url('/bgBig.CSPP5HRW.webp');
  }
}
.CustomTitle__title_58a6a {
  margin: 0;
  font-family: TTUzum, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

@media (min-width: 960px) {
  .CustomTitle__title_58a6a {
    font-size: 28px;
    line-height: 36px;
  }
}
.Form__form_abff9 {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
/* COLORS *//* UTILITIES */

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

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

.FormField__label_2b99a {
  font-size: 14px;
  line-height: 18px;
  color: #1f2026;
}

.FormField__required_2ad7f::after {
  content: '*';
  margin-left: 6px;
  color: #ff0000;
}

.FormField__label_2b99a sup {
  margin-left: 2px;
  font-size: 12px;
  color: #ff0000;
}

.FormField__field_f9b84 {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  position: relative;
}

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

.FormField__error_370ea {
  font-size: 12px;
  line-height: 16px;
  color: #ff0000;
}

.FormField__note_1a215 {
  display: flex;
  font-size: 12px;
  line-height: 16px;
  color: #8b8e99;
}

.FormField__disabled_34b77 .FormField__label_2b99a {
  color: rgba(54, 55, 64, .4);
}
/* COLORS *//* UTILITIES */

.Skeleton__skeleton_49e55 {
  border-radius: 12px;
  background-image: linear-gradient(90deg, rgba(5, 2, 51, .06) 24%, rgba(5, 2, 51, .12) 36%, rgba(5, 2, 51, .06) 64%);
  background-size: 400% 100%;
  animation-name: Skeleton__skeleton_49e55;
  animation-duration: 1.4s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.Skeleton__title_f82b7,
.Skeleton__text_2b22a,
.Skeleton__block_433bd,
.Skeleton__field_e0a47 {
  width: 100%;
}

.Skeleton__title_f82b7 {
  height: 24px;
  border-radius: 8px;
}

.Skeleton__text_2b22a {
  height: 16px;
  border-radius: 4px;
}

.Skeleton__tile_2d132,
.Skeleton__card_4cf31 {
  border-radius: 12px;
}

.Skeleton__tile_2d132 {
  height: 72px;
}

.Skeleton__card_4cf31 {
  height: 110px;
}

.Skeleton__photo_679b8 {
  border-radius: 50%;
}

.Skeleton__lines_70552 .Skeleton__text_2b22a {
  display: inline-block;
}

.Skeleton__lines_70552 .Skeleton__text_2b22a:last-child {
  width: 37%;
}

.Skeleton__toolbar_3f272 {
  height: 40px;
}

.Skeleton__field_e0a47 {
  height: 76px;
}

.Skeleton__new_e2e2c {
  height: 342px;
  border-radius: 12px;
}

@media (min-width: 960px) {
  .Skeleton__title_f82b7 {
    height: 36px;
  }

  .Skeleton__tile_2d132,
  .Skeleton__card_4cf31 {
    border-radius: 16px;
  }

  .Skeleton__tile_2d132 {
    height: 100px;
  }

  .Skeleton__card_4cf31 {
    height: 130px;
  }

  .Skeleton__toolbar_3f272 {
    height: 48px;
  }
}

@keyframes Skeleton__skeleton_49e55 {
  0% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0 50%;
  }
}
/* COLORS *//* UTILITIES */

/* stylelint-disable property-no-vendor-prefix, no-descending-specificity */

.TextField__container_b0626 {
  display: flex;
  gap: 12px;
  align-items: center;
  position: relative;
  padding-right: 12px;
  border: 1px solid #edeff2;
  border-radius: 12px;
  background-color: #edeff2;
}

.TextField__container_b0626:focus-within {
  border-color: #101010;
}

.TextField__input_637e9 {
  outline: none;
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  padding: 10px 0 10px 16px;
  text-overflow: ellipsis;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 18px;
  border: none;
  border-radius: 12px 0 0 12px;
  background-color: transparent;
  color: #1f2026;
}

.TextField__input_637e9:not([type='number'])::-webkit-inner-spin-button,
.TextField__input_637e9:not([type='number'])::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.TextField__input_637e9::-moz-placeholder {
  opacity: 1;
  color: #8b8e99;
}

.TextField__input_637e9::placeholder {
  opacity: 1;
  color: #8b8e99;
}

.TextField__button_32a91 {
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
}

.TextField__button_32a91:focus,
.TextField__button_32a91:hover {
  background-color: transparent;
}

.TextField__error_b9180.TextField__container_b0626 {
  border-color: #e50000;
}

.TextField__error_b9180.TextField__container_b0626 .TextField__input_637e9 {
  padding-right: 28px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20fill='red'%20fill-rule='evenodd'%20d='M11.9999%201C5.92475%201%20.999878%205.92487.999878%2012c0%206.0751%204.924872%2011%2011.000022%2011%206.0751%200%2011-4.9249%2011-11%200-6.07513-4.9249-11-11-11Zm1%207c0-.55228-.4477-1-1-1s-1%20.44772-1%201v4c0%20.5523.4477%201%201%201s1-.4477%201-1V8Zm-1%207c-.5523%200-1%20.4477-1%201s.4477%201%201%201h.01c.5523%200%201-.4477%201-1s-.4477-1-1-1h-.01Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

.TextField__small_4aca6 .TextField__input_637e9 {
  height: 38px;
  padding: 9px 0 9px 16px;
  font-size: 14px;
  line-height: 20px;
}

.TextField__white_90f6f {
  border-color: #fff;
  background-color: #fff;
}

.TextField__bordered_f3c20 {
  border: 1px solid rgba(54, 55, 64, .2);
}

.TextField__container_b0626.TextField__bordered_f3c20:focus-within {
  border-color: #101010;
}

.TextField__disabled_be71a .TextField__input_637e9::-moz-placeholder {
  color: rgba(54, 55, 64, .4);
}

.TextField__disabled_be71a .TextField__input_637e9,
.TextField__disabled_be71a .TextField__input_637e9::placeholder {
  color: rgba(54, 55, 64, .4);
}

@media (min-width: 960px) {
  .TextField__input_637e9 {
    height: 48px;
    padding: 12px 0 12px 16px;
    font-size: 16px;
    line-height: 22px;
  }
}
/* COLORS *//* UTILITIES */

/* stylelint-disable property-no-vendor-prefix */

.TextareaField__container_9c29f {
  display: flex;
  gap: 12px;
  align-items: center;
  position: relative;
  padding: 10px 12px 10px 16px;
  border: 1px solid #edeff2;
  border-radius: 12px;
  background-color: #edeff2;
}

.TextareaField__container_9c29f:focus-within {
  border-color: #101010;
}

.TextareaField__textarea_78d70 {
  outline: none;
  overflow: auto;
  box-sizing: border-box;
  width: 100%;
  resize: none;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 18px;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.TextareaField__textarea_78d70:focus-within {
  border-color: #101010;
}

.TextareaField__textarea_78d70::-moz-placeholder {
  opacity: 1;
  color: #7e818c;
}

.TextareaField__textarea_78d70::placeholder {
  opacity: 1;
  color: #7e818c;
}

.TextareaField__icon_3e51f {
  flex-shrink: 0;
  align-self: flex-start;
}

.TextareaField__button_08c75 {
  align-self: flex-start;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
}

.TextareaField__button_08c75:focus,
.TextareaField__button_08c75:hover {
  background-color: transparent;
}

.TextareaField__error_504a3.TextareaField__container_9c29f {
  border-color: #e50000;
}

.TextareaField__small_fdb19 {
  padding: 9px 0 9px 16px;
  font-size: 14px;
  line-height: 20px;
}

.TextareaField__white_63486 {
  border-color: #fff;
  background-color: #fff;
}

@media (min-width: 960px) {
  .TextareaField__container_9c29f {
    padding: 12px 12px 12px 16px;
    font-size: 16px;
    line-height: 22px;
  }
}
/* COLORS *//* UTILITIES */

.FeedbackForm__button_74468 {
  display: flex;
  position: fixed;
  z-index: 99;
  right: 32px;
  bottom: 45px;
  padding: 8px;
  border: none;
  border-radius: 50%;
}

.FeedbackForm__form_5f822 {
  position: fixed;
  z-index: 99;
  right: 42px;
  bottom: 42px;
  width: 250px;
  padding: 24px;
  border: 1px solid i__const_border_color_0;
  border-radius: 12px;
  box-shadow: 0 20px 80px 0 rgba(0, 0, 0, .12);
  background-color: #fff;
}

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

.FeedbackForm__title_fd941 {
  flex-grow: 1;
  font-size: 18px;
  line-height: 24px;
}

.FeedbackForm__closeButton_cf8ba {
  flex-shrink: 0;
  padding: 8px;
  border: none;
  background-color: #e6e8ed;
}

.FeedbackForm__closeButton_cf8ba:hover,
.FeedbackForm__closeButton_cf8ba:focus {
  background-color: #d0d3d9;
}

.FeedbackForm__closeButton_cf8ba:active {
  background-color: #c2c5cc;
}

.FeedbackForm__hiddenField_f1aa8 {
  display: none;
}

.FeedbackForm__hiddenField_f1aa8 + button {
  display: none;
}

.FeedbackForm__submitButton_797ba {
  align-self: flex-end;
}
.CompanyLink__link_fd333 {
  outline: none;
  color: #8b8e99;
}

.CompanyLink__link_fd333:hover,
.CompanyLink__link_fd333:focus-visible {
  color: #595b66;
}

.CompanyLink__link_fd333:active {
  color: #717480;
}
/* COLORS *//* UTILITIES */

.Dialog__dialog_0bdd1 {
  position: fixed;
  z-index: 100;
  inset: 0;
  overflow: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, .3);
}

.Dialog__dialog_0bdd1::after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.Dialog__dialogWindow_3ae59 {
  display: inline-block;
  position: relative;
  z-index: 1;
  outline: 0;
  max-width: 100%;
  margin: 8px 0;
  text-align: left;
  vertical-align: middle;
}

.Dialog__container_57699 {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: calc(100vw - 16px);
  max-width: 640px;
  padding: 16px;
  border-radius: 20px;
  box-shadow: 0 12px 24px -6px rgba(31, 32, 38, .08), 0 6px 12px -4px rgba(31, 32, 38, .04);
  background-color: #fff;
}

.Dialog__small_36883 .Dialog__container_57699 {
  max-width: 480px;
}

.Dialog__wide_60c7e .Dialog__container_57699 {
  width: calc(100vw - 16px);
  max-width: 900px;
}

.Dialog__loader_af86a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.Dialog__header_65562 {
  margin-bottom: 16px;
  padding-right: 40px;
}

.Dialog__headerTitle_316c2 {
  margin: 0;
  font-family: TTUzum, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.Dialog__closeButton_0e3a4 {
  position: absolute;
  top: 21px;
  right: 17px;
  padding: 7px;
  border: none;
  background-color: #e6e8ed;
}

.Dialog__closeButton_0e3a4:hover,
.Dialog__closeButton_0e3a4:focus {
  background-color: #d0d3d9;
}

.Dialog__closeButton_0e3a4:active {
  background-color: #c2c5cc;
}

.Dialog__modalBody_19f35 {
  display: flex;
  gap: 16px;
  flex-direction: column;
  position: relative;
}

.Dialog__loading_7d24c .Dialog__wrapper_ff0a0 {
  opacity: 0;
}

.Dialog__skeleton_7ef6e {
  position: absolute;
  inset: 0;
}

.Dialog__actions_ec139 {
  display: flex;
  gap: 12px;
  flex-direction: column-reverse;
  margin-top: 32px;
}

.Dialog__button_98bea {
  padding: 10px 15px;
  font-size: 14px;
  line-height: 18px;
}

@media (min-width: 640px) {
  .Dialog__container_57699 {
    padding: 20px;
  }

  .Dialog__dialogWindow_3ae59 {
    width: auto;
  }

  .Dialog__small_36883 .Dialog__container_57699 {
    width: 480px;
  }

  .Dialog__header_65562 {
    margin-bottom: 20px;
  }

  .Dialog__actions_ec139 {
    justify-content: flex-end;
    flex-direction: row;
  }
}
/* COLORS *//* UTILITIES */

/* stylelint-disable declaration-block-no-redundant-longhand-properties */

.Header__container_bfb4e {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #f3f4f6;
  background-color: #fff;
}

.Header__title_e7deb {
  margin: 0;
}

.Header__wrapper_89b89 {
  display: grid;
  grid-template-columns: 40px 1fr 98px 1fr auto;
  grid-template-rows: 40px;
  grid-template-areas: 'burger gap1 logo gap2 avatar' 'search search search search search';
  gap: 8px 0;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 0 16px 16px;
}

.Header__hasNotifications_df88c {
  grid-template-columns: 40px 1fr 98px 1fr 32px 12px auto;
  grid-template-areas: 'burger gap1 logo gap2 notifications gap3 avatar' 'search search search search search search search';
}

.Header__burger_1457e {
  display: flex;
  grid-area: burger;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #1f2026;
}

.Header__logoContainer_0005d {
  grid-area: logo;
}

.Header__searchContainer_4fb3c {
  grid-area: search;
}

.Header__corporateResourcesLink_fb007 {
  display: none;
}

.Header__notifications_562b0 {
  grid-area: notifications;
}

.Header__popoverContainer_68fb0,
.Header__popover_b88d1 {
  display: none;
}

.Header__mobileNotificationButton_953b9,
.Header__desktopNotificationButton_c5d2d {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 32px;
  height: 32px;
  padding: 0;
  border-color: transparent;
  border-radius: 6px;
  background-color: transparent;
}

.Header__icon_3b6b9 {
  width: 20px;
}

.Header__mobileNotificationButton_953b9::after,
.Header__desktopNotificationButton_c5d2d::after {
  content: '';
  position: absolute;
  top: 4px;
  right: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ff1a8c;
}

.Header__userSection_0fbc8 {
  display: flex;
  grid-area: avatar;
  gap: 8px;
  align-items: center;
  justify-self: end;
}

.Header__list_3ce9d {
  display: flex;
  gap: 16px;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}

.Header__notificationItem_6681e {
  display: flex;
  gap: 4px;
  flex-direction: column;
  padding: 8px 12px;
}

.Header__notificationNotice_32148 {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  color: #656773;
}

.Header__notificationNotice_32148 svg {
  width: 20px;
}

.Header__notificationText_b08e6 {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}

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

.Header__notificationLink_b7fc7 {
  font-size: 14px;
  line-height: 18px;
  color: #7f4dff;
}

.Header__notificationLink_b7fc7:hover,
.Header__notificationLink_b7fc7:focus-visible {
  color: #8c5fff;
}

.Header__time_de836 {
  font-size: 12px;
  line-height: 16px;
  color: #8b8e99;
}

@media (min-width: 960px) {
  .Header__wrapper_89b89 {
    grid-template-columns: 216px 320px 1fr auto;
    grid-template-areas: 'logo search corporateResourcesLink avatar';
    gap: 16px;
    max-width: 1440px;
    padding: 24px 16px;
  }

  .Header__hasNotifications_df88c {
    grid-template-columns: 216px 16px 320px 16px 1fr 8px 40px 12px auto;
    grid-template-areas: 'logo gap1 search gap2 corporateResourcesLink gap3 notifications gap4 avatar';
    gap: 0;
  }

  .Header__burger_1457e,
  .Header__mobileNotificationButton_953b9 {
    display: none;
  }

  .Header__corporateResourcesLink_fb007 {
    display: flex;
    grid-area: corporateResourcesLink;
    gap: 12px;
    min-width: 0;
    max-width: 240px;
    padding: 12px 8px;
    font-family: TTUzum, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    border-radius: 12px;
    color: #7e818c;
  }

  .Header__corporateResourcesLink_fb007 svg {
    flex-shrink: 0;
    width: 20px;
  }

  .Header__corporateResourcesLink_fb007 span {
    align-self: center;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .Header__corporateResourcesLink_fb007:hover,
  .Header__corporateResourcesLink_fb007:focus-visible {
    background-color: #e9ebf0;
    color: #1f2026;
  }

  .Header__popoverContainer_68fb0 {
    display: block;
  }

  .Header__desktopNotificationButton_c5d2d {
    width: 40px;
    height: 40px;
    border-radius: 10px;
  }

  .Header__icon_3b6b9 {
    width: 24px;
  }

  .Header__desktopNotificationButton_c5d2d::after {
    top: 8px;
    right: 8px;
  }

  .Header__desktopNotificationButton_c5d2d:popover-open {
    background-color: #e6e6eb;
  }

  .Header__popover_b88d1 {
    display: flex;
    gap: 8px;
    flex-direction: column;
    z-index: 10;
    outline: none;
    box-sizing: border-box;
    width: 480px;
    margin: unset;
    padding: 20px 8px 8px;
    border: 1px solid rgba(54, 55, 64, .2);
    border-radius: 12px;
    box-shadow: 0 12px 24px -6px rgba(31, 32, 38, .08), 0 6px 12px -4px rgba(31, 32, 38, .04);
    background-color: #fff;
  }

  .Header__popoverTitle_a1f91 {
    margin: 0;
    padding: 0 12px;
    font-family: TTUzum, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
  }

  .Header__list_3ce9d {
    gap: 8px;
    overflow-y: auto;
    max-height: 500px;
  }
}

@media (min-width: 1280px) {
  .Header__wrapper_89b89 {
    grid-template-columns: 216px 400px 1fr auto;
  }

  .Header__hasNotifications_df88c {
    grid-template-columns: 216px 400px 1fr 40px auto;
    grid-template-areas: 'logo search corporateResourcesLink notifications avatar';
    gap: 16px;
  }

  .Header__corporateResourcesLink_fb007 {
    padding: 10px 16px;
  }
}
.LogoBlock__link_d6d4e {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}

.LogoBlock__logo_457c0 {
  display: block;
  width: 82px;
  height: auto;
}

@media (min-width: 960px) {
  .LogoBlock__link_d6d4e {
    justify-content: flex-start;
  }

  .LogoBlock__logo_457c0 {
    width: auto;
    height: 40px;
  }
}
/* COLORS *//* UTILITIES */

.SearchField__container_7632a {
  display: flex;
  align-self: center;
  position: relative;
  height: 100%;
}

.SearchField__searchInput_d9e44 {
  padding-right: 4px;
  border-color: rgba(54, 55, 64, .2);
  border-radius: 12px;
  background-color: transparent;
}

.SearchField__searchInput_d9e44 input {
  box-sizing: border-box;
  height: 48px;
  padding: 12px 58px 12px 16px;
  font-size: 16px;
  line-height: 22px;
}

.SearchField__errorText_45c81 {
  position: absolute;
  top: 100%;
  margin: 0;
  font-size: 10px;
  line-height: 16px;
  color: #4d4f59;
}

.SearchField__searchButton_8dc8e {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 10px;
  background-color: #e5e5ff;
  color: #7f4dff;
}

.SearchField__searchButton_8dc8e:hover {
  background-color: #d8d7f3;
}

.SearchField__searchButton_8dc8e:active {
  background-color: #bdbcda;
}

@media (min-width: 960px) {
  .SearchField__errorText_45c81 {
    top: calc(100% + 4px);
  }
}
.ImageWithSkeleton__container_03e87 {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ImageWithSkeleton__skeleton_36b0f {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ImageWithSkeleton__image_c22c3 {
  display: block;
  position: relative;
  z-index: 2;
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.ImageWithSkeleton__image_c22c3.ImageWithSkeleton__loaded_dc72a {
  opacity: 1;
}

.Dropdown__dropdown_19d84 {
  position: relative;
}

.Dropdown__dropdownController_1b1c3 {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}

.Dropdown__dropdownPopup_d2182 {
  display: none;
  position: absolute;
  z-index: 2;
  width: 100%;
}

.Dropdown__dropdownOpened_291ab .Dropdown__dropdownPopup_d2182 {
  display: block;
}

.Dropdown__dropdownPositionBottom_05359 .Dropdown__dropdownPopup_d2182 {
  top: calc(100% + 4px);
  right: 0;
  left: 0;
}

.Dropdown__dropdownPositionTop_2183f .Dropdown__dropdownPopup_d2182 {
  right: 0;
  bottom: calc(100% + 4px);
  left: 0;
}

.Dropdown__dropdownPositionBottomLeft_9d608 .Dropdown__dropdownPopup_d2182 {
  top: calc(100% + 4px);
  right: 0;
}

.Dropdown__dropdownPositionBottomRight_f857a .Dropdown__dropdownPopup_d2182 {
  top: calc(100% + 4px);
  left: 0;
}

/* COLORS *//* UTILITIES */

.Hint__hint_f2b66 {
  color: #999ca6;
}

.Hint__hint_f2b66:hover,
.Hint__hint_f2b66:focus {
  color: #1f2026;
}
/* COLORS *//* UTILITIES */

/* stylelint-disable no-descending-specificity */

.SelectField__selectControl_8b187 {
  display: none;
}

.SelectField__selectField_5daae {
  display: flex;
  flex-direction: column;
}

.SelectField__selectField_5daae .SelectField__handler_7036a {
  display: flex;
  gap: 8px;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 40px;
  padding: 8px 52px 8px 16px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  border-color: #edeff2;
  background-color: #edeff2;
}

.SelectField__selectField_5daae .SelectField__handler_7036a:hover,
.SelectField__selectField_5daae .SelectField__handler_7036a:focus {
  border-color: #e6e8ed;
  background-color: #e6e8ed;
}

.SelectField__hasPlaceholder_e8e61 {
  color: #8b8e99;
}

.SelectField__handler_7036a::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 12px;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20fill='%231F2026'%20d='M4.21967%208.21967c.29289-.29289.76777-.29289%201.06066%200L12%2014.9393l6.7197-6.71963c.2929-.29289.7677-.29289%201.0606%200%20.2929.29289.2929.76777%200%201.06066l-7.25%207.24997c-.1406.1407-.3314.2197-.5303.2197-.1989%200-.3897-.079-.5303-.2197L4.21967%209.28033c-.29289-.29289-.29289-.76777%200-1.06066Z'/%3e%3c/svg%3e") 50% no-repeat;
}

.SelectField__selectField_5daae .SelectField__handler_7036a.SelectField__handlerOpened_ab1d8 {
  border-color: currentColor;
}

.SelectField__handlerOpened_ab1d8::after {
  transform: scale(-1);
}

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

.SelectField__handler_7036a.SelectField__warning_fef1c {
  border-color: #f80;
}

.SelectField__warningIcon_da05d {
  width: 24px;
  margin-left: auto;
}

.SelectField__hintRoot_62c5e {
  width: 230px;
}

.SelectField__resetButton_9f503 {
  margin-left: auto;
  color: #999ca6;
}

.SelectField__resetButton_9f503 svg {
  display: block;
  width: 16px;
  height: 16px;
}

.SelectField__popup_07c6b {
  position: absolute;
  left: 0;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(54, 55, 64, .2);
  border-radius: 12px;
  background-color: #fff;
}

.SelectField__filter_20952 {
  display: flex;
  gap: 8px;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  padding: 8px;
}

.SelectField__filter_20952 .SelectField__searchField_a8079 {
  padding-right: 8px;
  border-radius: 10px;
}

.SelectField__filter_20952 .SelectField__searchField_a8079 input {
  height: 30px;
  padding: 5px 8px 5px 48px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20fill='none'%3e%3cpath%20fill='%23A6A9B2'%20fill-rule='evenodd'%20d='M9%201.75C4.99594%201.75%201.75%204.99594%201.75%209c0%204.0041%203.24594%207.25%207.25%207.25%201.9606%200%203.7395-.7783%205.0445-2.0427.0224-.0306.0475-.0599.0752-.0876.0277-.0277.057-.0528.0876-.0752C15.4717%2012.7395%2016.25%2010.9606%2016.25%209c0-4.00406-3.2459-7.25-7.25-7.25Zm6.6949%2012.8842C16.9773%2013.112%2017.75%2011.1462%2017.75%209%2017.75%204.16751%2013.8325.25%209%20.25%204.16751.25.25%204.16751.25%209c0%204.8325%203.91751%208.75%208.75%208.75%202.1462%200%204.112-.7727%205.6342-2.0551l3.8355%203.8354c.2929.2929.7677.2929%201.0606%200%20.2929-.2929.2929-.7677%200-1.0606l-3.8354-3.8355Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: 12px center;
  background-repeat: no-repeat;
}

.SelectField__searchContainer_5100f {
  position: relative;
  width: 100%;
}

.SelectField__control_fd0f9 {
  align-self: flex-start;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  background-color: transparent;
}

.SelectField__options_58575 {
  display: flex;
  gap: 4px;
  flex-direction: column;
  list-style: none;
  overflow: auto;
  max-height: 244px;
  margin: 0;
  padding: 4px;
}

.SelectField__option_473f3 {
  display: flex;
  gap: 4px;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 9px 12px;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  border-radius: 8px;
  background-color: transparent;
  color: #1f2026;
  cursor: pointer;
}

.SelectField__option_473f3:hover,
.SelectField__optionFocused_50cfc {
  background-color: rgba(5, 2, 51, .06);
}

.SelectField__optionSelected_56dc7 {
  background-color: rgba(5, 2, 51, .12);
  cursor: default;
}

.SelectField__emptyResults_5a69e {
  display: flex;
  justify-content: center;
  margin: 70px 0;
  color: #8b8e99;
}

.SelectField__addNewOption_84874:hover,
.SelectField__addNewOption_84874.SelectField__optionFocused_50cfc {
  background-color: transparent;
}

.SelectField__addNewOptionField_33c9d {
  width: 100%;
}

.SelectField__selectField_5daae .SelectField__addNewField_bfc21 {
  border-radius: 8px;
}

.SelectField__selectField_5daae .SelectField__addNewField_bfc21 input {
  height: 30px;
  padding: 7px 10px;
  font-size: 12px;
  line-height: 16px;
}

.SelectField__addNewButton_3c3c7 {
  display: flex;
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 2px;
  border-radius: 6px;
}

.SelectField__selectField_5daae.SelectField__small_efcd8 .SelectField__handler_7036a {
  height: 40px;
  padding: 10px 50px 10px 16px;
  font-size: 14px;
  line-height: 20px;
}

.SelectField__selectField_5daae.SelectField__small_efcd8 .SelectField__handler_7036a::after {
  top: 8px;
  right: 12px;
}

.SelectField__selectField_5daae.SelectField__small_efcd8 .SelectField__handler_7036a.SelectField__error_842b2,
.SelectField__handler_7036a.SelectField__error_842b2 {
  padding-right: 74px;
  border-color: #e50000;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20fill='red'%20fill-rule='evenodd'%20d='M11.9999%201C5.92475%201%20.999878%205.92487.999878%2012c0%206.0751%204.924872%2011%2011.000022%2011%206.0751%200%2011-4.9249%2011-11%200-6.07513-4.9249-11-11-11Zm1%207c0-.55228-.4477-1-1-1s-1%20.44772-1%201v4c0%20.5523.4477%201%201%201s1-.4477%201-1V8Zm-1%207c-.5523%200-1%20.4477-1%201s.4477%201%201%201h.01c.5523%200%201-.4477%201-1s-.4477-1-1-1h-.01Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");
  background-position: calc(100% - 42px) 50%;
  background-repeat: no-repeat;
}

.SelectField__selectField_5daae.SelectField__light_f0f68 {
  width: 100%;
}

.SelectField__selectField_5daae.SelectField__light_f0f68 .SelectField__handler_7036a {
  display: flex;
  gap: 4px;
  max-width: -moz-max-content;
  max-width: max-content;
  height: 20px;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  border-color: transparent;
  border-radius: 0;
  background-color: transparent;
}

.SelectField__selectField_5daae.SelectField__light_f0f68 .SelectField__handler_7036a::after {
  position: relative;
  top: 1px;
  right: -1px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20fill='%231F2026'%20fill-rule='evenodd'%20d='M4.41107%206.91107c.32544-.32544.85307-.32544%201.17851%200l4.41072%204.41073%204.4108-4.41073c.3254-.32544.853-.32544%201.1785%200%20.3254.32544.3254.85307%200%201.17851l-5%205.00002c-.3255.3254-.85309.3254-1.17853%200l-5-5.00002c-.32544-.32544-.32544-.85307%200-1.17851Z'%20clip-rule='evenodd'/%3e%3c/svg%3e") 50% no-repeat;
}

.SelectField__selectField_5daae.SelectField__light_f0f68 .SelectField__handler_7036a:hover,
.SelectField__selectField_5daae.SelectField__light_f0f68 .SelectField__handler_7036a:focus {
  color: #8b8e99;
}

.SelectField__selectField_5daae.SelectField__light_f0f68 .SelectField__handler_7036a:hover::after,
.SelectField__selectField_5daae.SelectField__light_f0f68 .SelectField__handler_7036a:focus::after {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20fill='%238B8E99'%20fill-rule='evenodd'%20d='M4.41107%206.91107c.32544-.32544.85307-.32544%201.17851%200l4.41072%204.41073%204.4108-4.41073c.3254-.32544.853-.32544%201.1785%200%20.3254.32544.3254.85307%200%201.17851l-5%205.00002c-.3255.3254-.85309.3254-1.17853%200l-5-5.00002c-.32544-.32544-.32544-.85307%200-1.17851Z'%20clip-rule='evenodd'/%3e%3c/svg%3e") 50% no-repeat;
}

.SelectField__selectField_5daae.SelectField__light_f0f68 .SelectField__popup_07c6b {
  max-width: -moz-max-content;
  max-width: max-content;
}

.SelectField__selectField_5daae.SelectField__white_6e3d2 .SelectField__handler_7036a {
  border-color: #fff;
  background-color: #fff;
}

.SelectField__selectField_5daae.SelectField__white_6e3d2 .SelectField__handlerOpened_ab1d8 {
  border-color: currentColor;
}

.SelectField__selectField_5daae.SelectField__forIcons_cf544 .SelectField__handler_7036a:not(.SelectField__hasPlaceholder_e8e61),
.SelectField__selectField_5daae.SelectField__forIcons_cf544 .SelectField__option_473f3 {
  font-size: 0;
}

.SelectField__selectField_5daae.SelectField__forIcons_cf544 .SelectField__options_58575 {
  flex-direction: row;
  flex-wrap: wrap;
}

.SelectField__selectField_5daae.SelectField__forIcons_cf544 .SelectField__option_473f3 {
  width: -moz-max-content;
  width: max-content;
  padding: 8px 12px;
}

@media (min-width: 960px) {
  .SelectField__selectField_5daae .SelectField__handler_7036a {
    height: 48px;
    padding: 12px 52px 12px 16px;
    font-size: 16px;
    line-height: 22px;
  }

  .SelectField__handler_7036a::after {
    top: 12px;
  }

  .SelectField__selectField_5daae.SelectField__light_f0f68 .SelectField__handler_7036a {
    font-size: 16px;
    line-height: 20px;
  }

  .SelectField__selectField_5daae.SelectField__forIcons_cf544 .SelectField__popup_07c6b {
    box-sizing: border-box;
    width: 480px;
  }
}
/* COLORS *//* UTILITIES */

/* stylelint-disable selector-no-qualifying-type */

.UserContainer__container_98dda {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 6px 4px;
  border-radius: 12px;
}

.UserContainer__withSelect_9bb48 {
  justify-content: flex-start;
  padding: 6px 4px;
}

.UserContainer__container_98dda:not(.UserContainer__withSelect_9bb48) {
  width: -moz-max-content;
  width: max-content;
}

.UserContainer__container_98dda:hover,
.UserContainer__container_98dda:focus-within {
  background-color: #0502330a;
}

.UserContainer__avatarContainer_68e3f {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.UserContainer__avatarContainer_68e3f svg {
  width: 18px;
}

.UserContainer__avatarContainer_68e3f img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.UserContainer__userName_9b55c {
  display: none;
}

.UserContainer__container_98dda .UserContainer__identitySelect_84524 button[id='dropdown-handler'] {
  width: 28px;
  height: 24px;
  font-size: 0;
}

.UserContainer__container_98dda .UserContainer__identitySelect_84524 button[id='dropdown-handler']::after {
  width: 24px;
  height: 24px;
}

.UserContainer__container_98dda .UserContainer__identitySelectPopup_2a539 {
  top: calc(100% + 12px);
  left: auto;
  width: 260px;
}

.UserContainer__loader_1f380 {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  border: 2px solid #e8e8e8;
  border-top-color: #7b61ff;
  border-radius: 50%;
  animation: UserContainer__spin_12d96 .6s linear infinite;
}

@keyframes UserContainer__spin_12d96 {
  to {
    transform: rotate(360deg);
  }
}

@media (min-width: 960px) {
  .UserContainer__container_98dda {
    max-width: 260px;
    padding: 2px 8px;
    border-radius: 12px;
  }

  .UserContainer__withSelect_9bb48 {
    position: relative;
    width: 260px;
    max-width: none;
  }

  .UserContainer__user_45620 {
    display: flex;
    gap: 6px;
    align-items: center;
    min-width: 0;
  }

  .UserContainer__avatarContainer_68e3f svg {
    width: 28px;
  }

  .UserContainer__userName_9b55c {
    display: block;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 18px;
    color: #1f2026;
  }

  .UserContainer__withSelect_9bb48 .UserContainer__userName_9b55c {
    padding-bottom: 18px;
  }

  .UserContainer__selectContainer_460ad {
    position: absolute;
    bottom: 2px;
    left: 42px;
  }

  .UserContainer__container_98dda .UserContainer__identitySelect_84524 button[id='dropdown-handler'] {
    width: 208px;
    max-width: none;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #656773;
  }

  .UserContainer__container_98dda .UserContainer__identitySelect_84524 button[id='dropdown-handler']::after {
    width: 20px;
    height: 20px;
  }

  .UserContainer__container_98dda .UserContainer__identitySelect_84524 .UserContainer__identitySelectPopup_2a539 {
    top: calc(100% + 8px);
    right: -10px;
    left: auto;
    width: 260px;
    max-width: none;
  }

  .UserContainer__loader_1f380 {
    display: block;
    width: 208px;
    height: 16px;
    margin: 0;
    border: none;
    border-radius: 4px;
    background-image: linear-gradient(90deg, rgba(5, 2, 51, .06) 24%, rgba(5, 2, 51, .12) 36%, rgba(5, 2, 51, .06) 64%);
    background-size: 400% 100%;
    animation-name: UserContainer__skeleton_6e6b7;
    animation-duration: 1.4s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
  }

  @keyframes UserContainer__skeleton_6e6b7 {
    0% {
      background-position: 100% 50%;
    }

    100% {
      background-position: 0 50%;
    }
  }
}

@media (min-width: 1280px) {
  .UserContainer__container_98dda {
    width: 300px;
    padding: 5px 8px;
  }

  .UserContainer__withSelect_9bb48 {
    width: 300px;
  }

  .UserContainer__user_45620 {
    gap: 8px;
  }

  .UserContainer__avatarContainer_68e3f {
    width: 36px;
    height: 36px;
  }

  .UserContainer__userName_9b55c {
    font-size: 16px;
    line-height: 20px;
  }

  .UserContainer__selectContainer_460ad {
    bottom: 2px;
    left: 52px;
  }

  .UserContainer__container_98dda .UserContainer__identitySelect_84524 button[id='dropdown-handler'] {
    width: 240px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
  }

  .UserContainer__container_98dda .UserContainer__identitySelect_84524 button[id='dropdown-handler']::after {
    width: 20px;
    height: 20px;
  }

  .UserContainer__container_98dda .UserContainer__identitySelect_84524 .UserContainer__identitySelectPopup_2a539 {
    top: calc(100% + 8px);
    right: -10px;
    width: 300px;
  }

  .UserContainer__loader_1f380 {
    width: 240px;
    height: 18px;
    border-radius: 6px;
  }
}
.Spoiler__container_536e9 {
  display: flex;
  flex-direction: column;
}

.Spoiler__handler_54e97 {
  display: flex;
  align-items: center;
}

.Spoiler__title_71ecb {
  margin: 0;
}

.Spoiler__content_48773 {
  display: none;
}

.Spoiler__isOpened_8b32b .Spoiler__content_48773 {
  display: block;
}
/* COLORS *//* UTILITIES */

.MainNavigationMenu__container_b0b77 {
  position: fixed;
  z-index: 10;
  top: 40px;
  left: 0;
  overflow-y: auto;
  box-sizing: border-box;
  width: 100%;
  max-width: 440px;
  height: calc(100vh - 40px);
  box-shadow: 0 12px 24px -6px rgba(31, 32, 38, .08), 0 6px 12px -4px rgba(31, 32, 38, .04);
  background-color: #fff;
}

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

.MainNavigationMenu__corporateResourcesLink_b293e {
  display: flex;
  gap: 16px;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 8px;
  text-align: left;
  font-family: TTUzum, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #8b8e99;
}

.MainNavigationMenu__corporateResourcesLink_b293e svg {
  width: 20px;
}

.MainNavigationMenu__list_7c488,
.MainNavigationMenu__innerList_b98cd {
  list-style: none;
  margin: 0;
  padding: 16px;
}

.MainNavigationMenu__list_7c488 {
  display: flex;
  gap: 4px;
  align-items: stretch;
  flex-direction: column;
  margin: 0;
}

.MainNavigationMenu__innerList_b98cd {
  display: flex;
  gap: 4px;
  flex-direction: column;
  padding: 0 0 0 36px;
}

.MainNavigationMenu__item_26d25 {
  display: flex;
  gap: 16px;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 8px;
  text-align: left;
  font-family: TTUzum, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 8px;
  color: #7e818c;
}

.MainNavigationMenu__item_26d25 svg {
  flex-shrink: 0;
}

.MainNavigationMenu__innerList_b98cd .MainNavigationMenu__item_26d25 {
  padding: 10px 8px;
}

.MainNavigationMenu__arrow_d36b1 {
  margin-left: auto;
}

.MainNavigationMenu__item_26d25[aria-expanded='true'] .MainNavigationMenu__arrow_d36b1 {
  transform: scale(-1);
}

.MainNavigationMenu__currentItem_50220,
.MainNavigationMenu__item_26d25[aria-expanded='true'],
.MainNavigationMenu__item_26d25:hover {
  color: #1f2026;
}

.MainNavigationMenu__item_26d25:hover {
  background-color: #e9ebf0;
}

.MainNavigationMenu__skeleton_d806a {
  height: 40px;
}

.MainNavigationMenu__container_b0b77 .MainNavigationMenu__skeleton_d806a + .MainNavigationMenu__skeleton_d806a {
  width: 100%;
}

@media (min-width: 960px) {
  .MainNavigationMenu__container_b0b77 {
    flex-shrink: 0;
    position: static;
    z-index: 0;
    width: 216px;
    height: auto;
    min-height: unset;
    padding: 0;
    border-top: none;
    box-shadow: none;
  }

  .MainNavigationMenu__list_7c488 {
    padding: 0;
  }

  .MainNavigationMenu__linkContainer_e0b2d {
    display: none;
  }
}
/* COLORS *//* UTILITIES */

.ProfileHeaderSkeleton__container_f9ed4 {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.ProfileHeaderSkeleton__avatarContainer_98212 {
  flex-shrink: 0;
  position: relative;
  margin-bottom: 8px;
}

.ProfileHeaderSkeleton__avatar_1de97 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(54, 55, 64, .2);
  border-radius: 50%;
}

.ProfileHeaderSkeleton__userInfo_d0794 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ProfileHeaderSkeleton__title_a1d66 {
  display: flex;
  min-height: 24px;
  margin-bottom: 8px;
}

.ProfileHeaderSkeleton__jobInfo_02c10 {
  flex-grow: 1;
  min-height: 20px;
}

.ProfileHeaderSkeleton__contacts_7463c {
  display: flex;
  align-items: center;
  min-height: 40px;
  margin-top: 20px;
}

@media (min-width: 960px) {
  .ProfileHeaderSkeleton__container_f9ed4 {
    align-items: flex-start;
    flex-direction: row;
  }

  .ProfileHeaderSkeleton__avatarContainer_98212 {
    margin-right: 24px;
    margin-bottom: 0;
  }

  .ProfileHeaderSkeleton__avatar_1de97 {
    width: 152px;
    height: 152px;
  }

  .ProfileHeaderSkeleton__userInfo_d0794 {
    align-self: stretch;
    box-sizing: border-box;
    height: 152px;
    padding-top: 12px;
  }

  .ProfileHeaderSkeleton__title_a1d66 {
    gap: 12px;
    justify-content: flex-start;
    min-height: 28px;
    margin-bottom: 12px;
  }

  .ProfileHeaderSkeleton__contacts_7463c {
    margin-top: auto;
  }
}
/* COLORS *//* UTILITIES */

.ProgressBar__container_686f9 {
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}

.ProgressBar__progressBar_5a33b {
  z-index: 2;
  width: 0;
  height: 100%;
  border-radius: 8px;
  background-color: #7f4dff;
  transition: width .5s linear;
}
.CompanyApp__page_1c904 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.CompanyApp__container_153bf {
  display: flex;
  flex-grow: 1;
  box-sizing: border-box;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 16px;
}

.CompanyApp__screenHeight_07a6d {
  overflow: hidden;
  height: calc(100vh - 48px);
}

.CompanyApp__mobileMenu_cc145 {
  display: none;
}

.CompanyApp__mobileMenu_cc145.CompanyApp__open_1f112 {
  display: block;
}

.CompanyApp__desktopMenu_0b43c {
  display: none;
}

@media (min-width: 640px) {
  .CompanyApp__container_153bf {
    gap: 16px;
    max-width: 1440px;
  }
}

@media (min-width: 960px) {
  .CompanyApp__container_153bf {
    padding: 40px 16px 52px;
  }

  .CompanyApp__screenHeight_07a6d {
    overflow: auto;
    height: auto;
  }

  .CompanyApp__desktopMenu_0b43c {
    display: block;
  }

  .CompanyApp__mobileMenu_cc145.CompanyApp__open_1f112 {
    display: none;
  }
}
/* stylelint-disable declaration-no-important */

.success .anticon-close-circle {
  margin-inline-end: 0 !important;
}

.popup-bubble {
  /* Position the bubble centred-above its parent. */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  background-color: #fff;
}

/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
  /* Position the div a fixed distance above the tip. */
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
}

.ant-notification {
  z-index: 50000;
}

/* This element draws the tip. */
.popup-bubble-anchor::after {
  content: '';
  position: absolute;
  top: -7px;
  left: 0;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 10px solid transparent;
}

/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container {
  position: absolute;
  /* The max width of the info window. */
  width: 200px;
  height: 0;
  cursor: auto;
}

.debug-input {
  position: fixed;
  z-index: 100;
  bottom: 200px;
  left: 10px;
  width: 300px;
  height: 50px;
  font-size: 20px;
}

.ant-notification-notice-description {
  white-space: pre-wrap;
}

.ant-select {
  box-sizing: border-box;
}

.ant-select .ant-select-selector {
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #c5c7ca !important;
  border-radius: 12px;
  box-shadow: none !important;
}

.ant-select:focus .ant-select-selector,
.ant-select:hover.ant-select-selector {
  border-color: #101010 !important;
  box-shadow: none !important;
}

.ant-select .ant-select-open .ant-select-selector {
  border-color: #101010 !important;
  box-shadow: none !important;
}

.ant-popover-inner-content {
  color: #fff !important;
}

.ant-collapse {
  border: none;
}

.ant-collapse .ant-collapse-content > .ant-collapse-content-box {
  padding: 0;
}

.ant-collapse .ant-collapse-content {
  border: none;
}

.ant-collapse-header {
  padding: 16px;
  font-size: 16px;
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 16px;
}

.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #f3f4f6 !important;
}

.ant-collapse > .ant-collapse-item:last-child {
  border-radius: 0;
}

.input-file,
.input-file-disabled,
.input-carousel,
.input-carousel-disabled,
.input-application,
.input-application-disabled,
.input-template,
.input-template-disabled {
  display: none;
}

.input-file + label,
.input-carousel + label,
.input-application + label,
.input-template + label {
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
}

.input-file-disabled + label,
.input-carousel-disabled + label,
.input-application-disabled + label,
.input-template-disabled + label {
  display: inline-block;
  color: #666;
}
/* stylelint-disable declaration-no-important, selector-no-qualifying-type */

.toaster {
  align-items: flex-start;
  box-sizing: border-box;
  max-width: none !important;
  padding: 12px 12px 12px 48px !important;
  border-radius: 16px !important;
  background-color: #1f2026 !important;
  background-position: 12px 12px !important;
  background-size: 20px !important;
  background-repeat: no-repeat !important;
}

.toaster-error {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20fill='red'%20fill-rule='evenodd'%20d='M11.9999%201C5.92475%201%20.999878%205.92487.999878%2012c0%206.0751%204.924872%2011%2011.000022%2011%206.0751%200%2011-4.9249%2011-11%200-6.07513-4.9249-11-11-11Zm1%207c0-.55228-.4477-1-1-1s-1%20.44772-1%201v4c0%20.5523.4477%201%201%201s1-.4477%201-1V8Zm-1%207c-.5523%200-1%20.4477-1%201s.4477%201%201%201h.01c.5523%200%201-.4477%201-1s-.4477-1-1-1h-.01Z'%20clip-rule='evenodd'/%3e%3c/svg%3e") !important;
  background-size: 16px 16px !important;
}

.toaster-success {
  background-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='8.0013'%20cy='8.0013'%20r='7.33333'%20fill='%2300BF50'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.5251%205.57417C11.7594%205.80849%2011.7594%206.18839%2011.5251%206.4227L7.33644%2010.6113C7.03964%2010.9081%206.55844%2010.9081%206.26164%2010.6113L4.47261%208.82231C4.2383%208.588%204.2383%208.2081%204.47261%207.97379C4.70692%207.73947%205.08682%207.73947%205.32114%207.97378L6.79904%209.45168L10.6766%205.57417C10.9109%205.33986%2011.2908%205.33986%2011.5251%205.57417Z'%20fill='white'/%3e%3c/svg%3e") !important;
}

.toaster div[role='status'] {
  justify-content: flex-start;
  margin: 0;
}

@media (min-width: 960px) {
  .toaster {
    width: -moz-max-content !important;
    width: max-content !important;
    max-width: 640px !important;
    padding: 16px 16px 16px 56px !important;
    background-position: 16px 14px !important;
    background-size: 24px !important;
  }

  .toaster-error {
    background-color: #fff0f2 !important;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20fill='red'%20d='M13%2016c0%20.5523-.4477%201-1%201s-1-.4477-1-1%20.4477-1%201-1%201%20.4477%201%201ZM11.0333%206.99944C11.0151%206.45294%2011.4532%206%2012%206s.9849.45294.9667.99944l-.1925%205.77556c-.0135.4042-.3451.725-.7496.725h-.0492c-.4045%200-.7361-.3208-.7496-.725l-.1925-5.77556Z'/%3e%3cpath%20fill='red'%20d='M12%202c5.5228%200%2010%204.47715%2010%2010%200%205.5228-4.4772%2010-10%2010-5.52285%200-10-4.4772-10-10C2%206.47715%206.47715%202%2012%202Zm0%2018.5c4.6944%200%208.5-3.8056%208.5-8.5%200-4.69442-3.8056-8.5-8.5-8.5-4.69442%200-8.5%203.80558-8.5%208.5%200%204.6944%203.80558%208.5%208.5%208.5Z'/%3e%3c/svg%3e") !important;
    background-size: 24px 24px !important;
  }

  .toaster-success {
    background-color: #ebfaee !important;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20fill='%2300AD3A'%20d='M13%2016c0%20.5523-.4477%201-1%201s-1-.4477-1-1%20.4477-1%201-1%201%20.4477%201%201ZM11.0333%206.99944C11.0151%206.45294%2011.4532%206%2012%206s.9849.45294.9667.99944l-.1925%205.77556c-.0135.4042-.3451.725-.7496.725h-.0492c-.4045%200-.7361-.3208-.7496-.725l-.1925-5.77556Z'/%3e%3cpath%20fill='%2300AD3A'%20d='M12%202c5.5228%200%2010%204.47715%2010%2010%200%205.5228-4.4772%2010-10%2010-5.52285%200-10-4.4772-10-10C2%206.47715%206.47715%202%2012%202Zm0%2018.5c4.6944%200%208.5-3.8056%208.5-8.5%200-4.69442-3.8056-8.5-8.5-8.5-4.69442%200-8.5%203.80558-8.5%208.5%200%204.6944%203.80558%208.5%208.5%208.5Z'/%3e%3c/svg%3e") !important;
  }

  .toaster div[role='status'] {
    margin: 0;
  }
}
/* stylelint-disable declaration-no-important, selector-no-qualifying-type */

.react-activity-calendar__calendar {
  color: #1f2026;
}

.react-activity-calendar__legend-weekday text:nth-child(6),
.react-activity-calendar__legend-weekday text:nth-child(7) {
  color: #8b8e99;
}

.react-activity-calendar__calendar rect {
  stroke: transparent !important;
}

.vacationHeatmap .react-activity-calendar__calendar rect[data-level='1'] {
  stroke: #8b8e99 !important;
}

.planHeatmap .react-activity-calendar__calendar rect[data-level='2'] {
  stroke: #7000ff !important;
  stroke-dasharray: 4 4 !important;
}

.react-activity-calendar__tooltip {
  max-width: 190px;
  padding: 8px 10px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  border-radius: 8px;
  background-color: #1f2026;
  color: #fff;
}

.react-activity-calendar__tooltip-arrow {
  fill: #1f2026;
}
.virtuoso-grid-item {
  min-width: 0;
}
/* stylelint-disable selector-max-id, declaration-no-important, no-descending-specificity */

@font-face {
  src: url('/Inter-Regular.B0QUfDW0.woff2') format('woff2');
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  src: url('/Inter-Italic.B_ozvy2G.woff2') format('woff2');
  font-family: Inter;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  src: url('/Inter-Medium.B0NFony0.woff2') format('woff2');
  font-family: Inter;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  src: url('/Inter-MediumItalic.DOveuiCA.woff2') format('woff2');
  font-family: Inter;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  src: url('/Inter-SemiBold._JLwM7Yv.woff2') format('woff2');
  font-family: Inter;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  src: url('/Inter-Bold.CytjP_7U.woff2') format('woff2');
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  src: local('TT Uzum Medium'), url('/TT_Uzum_Medium.CuYMW42N.woff2') format('woff2');
  font-family: TTUzum;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  src: local('TT Uzum Semi Bold'), url('/TT_Uzum_DemiBold.BIvrnqtV.woff2') format('woff2');
  font-family: TTUzum;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  src: local('TT Uzum Bold'), url('/TT_Uzum_Bold.r06SZU1U.woff2') format('woff2');
  font-family: TTUzum;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@value variables: 'shared/assets/styles/variables.css';

html {
  height: 100%;
}

body {
  height: 0;
  min-height: 100%;
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 20px;
  background-color: #fff;
  color: #1f2026;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

a,
a:hover {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
/* stylelint-disable declaration-no-important */

/**
 * Swiper 12.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 24, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */

.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */

/* 3D Shadows */

.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}

.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

/* a11y */

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper-button-prev,
.swiper-button-next {
  display: none;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  display: none;
}

.swiper-pagination {
  display: flex;
  gap: 8px;
  justify-content: center;
  width: 100%;
  margin-top: 16px;
}

.swiper-pagination-bullet {
  outline: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(54, 55, 64, .15);
}

.swiper-pagination-bullet:hover,
.swiper-pagination-bullet:focus-visible {
  background-color: #d8dae2;
}

.swiper-pagination-bullet:focus-visible {
  background-color: rgba(54, 55, 64, .15);
}

.swiper-pagination-bullet:active {
  background-color: #bdbfcc;
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active:focus-visible {
  background-color: #1f2026;
}

.mainSwiper {
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }

  .swiper-slide {
    width: 100% !important;
  }
}

@media (min-width: 640px) {
  .mainSwiper {
    &.swiper {
      padding-bottom: 48px;
    }

    .swiper-button-prev,
    .swiper-button-next {
      display: flex;
      align-items: center;
      justify-content: center;
      top: auto;
      bottom: 0;
      width: 32px;
      height: 32px;
      border: 1px solid  rgba(54, 55, 64, .2);
      border-radius: 50%;
      box-shadow: none;
      background-color: #fff;
      background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20fill='none'%3e%3cpath%20fill='currentColor'%20fill-rule='evenodd'%20d='M12.1086%204.55806c.244.24408.244.6398%200%20.88388L7.55051%2010l4.55809%204.5581c.244.244.244.6398%200%20.8838-.2441.2441-.6398.2441-.8839%200l-5.00002-5c-.24407-.244-.24407-.63976%200-.88384l5.00002-5c.2441-.24408.6398-.24408.8839%200Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");
      background-position: center;
      background-repeat: no-repeat;
    }

    .swiper-button-next {
      right: 0;
      transform: scale(-1);
    }

    .swiper-button-prev {
      right: 56px;
      left: auto;
    }

    .swiper-button-prev:focus-visible,
    .swiper-button-next:focus-visible {
      background-color: transparent;
    }

    .swiper-button-prev:hover,
    .swiper-button-next:hover {
      background-color: #f0f0f3;
    }

    .swiper-button-prev:active,
    .swiper-button-next:active {
      background-color: #d2d1da;
    }

    .swiper-button-prev::after,
    .swiper-button-next::after {
      content: none;
    }
  }
}

@media (min-width: 960px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 1px 2px 0 rgba(31, 32, 38, .16), 0 2px 4px 2px rgba(31, 32, 38, .08);
    background-color: #fff;
  }

  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    background-color: #f5f5f7;
  }

  .swiper-button-next:focus-visible,
  .swiper-button-prev:focus-visible {
    background-color: #fff;
  }

  .swiper-button-prev:active,
  .swiper-button-next:active {
    background-color: #e6e6eb;
  }

  .swiper-button-prev::after,
  .swiper-button-next::after {
    content: '';
    width: 24px;
    height: 24px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20fill='none'%3e%3cpath%20fill='currentColor'%20fill-rule='evenodd'%20d='M12.1086%204.55806c.244.24408.244.6398%200%20.88388L7.55051%2010l4.55809%204.5581c.244.244.244.6398%200%20.8838-.2441.2441-.6398.2441-.8839%200l-5.00002-5c-.24407-.244-.24407-.63976%200-.88384l5.00002-5c.2441-.24408.6398-.24408.8839%200Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
  }

  .swiper-button-next::after {
    transform: scale(-1);
  }

  .swiper-pagination {
    margin-top: 20px;
  }
}