/* Accessible forms (core/form-a11y.php): the required note, the show/hide password button, focus rings. */
/* The note and the consent line span the whole form, also on forms laid out as a grid. */
.jds-form-note,.jds-consent{grid-column:1 / -1;width:100%;margin:0 0 12px;font-size:var(--font-size-small);line-height:1.5;color:var(--color-body-text);}
.jds-form-note .jds-form-note__mark{color:var(--color-error);font-weight:700;}
.jds-consent a{color:var(--color-accent-deep);text-decoration:underline;text-underline-offset:2px;}
.jds-consent a:focus-visible{outline:2px solid var(--color-accent-deep);outline-offset:2px;}
.jds-form-note .screen-reader-text,.jds-a11y-form .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
/* The show/hide password control as a real button: no button look from the theme, same place as JetFormBuilder's icon. */
.jet-form-builder .jet-form-builder__field-wrap button.jfb-eye-icon,.jet-form-builder .jet-form-builder__field-wrap button.jfb-eye-icon:hover,.jet-form-builder .jet-form-builder__field-wrap button.jfb-eye-icon:focus{appearance:none;margin:0;padding:0;border:0;background:none;box-shadow:none;color:inherit;font:inherit;line-height:0;text-transform:none;}
.jds-a11y-form .jfb-eye-icon{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;border-radius:4px;cursor:pointer;}
.jds-a11y-form .jfb-eye-icon:focus-visible{outline:2px solid var(--color-accent-deep);outline-offset:2px;}
.jds-a11y-form :is(input,select,textarea,button):focus-visible{outline:2px solid var(--color-accent-deep);outline-offset:2px;}
.jds-a11y-form .jet-form-builder-message[tabindex="-1"]:focus{outline:2px solid var(--color-accent-deep);outline-offset:2px;}
.jds-a11y-form [aria-invalid="true"]{border-color:var(--color-error);}
.jds-a11y-form .error-message{color:var(--color-error);}
.jds-a11y-form .jds-field-error{margin:6px 0 0;font-size:var(--font-size-small);font-weight:600;color:var(--color-error);}
