.demo-page[data-astro-cid-44nd5zgy]{max-width:72rem;margin:2rem auto;padding-inline:1rem}.demo-heading[data-astro-cid-44nd5zgy]{max-width:42rem}.demo-heading[data-astro-cid-44nd5zgy] h1[data-astro-cid-44nd5zgy]{margin-block-start:.5rem}.demo-workspace[data-astro-cid-44nd5zgy]{align-items:start;gap:1.5rem;display:grid}.demo-content[data-astro-cid-44nd5zgy],.demo-navigation[data-astro-cid-44nd5zgy]{min-width:0}@media (width>=64rem){.demo-workspace[data-astro-cid-44nd5zgy]{grid-template-columns:minmax(0,42rem) minmax(14rem,19rem);gap:3rem}.demo-navigation[data-astro-cid-44nd5zgy]{grid-area:1/2;position:sticky;top:1rem}.demo-content[data-astro-cid-44nd5zgy]{grid-area:1/1}}.forms-basics[data-astro-cid-dblkqxcp]{min-width:0;margin-block:0}#forms-stage-content[data-astro-cid-dblkqxcp]{scroll-margin-block-start:1rem}.stage-note[data-astro-cid-dblkqxcp]{border-inline-start:.3rem solid;padding-inline-start:1rem}.example-form[data-astro-cid-dblkqxcp]{border:2px solid;margin-block:1rem 2rem;padding:clamp(.75rem,3vw,1.5rem)}.forms-basics[data-astro-cid-dblkqxcp] .form-field{margin-block-end:1.5rem}.forms-basics[data-astro-cid-dblkqxcp] .form-field label{font-weight:700;display:block}.forms-basics[data-astro-cid-dblkqxcp] .form-field input{width:100%;min-width:0;margin-block-start:.5rem;padding:.65rem;display:block}.forms-basics[data-astro-cid-dblkqxcp] input{color:#222;font:inherit;background:#fff;border:2px solid #555;border-radius:.2rem}.forms-basics[data-astro-cid-dblkqxcp] input::placeholder{color:#555;opacity:1}.dark .forms-basics[data-astro-cid-dblkqxcp] input{color:#fff;color-scheme:dark;background:#111;border-color:#ccc}.dark .forms-basics[data-astro-cid-dblkqxcp] input::placeholder{color:#ccc}.forms-basics[data-astro-cid-dblkqxcp] button{font:inherit;cursor:pointer;margin:.35rem .35rem .35rem 0;display:inline-block}.forms-basics[data-astro-cid-dblkqxcp] :is(input,a:not(.button),pre,summary,[tabindex="-1"]):focus{outline-offset:3px;outline:3px solid}.forms-basics[data-astro-cid-dblkqxcp] #forms-feedback:not([hidden]){border:2px solid;margin-block-end:1.5rem;padding:1rem}.forms-basics[data-astro-cid-dblkqxcp] .field-error{margin-block:.5rem;font-weight:700}.forms-basics[data-astro-cid-dblkqxcp] [aria-invalid=true]{border-style:dashed;border-width:3px}.forms-basics[data-astro-cid-dblkqxcp] #forms-password-hint{margin-block:.5rem}.forms-basics[data-astro-cid-dblkqxcp] pre[data-astro-cid-dblkqxcp]{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;border:1px solid;max-width:100%;padding:1rem;font-size:.85em}.forms-basics[data-astro-cid-dblkqxcp] code{overflow-wrap:anywhere;max-width:100%}.forms-basics[data-astro-cid-dblkqxcp] pre code{box-shadow:none;color:inherit;font-size:inherit;white-space:inherit;overflow-wrap:inherit;background:0 0;border:0;margin:0;padding:0;display:block}.forms-basics[data-astro-cid-dblkqxcp] details[data-astro-cid-dblkqxcp]{margin-block:1.5rem}.forms-basics[data-astro-cid-dblkqxcp] [data-astro-cid-dblkqxcp][data-copy-status]{min-height:1.5em;margin-block:.25rem}@media (forced-colors:active){.forms-basics[data-astro-cid-dblkqxcp] input{border-color:buttontext}.forms-basics[data-astro-cid-dblkqxcp] [aria-invalid=true]{border-color:canvastext}}.forms-basics[data-astro-cid-dblkqxcp] h2[data-astro-cid-dblkqxcp],.forms-basics[data-astro-cid-dblkqxcp] h3[data-astro-cid-dblkqxcp]{margin-block-start:1rem}.forms-basics[data-astro-cid-dblkqxcp] summary[data-astro-cid-dblkqxcp]{cursor:pointer;padding-block:.6rem;font-weight:700}.forms-basics[data-astro-cid-dblkqxcp] details[data-astro-cid-dblkqxcp]{border-block-end:1px solid;padding-block-end:.5rem}.stage-progression[data-astro-cid-dblkqxcp]{margin-block-start:2rem}.stage-progression-links[data-astro-cid-dblkqxcp]{flex-wrap:wrap;gap:1rem;display:flex}.stage-progression-links[data-astro-cid-dblkqxcp] a[data-astro-cid-dblkqxcp]{overflow-wrap:anywhere;max-width:100%;display:block}.stage-progression-links[data-astro-cid-dblkqxcp] a[data-astro-cid-dblkqxcp][hidden]{display:none}.forms-basics[data-astro-cid-dblkqxcp] h2[data-astro-cid-dblkqxcp][tabindex]{scroll-margin-block-start:1rem}.demo-end[data-astro-cid-dblkqxcp]{border-block-start:2px solid;margin-block-start:2rem;padding-block-start:1rem}@media (width>=64rem){.change-stage[data-astro-cid-dblkqxcp]{display:none}}nav[data-astro-cid-pxkrcvqm]{border-block:2px solid var(--color-lt-perfume);padding-block:1rem}.dark nav[data-astro-cid-pxkrcvqm]{border-color:var(--color-dk-purple-header)}h2[data-astro-cid-pxkrcvqm]{margin:0 0 .5rem;font-size:1.25rem}p[data-astro-cid-pxkrcvqm]{margin-block:.5rem 1rem;font-size:1rem}ol[data-astro-cid-pxkrcvqm]{margin:0;padding:0;list-style:none}li[data-astro-cid-pxkrcvqm]{margin:.25rem 0}a[data-astro-cid-pxkrcvqm][data-stage-link]{border-inline-start:.25rem solid #0000;padding:.6rem .75rem;font-size:1rem;line-height:1.4;display:block}a[data-astro-cid-pxkrcvqm][aria-current=step]{background:var(--color-lt-blue-middle);color:var(--color-lt-purple);border-inline-start-color:currentColor;font-weight:700}.dark a[data-astro-cid-pxkrcvqm][aria-current=step]{background:var(--color-dk-code-bg);color:var(--color-dk-blue-light)}.back-to-example[data-astro-cid-pxkrcvqm]{margin-block-start:1rem;font-size:1rem;display:inline-block}nav[data-astro-cid-pxkrcvqm]:focus,a[data-astro-cid-pxkrcvqm]:focus-visible{outline-offset:4px;outline:2px solid}