#entry-form .wpcf7,
#entry-form .wpcf7-form {
  width: 100%;
  height: 100%;
}

#entry-form .wpcf7-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: calc(20 / var(--vw-base-size) * var(--app-viewport-width));
  color: var(--color-white-1);
  box-sizing: border-box;
}

#entry-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

#entry-form .wpcf7-form-control {
  max-width: 100%;
}

#entry-form .wpcf7-not-valid-tip {
  margin-top: calc(2 / var(--vw-base-size) * var(--app-viewport-width));
  color: var(--color-yellow-1);
  font-size: calc(8 / var(--vw-base-size) * var(--app-viewport-width));
  font-weight: 700;
  line-height: 1.25;
}

#entry-form .wpcf7-form .wpcf7-response-output {
  display: block;
  min-height: 1.4em;
  margin: calc(6 / var(--vw-base-size) * var(--app-viewport-width)) 0 0;
  padding: 0;
  color: var(--color-yellow-1);
  font-size: calc(9 / var(--vw-base-size) * var(--app-viewport-width));
  font-weight: 700;
  line-height: 1.4;
  visibility: hidden;
  border: 0;
}

#entry-form .wpcf7-form.invalid .wpcf7-response-output,
#entry-form .wpcf7-form.unaccepted .wpcf7-response-output,
#entry-form .wpcf7-form.payment-required .wpcf7-response-output,
#entry-form .wpcf7-form.sent .wpcf7-response-output,
#entry-form .wpcf7-form.failed .wpcf7-response-output,
#entry-form .wpcf7-form.aborted .wpcf7-response-output,
#entry-form .wpcf7-form.spam .wpcf7-response-output {
  visibility: visible;
}

#entry-form .wpcf7-spinner {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  overflow: hidden;
  clip-path: inset(50%);
}

@media (max-height: 690px) {
  #entry-form .wpcf7-form {
    padding: calc(14 / var(--vw-base-size) * var(--app-viewport-width));
  }
}
