/* Start:/local/templates/ru/assets/css/settings/main.css?17580674721005*/
/* ==========================================================================
   MAIN STYLESHEET
   ========================================================================== */

/* Import base styles */
@import url('/local/templates/ru/assets/css/settings/base.css');
@import url('/local/templates/ru/assets/css/settings/typography.css');

/* Import components */
@import url('/local/templates/ru/assets/css/settings/../components/button.css');
@import url('/local/templates/ru/assets/css/settings/../components/header.css');
@import url('/local/templates/ru/assets/css/settings/../components/footer.css');
@import url('/local/templates/ru/assets/css/settings/../components/yandex.css');
@import url('/local/templates/ru/assets/css/settings/../components/common.css');
@import url('/local/templates/ru/assets/css/settings/../components/horizontal-slider.css');
@import url('/local/templates/ru/assets/css/settings/../components/breadcrums.css');
@import url('/local/templates/ru/assets/css/settings/../components/drop-down-list.css');
@import url('/local/templates/ru/assets/css/settings/../components/menu.css');
@import url('/local/templates/ru/assets/css/settings/../components/gallery.css');
@import url('/local/templates/ru/assets/css/settings/../components/pagination.css');
@import url('/local/templates/ru/assets/css/settings/../components/project.css');
@import url('/local/templates/ru/assets/css/settings/../components/carousel.css');
@import url('/local/templates/ru/assets/css/settings/../components/pagination-page.css');
@import url('/local/templates/ru/assets/css/settings/../components/tags.css');
@import url('/local/templates/ru/assets/css/settings/../components/auto-slider.css');
/* End */


/* Start:/local/templates/ru/assets/css/pages/about-univer/vacancy/vacancy-detail.css?17580740621608*/
.vacancy-detail__wrapper-content {
    display: flex;
    flex-direction: column;
    padding: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem) clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
}

.vacancy-detail__title {
    margin-bottom: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
}

.vacancy-detail__wrapper-info {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

.vacancy-detail__back {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all var(--transition-normal) ease-out;
}

.vacancy-detail__back:hover {
    color: var(--color-orange);
}

.vacancy-detail__back svg path {
    transition: all var(--transition-normal) ease-out;
}

.vacancy-detail__back:hover svg path {
    stroke: var(--color-orange);
}

.vacancy-main__list {
    list-style: disc;
    display: flex;
    flex-direction: column;
    gap: clamp(0.625rem, 0.5340rem + 0.3883vw, 1rem);
}

.vacancy-main__list-item {
    margin-left: 20px;
}

.vacancy-detail__section-info {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

.vacancy-detail__section-info li {
    font-size: clamp(0.875rem, 0.7840rem + 0.3883vw, 1.25rem);
    line-height: clamp(1.125rem, 1.0340rem + 0.3883vw, 1.5rem);
    font-weight: 300
}

.vacancy-detail__wrapper-button {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.4733rem + 0.6472vw, 2.25rem);
    margin-top: clamp(2.875rem, 2.1165rem + 3.2362vw, 6rem);
}
/* End */


/* Start:/local/templates/ru/assets/css/components/modal.css?17580674719090*/
html:has(.modal__overlay_opened),
body:has(.modal__overlay_opened) {
  overflow-y: hidden;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #ffffff91;
  backdrop-filter: blur(15px);

  background-color: #00504eb2;
  backdrop-filter: blur(15px);

  z-index: 200;

  display: none;

  --primary: #f04923;
  --primary-hover: #ff957d;
  --primary-active: #de350f;

  --secondary: #00504e;
  --secondary-hover: #08706d;
  --secondary-active: #0a8784;

  --hint: #697f9b;
  --hint-hover: #3b516f;
  --hint-active: #5977a0;

  --primary-text: #17120f;
  --secondary-text: #1e1e1e;
  --menu-text: #414042;
  --button-text: #ffffff;

  --status-success: #1baf85;
  --status-warning: #f4dc3f;
  --status-error: #f04923;
}

.modal__overlay_opened {
  display: flex;
}

.modal__wrapper {
  position: relative;
}

.modal__close-button {
  position: absolute;
  right: 0;
  top: 0;

  width: 24px;
  height: 24px;
}

.modal__close-button svg {
  width: 24px;
  aspect-ratio: 1 / 1;
}

.modal__close-button svg path {
  stroke: #fff;
}

.modal__container {
  position: relative;

  background-color: #fff;
  clip-path: polygon(
    0% 1.995%,
    0% 1.995%,
    0.035% 1.671%,
    0.137% 1.364%,
    0.3% 1.078%,
    0.519% 0.817%,
    0.788% 0.584%,
    1.101% 0.385%,
    1.453% 0.223%,
    1.839% 0.102%,
    2.253% 0.026%,
    2.689% 0%,
    87.67% 0%,
    87.67% 0%,
    87.972% 0.008%,
    88.271% 0.033%,
    88.566% 0.075%,
    88.854% 0.132%,
    89.136% 0.205%,
    89.41% 0.293%,
    89.674% 0.396%,
    89.929% 0.513%,
    90.172% 0.645%,
    90.402% 0.791%,
    98.698% 6.456%,
    98.698% 6.456%,
    98.936% 6.633%,
    99.152% 6.822%,
    99.345% 7.023%,
    99.515% 7.235%,
    99.66% 7.456%,
    99.781% 7.684%,
    99.876% 7.92%,
    99.944% 8.162%,
    99.986% 8.408%,
    100% 8.658%,
    100% 98.005%,
    100% 98.005%,
    99.965% 98.329%,
    99.863% 98.636%,
    99.7% 98.922%,
    99.481% 99.183%,
    99.212% 99.416%,
    98.899% 99.615%,
    98.547% 99.777%,
    98.161% 99.898%,
    97.747% 99.974%,
    97.311% 100%,
    2.689% 100%,
    2.689% 100%,
    2.253% 99.974%,
    1.839% 99.898%,
    1.453% 99.777%,
    1.101% 99.615%,
    0.788% 99.416%,
    0.519% 99.183%,
    0.3% 98.922%,
    0.137% 98.636%,
    0.035% 98.329%,
    0% 98.005%,
    0% 1.995%
  );

  overflow: hidden;
}

.modal__body {
  width: 600px;

  padding: 55px 25px;
  padding-right: 0;
  padding-bottom: 0;
}

.modal__scroll-container {
  display: flex;
  flex-direction: column;
  gap: 50px;

  height: 100%;
  max-height: 80vh;

  padding-right: 25px;
  padding-bottom: 55px;

  overflow-y: auto;
}

.modal__scroll-container h3 {
  width: 100%;
  text-align: center;
}

.modal__hint {
  color: #a3a8ae;

  font-size: var(--text-size-md);
  font-weight: 300;
  line-height: var(--line-height-md);
  text-decoration-line: underline;
}

.modal__input-container {
  display: flex;
  flex-direction: column;
  gap: 8px;

  padding-bottom: 6px;
}

.modal__checkbox-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal__input-file-wrapper {
  position: relative;

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;

  width: 100%;
}

.modal__input-file-wrapper .button {
  position: relative;
}

.modal__input-file-wrapper input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;

  width: 100%;
  height: 100%;

  opacity: 0;

  cursor: pointer;
}

.modal__error {
  font-size: var(--text-size-xs);
  line-height: var(--line-height-xs);

  min-height: 16px;

  color: var(--status-error);

  visibility: hidden;
}

.modal__error_visible {
  visibility: visible;
}

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

.modal__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}

.modal__footer .modal__error {
  font-size: var(--text-size-md);
  line-height: var(--line-height-md);
}

.modal__loading {
  position: absolute;
  top: 0;
  left: 0;

  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 100%;

  background-color: #ffffff91;
  backdrop-filter: blur(15px);

  border-radius: 10px;
}

.modal__result {
  position: absolute;
  left: 0;
  top: 0;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;

  width: 100%;
  height: 100%;

  padding: 40px;

  background-color: #ffffff91;
  backdrop-filter: blur(15px);

  border-radius: 10px;
}

.modal__result_success .text {
  color: var(--status-success);
}

.modal__result .text {
  font-size: var(--text-size-lg);
  line-height: var(--line-height-lg);
  text-align: center;
}

.input {
  padding: 11px;

  color: var(--primary-text);
  font-size: var(--text-size-md);
  font-weight: 300;
  line-height: var(--line-height-md);

  border: 1px solid var(--primary-text);
  border-radius: 5px;

  outline: none;
}

textarea.input {
  resize: none;
}

.input::placeholder {
  color: var(--primary-text);
}

.button {
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;

  min-width: 300px;
  width: fit-content;

  padding: 7px 16px 9px 16px;

  border-radius: 10px;
  border: 1px solid transparent;

  color: var(--button-text);
  font-size: var(--text-size-md);
  line-height: var(--line-height-md);

  transition: all 0.2s;
}

.button__text {
  color: var(--button-text);
  font-size: var(--text-size-md);
  line-height: var(--line-height-md);
}

.button:disabled {
  cursor: no-drop;
}

.button_small {
  min-width: 200px;
}

.button_primary {
  background-color: var(--primary);
}

.button_primary:hover:not(:disabled) {
  background-color: var(--primary-hover);
}

.button_primary:active:not(:disabled) {
  background-color: var(--primary-active);
}

.button_secondary {
  background-color: var(--secondary);
}
.button_secondary:hover:not(:disabled) {
  background-color: var(--secondary-hover);
}

.button_secondary:active:not(:disabled) {
  background-color: var(--secondary-active);
}

.button_reset {
  background-color: transparent;
  border: 1px solid #a3a8ae;
}

.button_reset:hover:not(:disabled) {
  opacity: 0.8;
}

.button_reset .button__text {
  color: var(--primary-text);
}

.button_white {
  background-color: var(--button-text);
}
.button_white:hover:not(:disabled) {
  opacity: 0.8;
}

.button_white .button__text {
  color: var(--secondary-text);
}

.button_white-outline {
  background-color: transparent;
  border: 1px solid var(--button-text);
}

.button_white-outline .button__text {
  color: var(--button-text);
}

.button_white-outline:hover:not(:disabled) {
  opacity: 0.8;
}

.button_hint {
  background-color: var(--hint);
}

.button_hint:hover:not(:disabled) {
  background-color: var(--hint-hover);
}

.button_hint:active:not(:disabled) {
  background-color: var(--hint-active);
}

.button_xl {
  padding-top: 17px;
  padding-bottom: 19px;

  min-width: 250px;
}

.button_xl .button__text {
  font-size: var(--text-size-lg-secondary);
  line-height: var(--line-height-lg-secondary);
}

.button__loader-overlay {
  position: absolute;
  top: 0;
  left: 0;

  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 100%;

  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  backdrop-filter: blur(10px);
}

.button__loader-overlay .loader {
  width: 24px;
  height: 24px;
}

.button__loader-overlay .loader::before {
  border-width: 2px;
}

.loader {
  position: relative;

  display: block;

  width: 48px;
  height: 48px;

  margin: 0 auto;

  border-radius: 50%;

  animation: rotate 1s linear infinite;
}

.loader::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 5px solid var(--secondary);
  animation: prixClipFix 2s linear infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}

@media screen and (max-width: 600px) {
  .modal__overlay .modal__wrapper .modal__container .modal__body {
    width: 90vw;
  }
}

/* End */
/* /local/templates/ru/assets/css/settings/main.css?17580674721005 */
/* /local/templates/ru/assets/css/pages/about-univer/vacancy/vacancy-detail.css?17580740621608 */
/* /local/templates/ru/assets/css/components/modal.css?17580674719090 */