@layer components.form{:host{display:block}:host([inline]){display:inline-block}form{display:flex;flex-direction:column;gap:0}form[hidden]{display:none}[name][hidden]{display:none}[data-component=required-legend]{display:block;margin-top:0;margin-bottom:var(--s-2, 0.5rem)}[data-component=required-legend][hidden]{display:none}[data-component=required-legend] e-p{font-size:var(--s-1, 0.875rem);color:var(--color-text);margin:0;line-height:1.2}e-message[data-component=form-message]{display:none;padding:var(--s-1, 0.75rem);border-radius:var(--border-radius, 4px);font-size:var(--s0, 1rem)}e-message[data-component=form-message]:not(:empty){display:block}e-message[data-component=form-message][type=error]{background-color:var(--color-error-bg, #fee);color:var(--color-error, #c00);border:1px solid var(--color-error, #c00)}e-message[data-component=form-message][type=success]{background-color:var(--color-success-bg, #efe);color:var(--color-success, #0a0);border:1px solid var(--color-success, #0a0)}e-actions[data-component=form-actions]{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s-1, 0.75rem)}e-actions[data-component=form-actions]:empty{display:none}e-actions-right{display:flex;align-items:center;gap:var(--s-1, 0.75rem);margin-left:auto}}/*# sourceMappingURL=form.css.map */