.demo-form{gap:var(--space-40);background-color:var(--neutral-surface-background);width:100%;padding:var(--space-32);border-radius:var(--radius-8);flex-direction:column;margin:0 auto;display:flex}.demo-form-section{gap:var(--space-48);flex-direction:column;display:flex}.demo-form-section-title{padding-bottom:var(--space-12)}.demo-form-row{gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.demo-form-row>*{min-width:0}.demo-form-row--full{grid-template-columns:1fr}.demo-form-group{gap:var(--space-12);flex-direction:column;display:flex}.demo-form-actions{justify-content:flex-end;gap:var(--space-12);padding-top:var(--space-16);border-top:1px solid var(--neutral-border-components);display:flex}.demo-form-error-summary{background:0 0;border:0;width:100%;padding:0}.demo-form .input-numeric{width:100%;min-width:0;max-width:100%}@media (max-width:540px){.demo-form-row{grid-template-columns:1fr}}
.dynamic-form{gap:var(--space-32);flex-direction:column;width:100%;display:flex}.dynamic-form-grid{row-gap:var(--space-24)}.dynamic-form .common-details{width:100%;max-width:none;margin-inline:0}.dynamic-form-control{gap:var(--space-8);flex-direction:column;width:100%;display:flex}.dynamic-form-helper{opacity:.7}.dynamic-form-helper.is-error{color:var(--color-error,#d92d20);opacity:1}.dynamic-form-fieldset{gap:var(--space-12);border:none;flex-direction:column;margin:0;padding:0;display:flex}.dynamic-form-legend{margin-bottom:var(--space-4);padding:0}.dynamic-form-radio-group{gap:var(--space-8);flex-direction:column;display:flex}.dynamic-form-dropdown-panel{min-width:240px;padding:var(--space-4);flex-direction:column;display:flex}.dynamic-form-dropdown-option{appearance:none;cursor:pointer;text-align:left;width:100%;padding:var(--space-8) var(--space-12);border-radius:var(--radius-s,6px);font:inherit;color:inherit;background:0 0;border:none}.dynamic-form-dropdown-option:hover,.dynamic-form-dropdown-option:focus-visible{background:var(--color-surface-hover,#0000000f)}.dynamic-form-dropdown-option.is-active{background:var(--color-surface-selected,#00000017);font-weight:600}.dynamic-form-dropdown-empty{padding:var(--space-8) var(--space-12);opacity:.6}.dynamic-form-actions{gap:var(--space-12);display:flex}.dynamic-form--success{padding:var(--space-24);border-radius:var(--radius-m,10px);background:var(--color-surface-subtle,#0000000a)}@media (max-width:768px){.dynamic-form-grid>.col{grid-column:span 12/span 12}}