.demo-bento{gap:var(--m-gap);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start;display:grid}.demo-bento__side{gap:var(--m-gap);display:grid}.demo-form{gap:16px;display:grid;container-type:inline-size}.demo-form__row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}@container (max-width:460px){.demo-form__row{grid-template-columns:minmax(0,1fr)}.demo-form button[type=submit]{justify-self:stretch}}.demo-form label{color:var(--navy-900);gap:7px;font-size:13px;font-weight:650;display:grid}.demo-form__optional{color:var(--muted);font-weight:500}.demo-form input,.demo-form select,.demo-form textarea{border:var(--m-rule) solid var(--line);border-radius:var(--m-radius-sm);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:inherit;padding:12px 13px;font-size:16px}.demo-form textarea{resize:vertical;min-height:92px;line-height:1.6}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:var(--orange-500)}.demo-form button[type=submit]{justify-self:start}.demo-form__decoy{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.demo-form__error{border:var(--m-rule) solid var(--danger);border-radius:var(--m-radius-sm);background:var(--danger-soft);color:var(--danger);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:11px;margin:0;padding:13px 15px;font-size:14px;line-height:1.55;display:grid}.demo-form__error svg{width:18px;height:18px}.demo-form__spin{animation:1s linear infinite demo-spin}@keyframes demo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.demo-form__spin{animation:none}}.demo-form__small{color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.demo-done{justify-items:start;gap:10px;display:grid}.demo-done__mark{background:var(--green-soft);width:48px;height:48px;color:var(--green);border-radius:50%;place-items:center;display:grid}.demo-done__mark svg{width:24px;height:24px}.demo-done p{max-width:52ch;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.demo-agenda{gap:14px;margin:14px 0 0;padding:0;list-style:none;display:grid}.demo-agenda li{color:var(--muted);grid-template-columns:32px minmax(0,1fr);gap:12px;font-size:14px;line-height:1.6;display:grid}.demo-agenda b{color:var(--orange-700);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.04em;font-size:12px;font-weight:650}.demo-agenda strong{color:var(--ink);font-weight:650;display:block}@media (max-width:940px){.demo-bento{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.demo-form__row{grid-template-columns:minmax(0,1fr)}.demo-form button[type=submit]{justify-self:stretch}}