.article-page .formdata-demo-form{display:grid;grid-gap:var(--cf-space-250);gap:var(--cf-space-250);padding:var(--cf-space-300)}.article-page .formdata-demo-form fieldset,.article-page .formdata-demo-form label{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);padding:var(--cf-space-200)}.article-page .formdata-demo-form input,.article-page .formdata-demo-form select{width:100%;border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);padding:var(--cf-space-150);background:var(--cf-color-surface);color:var(--cf-color-text);font:inherit}.article-page .formdata-demo-form input[type=checkbox],.article-page .formdata-demo-form input[type=radio]{width:auto}.article-page .formdata-demo-form fieldset label{display:flex;align-items:center;border:0;padding:0}.article-page .formdata-button-row{display:flex;flex-wrap:wrap;gap:var(--cf-space-200)}.article-page .formdata-entry-list small{color:var(--cf-color-text-secondary)}.article-page .formdata-output{min-height:calc(var(--cf-space-900)*2);overflow:auto;margin:0;padding:var(--cf-space-300);color:var(--cf-color-text);font-family:var(--cf-font-mono);white-space:pre-wrap}@media(max-width:560px){.article-page .formdata-demo-form{padding:var(--cf-space-200)}}