/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/sc-job-form/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
@media (max-width: 766px) {
  #vacancy-id-number,
  #vacancy-phone-number {
    width: 81%;
  }
}

.sc-job-form {
  position: relative;
  display: flex;
}
.sc-job-form__content {
  position: relative;
  z-index: 2;
  top: 150px;
  opacity: 0;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 24px;
  box-shadow: 0px 3px 16px 0px rgba(18, 40, 76, 0.16);
  background-color: var(--wp--preset--color--neutral-0);
  padding: 24px 16px;
  width: 95%;
  margin: auto;
}
@media (max-width: 766px) {
  .sc-job-form__content {
    padding: 16px;
    width: 90%;
  }
}
.sc-job-form__content > button {
  align-self: flex-end;
}
.sc-job-form__content__title {
  font-style: normal;
  font-weight: 700;
  line-height: var(--wp--custom--line-height--headline-s);
}
.sc-job-form__content__desc {
  font-size: var(--wp--preset--font-size--body-m);
  font-style: normal;
  font-weight: 400;
  line-height: var(--wp--custom--line-height--body-m);
}
.sc-job-form__content__fields {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sc-job-form__content__fields__obligatory-text {
  font-size: var(--wp--preset--font-size--body);
  font-style: normal;
  font-weight: 400;
  line-height: var(--wp--custom--line-height--body);
}
.sc-job-form__content__fields__one-column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sc-job-form__content__fields__one-column > label {
  font-size: var(--wp--preset--font-size--body-m);
  font-style: normal;
  font-weight: 500;
  line-height: var(--wp--custom--line-height--body-m);
}
.sc-job-form__content__fields__one-column__fake-files {
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid var(--wp--preset--color--neutral-50);
  resize: none;
}
.sc-job-form__content__fields__one-column__fake-files::-moz-placeholder {
  color: var(--wp--preset--color--neutral-30);
}
.sc-job-form__content__fields__one-column__fake-files::placeholder {
  color: var(--wp--preset--color--neutral-30);
}
.sc-job-form__content__fields__one-column__files {
  display: none;
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid var(--wp--preset--color--neutral-50);
  resize: none;
}
.sc-job-form__content__fields__one-column__files::-moz-placeholder {
  color: var(--wp--preset--color--neutral-30);
}
.sc-job-form__content__fields__one-column__files::placeholder {
  color: var(--wp--preset--color--neutral-30);
}
.sc-job-form__content__fields__two-column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sc-job-form__content__fields__two-column > label {
  font-size: var(--wp--preset--font-size--body-m);
  font-style: normal;
  font-weight: 500;
  line-height: var(--wp--custom--line-height--body-m);
}
.sc-job-form__content__fields__two-column__inputs {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.sc-job-form__content__fields__two-column__inputs > #vacancy-id-type {
  width: 100px;
}
.sc-job-form__content__fields__checkbox {
  display: flex;
  flex-direction: row;
  gap: 8px;
  display: flex;
  align-items: center;
}
.sc-job-form__content__fields__checkbox > input {
  width: 22px;
  height: 22px;
}
.sc-job-form__content__fields__checkbox > div {
  font-size: var(--wp--preset--font-size--body-m);
  font-style: normal;
  font-weight: 400;
  line-height: var(--wp--custom--line-height--body-m);
}
.sc-job-form__content__fields__checkbox > div > a {
  font-size: var(--wp--preset--font-size--body-m);
  font-style: normal;
  font-weight: 700;
  line-height: var(--wp--custom--line-height--body-m);
  text-decoration: none;
}

/*# sourceMappingURL=style-index.css.map*/