.fccq-acf-block-compte {
  position: relative;
  overflow: hidden;
  color: var(--wp--preset--color--primary);
}

.fccq-espace-membre-contact-save-button {
  width: fit-content;
  min-width: 126px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border: 2px solid var(--wp--preset--color--primary);
  padding: 7px 20px;
  cursor: pointer;
  height: 50px;
  font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.203), 1.05rem);
  font-family: var(--wp--preset--font-family--circular-standard);
}

.fccq-espace-membre-contact-form {
  border-bottom: 1px solid var(--wp--preset--color--primary);
}

.fccq-espace-membre-contact-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
  max-height: 500px;
}

.fccq-espace-membre-contact-image-shadow {
  width: 100%;
  height: 100%;
  right: calc(-50% + 20px);
  top: calc(-20px);
  background-color: var(--wp--preset--color--secondary);
  position: absolute;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
  max-height: 500px;
}

.fccq-espace-membre-contact-error-message {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--wp--preset--color--primary);
  font-size: 12px;
  margin-top: 10px;
}

.fccq-espace-membre-contact__password__form form {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
}
.fccq-espace-membre-contact-error-message__password {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
}
.fccq-espace-membre-contact-error-message__password .error,
.fccq-espace-membre-contact-error-message .error {
  color: var(--wp--preset--color--orange);
}
.fccq-espace-membre-contact-error-message__password svg.ok,
.fccq-espace-membre-contact-error-message svg.ok {
  width: 20px;
  height: 20px;
  fill: var(--wp--preset--color--primary);
}
.fccq-espace-membre-contact-error-message__password svg.error,
.fccq-espace-membre-contact-error-message svg.error {
  width: 20px;
  height: 20px;
  fill: var(--wp--preset--color--orange);
}
.fccq-espace-membre-contact__username_info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.fccq-espace-membre-contact__username_info > * {
  margin: 0;
}

.fccq-form-half-fields-wrap {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.fccq-form-half-fields-wrap > .fccq-espace-membre-contact-input-wrapper {
  width: 100%;
}

.fccq-espace-membre-reset-password-wrap {
  margin-top: 50px;
  padding: 10px;
  background: var(--wp--preset--color--bleu-clair);
}

.fccq-espace-membre-reset-password-wrap
  .fccq-espace-membre-contact-input-label {
  background: var(--wp--preset--color--bleu-clair);
}

.fccq-espace-membre-contact__username_info h5 {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .fccq-form-half-fields-wrap {
    display: block;
  }
  .fccq-acf-block-compte {
    width: 100%;
    overflow: hidden;
  }
  .fccq-acf-block-compte > div {
    width: 100%;
  }
  .fccq-espace-membre-contact-image-wrapper {
    display: none;
  }
  .fccq-espace-membre-contact__password__form form {
    width: 100%;
  }
  .fccq-espace-membre-contact__password__form {
    max-width: var(--wp--style--global--content-size);
    width: 100%;
  }
}

.fccq-espace-membre-contact__editor {
  width: 100%;
  height: 500px;
  background-color: lightgray;
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--wp--preset--color--primary);
}
.fccq-espace-membre-contact__editor svg {
  width: 40px;
  height: 40px;
  fill: var(--wp--preset--color--primary);
}