#jobs-form {
  position: fixed;
  inset: 0;
  z-index: 9999;
}

#jobs-form:not(.is-enabled) {
  display: none;
}

#jobs-form > form {
  background-color: white;
  position: absolute;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 2rem);
  max-height: calc(
    100vh -
      (
        var(--site-header-height) + var(--wp-admin--admin-bar--height, 0px) +
          2rem
      )
  );
  max-width: var(--container-width);
  margin: 0 auto;
  overflow-y: auto;
  padding: 4rem;
  position: relative;
}

#jobs-form > form > button {
  background-color: transparent;
  color: var(--black);
  padding: 1rem;
  position: absolute;
  font-size: 2rem;
  top: 1rem;
  right: 1rem;
}

#jobs-form > .background {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  backdrop-filter: blur(2px);
  background-color: rgba(0, 0, 0, 0.25);
}

#jobs-form h2 {
  color: var(--black);
  margin-bottom: 0;
}

#jobs-form h3 {
  margin-top: 1rem;
  margin-bottom: -0.5rem;
  color: var(--blue);
  font-size: 1.5rem;
}

#jobs-form .informations {
  display: grid;
  gap: 1rem 2rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media screen and (max-width: 720px) {
  #jobs-form > form {
    padding: 2rem;
  }
  #jobs-form .informations {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

#jobs-form .candidature {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#jobs-form .checkbox {
  max-width: 40rem;
}