@layer publique-enquiry-base {
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: inherit;
  font: inherit;
}
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) .liaison-fields {
  display: grid;
  gap: 1rem;
  min-width: 0;
  padding: 0;
  border: 0;
  margin: 0;
}
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) label {
  display: grid;
  gap: .45rem;
  min-width: 0;
}
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) :is(input, select, textarea) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  border: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  padding: .8rem;
}
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) input::placeholder,
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) textarea::placeholder {
  color: inherit;
  opacity: .62;
}
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) textarea { min-height: 7.5rem; resize: vertical; }
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) .liaison-form-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) .field-optional { font-size: .8em; font-weight: 400; opacity: .7; }
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) .form-guidance { margin: 0; font-size: .8em; line-height: 1.6; opacity: .75; }
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) .liaison-submit { cursor: pointer; padding: 1rem 1.2rem; border: 1px solid currentColor; color: inherit; background: transparent; font: inherit; }
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) .liaison-submit:disabled { cursor: wait; opacity: .6; }
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) .form-privacy { align-self: center; font-size: .75em; color: inherit; text-decoration: underline; text-underline-offset: .2em; }
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) .form-status { margin: 0; font-size: .85em; }
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) .form-status:empty { display: none; }
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) .form-status-error { border-inline-start: 3px solid currentColor; padding-inline-start: .75rem; }
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) .form-trap,
:where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.publique-enquiry-preview :is(input, textarea, select, button) { pointer-events: none; }
@media (max-width: 540px) {
  :where(.liaison-form[data-publique-enquiry], .publique-enquiry-preview) .liaison-form-pair { grid-template-columns: 1fr; }
}

}
