.demo[data-astro-cid-um2e2lqz]{border:1px solid var(--color-hairline);background:var(--color-sheet);width:100%;max-width:580px;max-height:calc(100vh - 32px);color:var(--color-ink);box-shadow:var(--shadow-modal);border-radius:18px;margin:auto;padding:0;overflow-y:auto}.demo[data-astro-cid-um2e2lqz]::backdrop{background:#1414146b}@media (width<=611.98px){.demo[data-astro-cid-um2e2lqz]{max-width:calc(100vw - 32px)}}.demo__panel[data-astro-cid-um2e2lqz]{padding:clamp(24px,4vw,36px);position:relative}.demo__close[data-astro-cid-um2e2lqz]{width:40px;height:40px;color:var(--color-ink);cursor:pointer;background:#1414140f;border:0;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:14px;right:14px}.demo__view[data-astro-cid-um2e2lqz]{flex-direction:column;gap:22px;display:flex}.demo__view[data-astro-cid-um2e2lqz][hidden]{display:none}.demo__head[data-astro-cid-um2e2lqz]{flex-direction:column;gap:8px;padding-right:40px;display:flex}.demo[data-astro-cid-um2e2lqz] h2[data-astro-cid-um2e2lqz]{outline:none;font-size:36px;line-height:1.05}.demo__head[data-astro-cid-um2e2lqz] p[data-astro-cid-um2e2lqz],.demo__done[data-astro-cid-um2e2lqz]>p[data-astro-cid-um2e2lqz]:not(.demo__notice),.demo__limited[data-astro-cid-um2e2lqz] p[data-astro-cid-um2e2lqz]{color:var(--color-ink-soft);text-wrap:pretty;margin:0;font-size:15px;line-height:1.5}.demo__done[data-astro-cid-um2e2lqz],.demo__limited[data-astro-cid-um2e2lqz]{gap:20px;padding-right:32px}.demo__limited[data-astro-cid-um2e2lqz]{gap:16px}.demo__limited[data-astro-cid-um2e2lqz] h2[data-astro-cid-um2e2lqz]{font-size:32px}.demo__done[data-astro-cid-um2e2lqz] strong[data-astro-cid-um2e2lqz]{color:var(--color-ink)}.demo__limited[data-astro-cid-um2e2lqz] a[data-astro-cid-um2e2lqz]{color:var(--color-ink);text-underline-offset:3px;font-weight:700;text-decoration:underline}.demo__pair[data-astro-cid-um2e2lqz]{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px;display:grid}.demo__field[data-astro-cid-um2e2lqz]{flex-direction:column;gap:6px;display:flex}.demo__field[data-astro-cid-um2e2lqz]>span[data-astro-cid-um2e2lqz]:first-child,.demo__pills[data-astro-cid-um2e2lqz] legend[data-astro-cid-um2e2lqz]{font-size:13px;font-weight:700}.demo__optional[data-astro-cid-um2e2lqz]{color:var(--color-ink-faint);font-weight:500}.demo[data-astro-cid-um2e2lqz] input[data-astro-cid-um2e2lqz]:not([type]),.demo[data-astro-cid-um2e2lqz] input[data-astro-cid-um2e2lqz][type=email],.demo[data-astro-cid-um2e2lqz] textarea[data-astro-cid-um2e2lqz]{height:48px;font:inherit;color:var(--color-ink);background:#fff;border:1px solid #1414142e;border-radius:12px;outline:none;padding:0 14px;font-size:15px}.demo[data-astro-cid-um2e2lqz] textarea[data-astro-cid-um2e2lqz]{resize:vertical;height:auto;padding:12px 14px;line-height:1.5}.demo[data-astro-cid-um2e2lqz] input[data-astro-cid-um2e2lqz]::placeholder,.demo[data-astro-cid-um2e2lqz] textarea[data-astro-cid-um2e2lqz]::placeholder{color:var(--color-ink-faint)}.demo[data-astro-cid-um2e2lqz] input[data-astro-cid-um2e2lqz]:focus-visible,.demo[data-astro-cid-um2e2lqz] textarea[data-astro-cid-um2e2lqz]:focus-visible{border-color:var(--color-ink);box-shadow:0 0 0 3px #8a4fff47}.demo[data-astro-cid-um2e2lqz] input[data-astro-cid-um2e2lqz][aria-invalid]{border-color:var(--color-alert)}.demo__error[data-astro-cid-um2e2lqz]{color:var(--color-alert-text);font-size:12.5px}.demo__error[data-astro-cid-um2e2lqz]:empty{display:none}.demo__pills[data-astro-cid-um2e2lqz]{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.demo__pills[data-astro-cid-um2e2lqz] legend[data-astro-cid-um2e2lqz]{margin-bottom:8px;padding:0}.demo__pills[data-astro-cid-um2e2lqz]>div[data-astro-cid-um2e2lqz]{flex-wrap:wrap;gap:8px;display:flex}.demo__pills[data-astro-cid-um2e2lqz] label[data-astro-cid-um2e2lqz]{position:relative}.demo__pills[data-astro-cid-um2e2lqz] input[data-astro-cid-um2e2lqz]{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.demo__pills[data-astro-cid-um2e2lqz] label[data-astro-cid-um2e2lqz] span[data-astro-cid-um2e2lqz]{border:1.5px solid var(--color-ink);height:40px;color:var(--color-ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:0 16px;font-size:14px;font-weight:700;display:flex}.demo__pills[data-astro-cid-um2e2lqz] label[data-astro-cid-um2e2lqz] input[data-astro-cid-um2e2lqz]:checked+span[data-astro-cid-um2e2lqz]{background:var(--color-ink);color:var(--color-amber)}.demo__pills[data-astro-cid-um2e2lqz] label[data-astro-cid-um2e2lqz] input[data-astro-cid-um2e2lqz]:focus-visible+span[data-astro-cid-um2e2lqz]{outline:3px solid var(--color-pop);outline-offset:2px}.demo__honeypot[data-astro-cid-um2e2lqz]{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.demo__check[data-astro-cid-um2e2lqz]{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.demo__check[data-astro-cid-um2e2lqz] input[data-astro-cid-um2e2lqz]{width:18px;height:18px;accent-color:var(--color-ink);cursor:pointer;flex:none;margin:1px 0 0}.demo__check[data-astro-cid-um2e2lqz] span[data-astro-cid-um2e2lqz]{color:var(--color-ink-soft);font-size:13.5px;line-height:1.45}.demo__challenge[data-astro-cid-um2e2lqz]:empty{display:none}.demo__form-error[data-astro-cid-um2e2lqz]{color:var(--color-alert-text);background:#b8402c14;border-radius:12px;padding:12px 14px;font-size:14px}.demo__submit[data-astro-cid-um2e2lqz]{background:var(--color-ink);height:52px;color:var(--color-amber);font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;font-size:15px;font-weight:700;text-decoration:none;display:flex}.demo__submit[data-astro-cid-um2e2lqz]:hover{background:#2a2823}.demo__submit[data-astro-cid-um2e2lqz]:disabled{opacity:.6;cursor:progress}.demo__submit[data-astro-cid-um2e2lqz]:focus-visible,.demo__close[data-astro-cid-um2e2lqz]:focus-visible{outline:3px solid var(--color-pop);outline-offset:2px}.demo__notice[data-astro-cid-um2e2lqz]{color:var(--color-ink-muted);text-wrap:pretty;margin:-8px 0 0;font-size:12.5px;line-height:1.5}.demo__done[data-astro-cid-um2e2lqz] .demo__notice[data-astro-cid-um2e2lqz]{margin:0;font-size:13px}.demo__notice[data-astro-cid-um2e2lqz] a[data-astro-cid-um2e2lqz]{color:var(--color-ink);text-underline-offset:3px;text-decoration:underline}