/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/cards/card-vacancy/src/card-vacancy.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/cards/card-vacancy/src/card-vacancy.scss (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.twz-card-vacancy {
  --text-color: var(--vacancy-card-text-color, var(--text-color-dark));
  position: relative;
  display: flex;
}
.flickity-slider .twz-card-vacancy {
  position: absolute;
  width: 40rem;
  max-width: 80%;
  min-height: 100%;
}
.flickity-slider .twz-card-vacancy:not(:first-child) {
  margin-left: 2rem;
}
.twz-card-vacancy:hover {
  --vacancy-card-bg: var(--grey-200);
}
.twz-card-vacancy:hover .twz-card__wrapper {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.twz-card-vacancy:hover .twz-card__link {
  --text-color: var(--vacancy-card-link-hover, var(--cyan-500));
}
.twz-card-vacancy--dark {
  --vacancy-card-bg: var(--vacancy-card-bg-dark, var(--blue-800));
  --vacancy-card-text-color: var(--white);
  --vacancy-card-border: var(--vacancy-card-border-dark, var(--blue-800));
}
.twz-card-vacancy--dark:hover .twz-card__wrapper .twz-card__title {
  --vacancy-card-title-color: var(--vacancy-card-link-hover, var(--cyan-500));
}
.twz-card-vacancy .twz-card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.twz-card-vacancy .twz-card__content div:nth-last-child(2),
.twz-card-vacancy .twz-card__content p:nth-last-child(2) {
  margin-bottom: 4rem;
}
.twz-card-vacancy .twz-card__content .meta-fields {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0;
}
.twz-card-vacancy .twz-card__content .meta-fields .meta-field {
  font-weight: 400;
  margin: 0;
}
.twz-card-vacancy .twz-card__content .twz-card__title {
  color: var(--vacancy-card-title-color, var(--vacancy-card-text-color, var(--text-color-dark)));
  font-weight: 700;
}
.twz-card-vacancy .twz-card__content .twz-card__excerpt {
  font-size: var(--theme-fs-h5);
}
.twz-card-vacancy .twz-card__content .twz-card__link {
  font-size: var(--theme-fs-h5);
  text-decoration: none;
  margin-top: auto;
}
.twz-card-vacancy .twz-card__wrapper {
  --text-color: var(--vacancy-card-text-color, var(--text-color-dark));
  padding: 4rem 3rem;
  background-color: var(--vacancy-card-bg, var(--white));
  border: 1px solid var(--vacancy-card-border, var(--grey-200));
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease-in-out;
  display: flex;
  width: 100%;
}