/*
    - Name: "webform-job_offers_form.scss"
    - Description: "Add custom styles to Webform Job Offers elements"
*/
.webform-submission-job-offers-form-form {
  --text-title: var(--white);
  --text-base: var(--white);
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 9;
  overflow: hidden auto;
  width: 100%;
  max-height: calc(100% - 70px);
  color: var(--white);
}

@media screen and (width <= 480px) and (resolution >= 2dppx) {
  .webform-submission-job-offers-form-form {
    position: absolute;
  }
}
@supports (height: 100dvh) {
  .webform-submission-job-offers-form-form {
    max-height: calc(100dvh - 70px);
  }
}
@media (min-width: 576px) {
  .webform-submission-job-offers-form-form {
    width: 350px;
    max-height: calc(100% - 80px);
  }
  @supports (height: 100dvh) {
    .webform-submission-job-offers-form-form {
      max-height: calc(100dvh - 80px);
    }
  }
}
.webform-submission-job-offers-form-form .webform-required {
  display: none;
  margin-bottom: var(--spacing-sm);
  color: var(--white) !important;
}

.webform-submission-job-offers-form-form .form-required::after {
  display: none;
}

.webform-submission-job-offers-form-form .required-fields {
  margin-bottom: 0 !important;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

.webform-submission-job-offers-form-form .required-fields:has(~ div[data-drupal-messages]) {
  margin-bottom: var(--spacing-2xs) !important;
}

.webform-submission-job-offers-form-form .js-form-type-webform-markup {
  margin-bottom: 28px !important;
}

.webform-submission-job-offers-form-form .accordion-item {
  display: flex;
  flex-wrap: wrap;
}

.webform-submission-job-offers-form-form .accordion-header {
  position: relative;
  display: block;
  justify-content: space-between;
  order: 1;
  width: 100%;
  margin-bottom: 0;
  background-color: var(--secondary-color-blue);
}

.webform-submission-job-offers-form-form .accordion-header::after {
  content: "\e913";
  position: absolute;
  top: 16px;
  right: 16px;
  color: var(--white);
  transition: 0.25s ease-in-out;
  font-family: "icomoon";
  font-size: 2.5rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-display: swap;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.webform-submission-job-offers-form-form .accordion-header .accordion-button {
  all: unset;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  z-index: 9;
  width: 100%;
  padding: 16px;
  color: var(--white);
  text-align: left;
  cursor: pointer;
}

.webform-submission-job-offers-form-form .accordion-header .accordion-button:focus-visible {
  border: 2px solid white;
  outline: 2px solid var(--black);
  outline-offset: -2px;
}

.webform-submission-job-offers-form-form .accordion-header .accordion-button:focus-visible::after {
  content: "";
  position: absolute;
  inset: 2px;
  z-index: -1;
  border: 2px solid var(--black);
  background: transparent;
  outline: 2px solid var(--white);
  pointer-events: none;
}

.webform-submission-job-offers-form-form .accordion-header .accordion-button__title {
  display: block;
  font-size: 1.375rem;
  line-height: 1.6875rem;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}

@media (min-width: 992px) {
  .webform-submission-job-offers-form-form .accordion-header .accordion-button__title {
    font-size: 1.5rem;
  }
}
.webform-submission-job-offers-form-form .accordion-header .accordion-button__text {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  transition: 0.25s ease-in-out;
}

.webform-submission-job-offers-form-form:focus-visible .accordion-collapse {
  display: block !important;
}

.webform-submission-job-offers-form-form .accordion-collapse {
  order: 2;
  width: 100%;
  padding: 16px 16px 24px;
  background-color: var(--secondary-color-blue);
}

.webform-submission-job-offers-form-form .accordion-collapse.show {
  padding: 0 16px 24px;
}

.webform-submission-job-offers-form-form .accordion-collapse.show + .accordion-header::after {
  transform: rotate(180deg);
}

.webform-submission-job-offers-form-form:not(.webform-submission-job-offers-form-form.js-webform-submit-once) .accordion-collapse {
  display: block;
  opacity: 1;
  animation: fadeOut 6s ease-in-out 1;
  animation-fill-mode: forwards;
}

.webform-submission-job-offers-form-form .invalid-feedback {
  color: var(--white);
  text-decoration: underline;
}

.webform-submission-job-offers-form-form .iti__country-name {
  color: var(--black);
}

.webform-submission-job-offers-form-form .js-form-type-email,
.webform-submission-job-offers-form-form .js-form-type-textfield,
.webform-submission-job-offers-form-form .js-form-type-url,
.webform-submission-job-offers-form-form .js-form-type-tel {
  position: relative;
  margin-bottom: 32px !important;
}

.webform-submission-job-offers-form-form .js-form-type-email label,
.webform-submission-job-offers-form-form .js-form-type-textfield label,
.webform-submission-job-offers-form-form .js-form-type-url label,
.webform-submission-job-offers-form-form .js-form-type-tel label {
  position: absolute;
  top: 16px;
  left: 55px;
  margin-bottom: 0;
  color: var(--text-gray);
  transition: var(--base-trans);
  font-family: "Lato", sans-serif;
  font-weight: 400;
}

.webform-submission-job-offers-form-form .js-form-type-email label.active,
.webform-submission-job-offers-form-form .js-form-type-textfield label.active,
.webform-submission-job-offers-form-form .js-form-type-url label.active,
.webform-submission-job-offers-form-form .js-form-type-tel label.active {
  top: -26px;
  left: 16px;
  color: var(--white);
}

.webform-submission-job-offers-form-form .js-form-type-email label.active span,
.webform-submission-job-offers-form-form .js-form-type-textfield label.active span,
.webform-submission-job-offers-form-form .js-form-type-url label.active span,
.webform-submission-job-offers-form-form .js-form-type-tel label.active span {
  background-image: url(../../../assets/images/icons/required-white.svg);
}

.webform-submission-job-offers-form-form .js-form-type-email input,
.webform-submission-job-offers-form-form .js-form-type-textfield input,
.webform-submission-job-offers-form-form .js-form-type-url input,
.webform-submission-job-offers-form-form .js-form-type-tel input {
  padding-left: 55px;
}

.webform-submission-job-offers-form-form .js-form-type-email input::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-textfield input::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-url input::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-tel input::-moz-placeholder {
  left: 55px;
  opacity: 0;
  -moz-transition: var(--base-trans);
  transition: var(--base-trans);
}

.webform-submission-job-offers-form-form .js-form-type-email input::placeholder,
.webform-submission-job-offers-form-form .js-form-type-textfield input::placeholder,
.webform-submission-job-offers-form-form .js-form-type-url input::placeholder,
.webform-submission-job-offers-form-form .js-form-type-tel input::placeholder {
  left: 55px;
  opacity: 0;
  transition: var(--base-trans);
}

.webform-submission-job-offers-form-form .js-form-type-email input:not(:-moz-placeholder-shown) + label, .webform-submission-job-offers-form-form .js-form-type-textfield input:not(:-moz-placeholder-shown) + label, .webform-submission-job-offers-form-form .js-form-type-url input:not(:-moz-placeholder-shown) + label, .webform-submission-job-offers-form-form .js-form-type-tel input:not(:-moz-placeholder-shown) + label {
  top: -26px;
  left: 16px;
  color: var(--white);
}

.webform-submission-job-offers-form-form .js-form-type-email input:not(:placeholder-shown) + label, .webform-submission-job-offers-form-form .js-form-type-email input:checked + label, .webform-submission-job-offers-form-form .js-form-type-email input:focus + label, .webform-submission-job-offers-form-form .js-form-type-email input:focus-visible + label,
.webform-submission-job-offers-form-form .js-form-type-textfield input:not(:placeholder-shown) + label,
.webform-submission-job-offers-form-form .js-form-type-textfield input:checked + label,
.webform-submission-job-offers-form-form .js-form-type-textfield input:focus + label,
.webform-submission-job-offers-form-form .js-form-type-textfield input:focus-visible + label,
.webform-submission-job-offers-form-form .js-form-type-url input:not(:placeholder-shown) + label,
.webform-submission-job-offers-form-form .js-form-type-url input:checked + label,
.webform-submission-job-offers-form-form .js-form-type-url input:focus + label,
.webform-submission-job-offers-form-form .js-form-type-url input:focus-visible + label,
.webform-submission-job-offers-form-form .js-form-type-tel input:not(:placeholder-shown) + label,
.webform-submission-job-offers-form-form .js-form-type-tel input:checked + label,
.webform-submission-job-offers-form-form .js-form-type-tel input:focus + label,
.webform-submission-job-offers-form-form .js-form-type-tel input:focus-visible + label {
  top: -26px;
  left: 16px;
  color: var(--white);
}

.webform-submission-job-offers-form-form .js-form-type-email input:not(:-moz-placeholder-shown) + label span, .webform-submission-job-offers-form-form .js-form-type-textfield input:not(:-moz-placeholder-shown) + label span, .webform-submission-job-offers-form-form .js-form-type-url input:not(:-moz-placeholder-shown) + label span, .webform-submission-job-offers-form-form .js-form-type-tel input:not(:-moz-placeholder-shown) + label span {
  background-image: url(../../../assets/images/icons/required-white.svg);
}

.webform-submission-job-offers-form-form .js-form-type-email input:not(:placeholder-shown) + label span, .webform-submission-job-offers-form-form .js-form-type-email input:checked + label span, .webform-submission-job-offers-form-form .js-form-type-email input:focus + label span, .webform-submission-job-offers-form-form .js-form-type-email input:focus-visible + label span,
.webform-submission-job-offers-form-form .js-form-type-textfield input:not(:placeholder-shown) + label span,
.webform-submission-job-offers-form-form .js-form-type-textfield input:checked + label span,
.webform-submission-job-offers-form-form .js-form-type-textfield input:focus + label span,
.webform-submission-job-offers-form-form .js-form-type-textfield input:focus-visible + label span,
.webform-submission-job-offers-form-form .js-form-type-url input:not(:placeholder-shown) + label span,
.webform-submission-job-offers-form-form .js-form-type-url input:checked + label span,
.webform-submission-job-offers-form-form .js-form-type-url input:focus + label span,
.webform-submission-job-offers-form-form .js-form-type-url input:focus-visible + label span,
.webform-submission-job-offers-form-form .js-form-type-tel input:not(:placeholder-shown) + label span,
.webform-submission-job-offers-form-form .js-form-type-tel input:checked + label span,
.webform-submission-job-offers-form-form .js-form-type-tel input:focus + label span,
.webform-submission-job-offers-form-form .js-form-type-tel input:focus-visible + label span {
  background-image: url(../../../assets/images/icons/required-white.svg);
}

.webform-submission-job-offers-form-form .js-form-type-email input:not(:placeholder-shown)::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-email input:checked::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-email input:focus::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-email input:focus-visible::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-textfield input:not(:placeholder-shown)::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-textfield input:checked::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-textfield input:focus::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-textfield input:focus-visible::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-url input:not(:placeholder-shown)::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-url input:checked::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-url input:focus::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-url input:focus-visible::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-tel input:not(:placeholder-shown)::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-tel input:checked::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-tel input:focus::-moz-placeholder, .webform-submission-job-offers-form-form .js-form-type-tel input:focus-visible::-moz-placeholder {
  margin-left: 16px;
  opacity: 1;
}

.webform-submission-job-offers-form-form .js-form-type-email input:not(:-moz-placeholder-shown)::placeholder, .webform-submission-job-offers-form-form .js-form-type-textfield input:not(:-moz-placeholder-shown)::placeholder, .webform-submission-job-offers-form-form .js-form-type-url input:not(:-moz-placeholder-shown)::placeholder, .webform-submission-job-offers-form-form .js-form-type-tel input:not(:-moz-placeholder-shown)::placeholder {
  margin-left: 16px;
  opacity: 1;
}

.webform-submission-job-offers-form-form .js-form-type-email input:not(:placeholder-shown)::placeholder, .webform-submission-job-offers-form-form .js-form-type-email input:checked::placeholder, .webform-submission-job-offers-form-form .js-form-type-email input:focus::placeholder, .webform-submission-job-offers-form-form .js-form-type-email input:focus-visible::placeholder,
.webform-submission-job-offers-form-form .js-form-type-textfield input:not(:placeholder-shown)::placeholder,
.webform-submission-job-offers-form-form .js-form-type-textfield input:checked::placeholder,
.webform-submission-job-offers-form-form .js-form-type-textfield input:focus::placeholder,
.webform-submission-job-offers-form-form .js-form-type-textfield input:focus-visible::placeholder,
.webform-submission-job-offers-form-form .js-form-type-url input:not(:placeholder-shown)::placeholder,
.webform-submission-job-offers-form-form .js-form-type-url input:checked::placeholder,
.webform-submission-job-offers-form-form .js-form-type-url input:focus::placeholder,
.webform-submission-job-offers-form-form .js-form-type-url input:focus-visible::placeholder,
.webform-submission-job-offers-form-form .js-form-type-tel input:not(:placeholder-shown)::placeholder,
.webform-submission-job-offers-form-form .js-form-type-tel input:checked::placeholder,
.webform-submission-job-offers-form-form .js-form-type-tel input:focus::placeholder,
.webform-submission-job-offers-form-form .js-form-type-tel input:focus-visible::placeholder {
  margin-left: 16px;
  opacity: 1;
}

.webform-submission-job-offers-form-form .js-form-type-email label,
.webform-submission-job-offers-form-form .js-form-item-name label,
.webform-submission-job-offers-form-form .js-form-item-linkedin label,
.webform-submission-job-offers-form-form .js-form-item-certification label {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.webform-submission-job-offers-form-form .js-form-type-email::before,
.webform-submission-job-offers-form-form .js-form-item-name::before,
.webform-submission-job-offers-form-form .js-form-item-linkedin::before,
.webform-submission-job-offers-form-form .js-form-item-certification::before {
  content: "\e90d";
  position: absolute;
  top: 12px;
  left: 16px;
  color: var(--primary-color);
  font-family: "icomoon";
  font-size: 2rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-display: swap;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.webform-submission-job-offers-form-form .js-form-type-email input,
.webform-submission-job-offers-form-form .js-form-item-name input,
.webform-submission-job-offers-form-form .js-form-item-linkedin input,
.webform-submission-job-offers-form-form .js-form-item-certification input {
  scroll-margin-top: 100px;
}

.webform-submission-job-offers-form-form .js-form-type-email input:focus, .webform-submission-job-offers-form-form .js-form-type-email input:focus-visible,
.webform-submission-job-offers-form-form .js-form-item-name input:focus,
.webform-submission-job-offers-form-form .js-form-item-name input:focus-visible,
.webform-submission-job-offers-form-form .js-form-item-linkedin input:focus,
.webform-submission-job-offers-form-form .js-form-item-linkedin input:focus-visible,
.webform-submission-job-offers-form-form .js-form-item-certification input:focus,
.webform-submission-job-offers-form-form .js-form-item-certification input:focus-visible {
  box-shadow: 0 0 0 0.25rem rgb(0, 0, 0);
}

.webform-submission-job-offers-form-form .form-item-phone .iti .iti__selected-flag {
  padding: 0 16px 0 19px;
}

.webform-submission-job-offers-form-form .form-item-phone strong.form-item--error-message {
  color: var(--white);
  text-decoration: underline;
  font-weight: normal;
  font-size: 0.875em;
}

.webform-submission-job-offers-form-form .form-item-phone .invalid-feedback {
  display: block;
}

@media (min-width: 576px) {
  .webform-submission-job-offers-form-form .form-item-legal-terms label.form-check-label {
    width: 90%;
  }
}
.webform-submission-job-offers-form-form .js-form-item-name::before {
  content: "\e918";
}

.webform-submission-job-offers-form-form .js-form-type-email::before {
  content: "\e90d";
}

.webform-submission-job-offers-form-form .js-form-item-linkedin::before {
  content: "\e91a";
}

.webform-submission-job-offers-form-form .js-form-item-certification::before {
  content: "\e919";
}

.webform-submission-job-offers-form-form .js-form-type-checkbox {
  margin-bottom: 24px !important;
}

.webform-submission-job-offers-form-form .js-form-type-checkbox label, .webform-submission-job-offers-form-form .js-form-type-checkbox a {
  color: var(--white) !important;
}

.webform-submission-job-offers-form-form .js-form-type-checkbox input:focus, .webform-submission-job-offers-form-form .js-form-type-checkbox input:focus-visible {
  box-shadow: 0 0 0 0.25rem rgb(0, 0, 0);
  outline: 2px solid var(--text-title);
  outline-offset: 2px;
}

.webform-submission-job-offers-form-form .js-form-type-checkbox input:checked {
  background-color: var(--white);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.webform-submission-job-offers-form-form .js-form-type-checkbox span.form-required {
  background-image: url(../../../assets/images/icons/required-white.svg);
}

.webform-submission-job-offers-form-form .js-form-item-linkedin {
  margin-bottom: 16px !important;
}

.webform-submission-job-offers-form-form input {
  background-color: white;
}

.webform-submission-job-offers-form-form .form-actions {
  margin-bottom: 0 !important;
}

.webform-submission-job-offers-form-form .webform-button--submit {
  color: var(--secondary-color);
}

.webform-submission-job-offers-form-form .webform-button--submit:hover {
  color: var(--white);
}

.webform-submission-job-offers-form-form:not(.js-webform-submit-once) .accordion-button, .webform-submission-job-offers-form-form:not(.js-webform-submit-once) .accordion-header {
  display: none;
}

.webform-submission-job-offers-form-form:not(.js-webform-submit-once) .required-fields {
  display: none;
}

.webform-submission-job-offers-form-form div[data-drupal-messages] {
  margin-bottom: var(--spacing-md);
  padding: 0;
}

.webform-submission-job-offers-form-form .alert {
  padding: 8px;
  padding-right: 3rem;
}

.webform-submission-job-offers-form-form .alert .alert-heading {
  font-size: 1.5rem;
  line-height: 2rem;
}

.webform-submission-job-offers-form-form .alert h2, .webform-submission-job-offers-form-form .alert hr {
  display: none;
}

.webform-submission-job-offers-form-form .alert svg.bi {
  display: none;
}

.webform-submission-job-offers-form-form .alert .btn-close {
  margin: 4px;
  padding: 8px;
}

.webform-submission-job-offers-form-form .alert .btn-close:focus {
  outline: 2px solid var(--black);
}

.webform-submission-job-offers-form-form .alert .list-group-item .form-legal-link {
  display: none;
}

.webform-submission-job-offers-form-form .alert .list-group-item a {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  text-decoration: underline;
}

.webform-submission-job-offers-form-form .alert .list-group-item a:hover {
  text-decoration: none;
  opacity: 0.9;
}

.webform-submission-job-offers-form-form .webform-confirmation {
  font-size: 1.125rem;
  line-height: 1.625rem;
  position: relative;
  display: block;
  justify-content: space-between;
  order: 1;
  width: 100%;
  margin-bottom: 0;
  background-color: var(--secondary-color-blue);
}

.webform-submission-job-offers-form-form .webform-confirmation .webform-confirmation__message {
  margin-bottom: 0;
}

.webform-submission-job-offers-form-form .webform-confirmation h3 {
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.webform-submission-job-offers-form-form .webform-confirmation p {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}

.webform-submission-job-offers-form-form .webform-confirmation::after {
  content: "\e91c";
  position: absolute;
  top: 0;
  right: 16px;
  color: var(--white);
  transition: 0.25s ease-in-out;
  font-family: "icomoon";
  font-size: 2.5rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-display: swap;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@keyframes fadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
/*# sourceMappingURL=webform-job-offers.css.map */