.host[data-astro-cid-ovpd2x2e]{align-items:center;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.host-face[data-astro-cid-ovpd2x2e]{background:color-mix(in oklch, var(--meta) 16%, var(--ground-2));block-size:60px;inline-size:60px;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.host-initials[data-astro-cid-ovpd2x2e]{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);font-size:20px;font-weight:600;line-height:1}.host-text[data-astro-cid-ovpd2x2e]{gap:2px;min-inline-size:0;margin:0;display:grid}.host-label[data-astro-cid-ovpd2x2e]{font-size:var(--type-small);line-height:var(--type-small-leading);color:var(--ink-2)}.host-name[data-astro-cid-ovpd2x2e]{font-family:var(--font-display);font-weight:600;font-size:var(--type-h4);line-height:var(--type-h4-leading);color:var(--ink)}.host-meta[data-astro-cid-ovpd2x2e]{font-size:var(--type-small);line-height:var(--type-small-leading);color:var(--ink-2);font-variant-numeric:tabular-nums}main>.demo-sec:first-child{padding-block-start:calc(var(--nav-h) + 2 * var(--nav-inset) + clamp(16px, 3vw, 40px));padding-block-end:var(--section-y-tight)}.demo-sec[data-astro-cid-7jhp2iqj]{container:demo/inline-size}.demo[data-astro-cid-7jhp2iqj]{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}@container demo (width>=1024px){.demo[data-astro-cid-7jhp2iqj]{column-gap:clamp(32px,4.5vw,72px);row-gap:var(--space-5);grid-template:"head card""host card""more card"1fr/minmax(0,5fr) minmax(0,7fr);align-items:start}.demo-head[data-astro-cid-7jhp2iqj]{grid-area:head}.demo-host[data-astro-cid-7jhp2iqj]{grid-area:host}.demo-card[data-astro-cid-7jhp2iqj]{grid-area:card}.demo-more[data-astro-cid-7jhp2iqj]{grid-area:more}}.demo-head[data-astro-cid-7jhp2iqj]{gap:var(--space-2);display:grid}.demo-head[data-astro-cid-7jhp2iqj] .kicker[data-astro-cid-7jhp2iqj]{margin:0}.demo-h1[data-astro-cid-7jhp2iqj]{font-family:var(--font-display);font-weight:600;font-size:var(--type-h2);line-height:var(--type-h2-leading);letter-spacing:var(--type-h2-tracking);text-wrap:balance;margin:0}@container demo (width>=1024px){.demo-h1[data-astro-cid-7jhp2iqj]{font-size:clamp(32px,3.2vw,46px);line-height:1.08}}html:not([data-js]):not([data-js-late]) .demo-lede-picker[data-astro-cid-7jhp2iqj],html:not([data-js]):not([data-js-late]) .demo-card[data-astro-cid-7jhp2iqj] .field-note,.demo[data-flow=embed] .demo-lede-picker[data-astro-cid-7jhp2iqj],html[data-js] .demo[data-astro-cid-7jhp2iqj]:not([data-flow=embed]) .demo-lede-embed[data-astro-cid-7jhp2iqj],html[data-js-late] .demo[data-astro-cid-7jhp2iqj]:not([data-flow=embed]) .demo-lede-embed[data-astro-cid-7jhp2iqj]{display:none}.demo-lede[data-astro-cid-7jhp2iqj]{max-width:34rem;font-size:var(--type-lead);line-height:var(--type-lead-leading);color:var(--ink-2);text-wrap:pretty;margin:0}.demo-more[data-astro-cid-7jhp2iqj]{gap:var(--space-5);min-inline-size:0;display:grid}.demo-aside[data-astro-cid-7jhp2iqj]{font-size:var(--type-small);line-height:var(--type-small-leading);color:var(--ink-2);max-width:34rem;margin:0}.demo-card[data-astro-cid-7jhp2iqj]{padding:var(--space-5) var(--space-4) var(--space-6);border:1px solid var(--hairline);border-radius:var(--radius-lg);min-inline-size:0}@container demo (width>=640px){.demo-card[data-astro-cid-7jhp2iqj]{padding:var(--space-6)}}@container demo (width>=1024px){.demo-card[data-astro-cid-7jhp2iqj]{padding:clamp(28px,2.6vw,40px)}}.demo-card[data-astro-cid-7jhp2iqj] .field-input{min-block-size:48px;padding-block:var(--space-2)}.demo-card[data-astro-cid-7jhp2iqj] .field-textarea{block-size:80px;min-block-size:80px}.demo-card[data-astro-cid-7jhp2iqj] .demo-form{gap:var(--space-4)}.demo-card[data-astro-cid-7jhp2iqj] .form-details-compact{gap:var(--space-3)}html[data-js] .demo-card[data-astro-cid-7jhp2iqj][data-time-first] .demo-form:not([data-step]) [data-form-details],.demo-card[data-astro-cid-7jhp2iqj] .demo-form[data-step=time] [data-form-details]{display:none}@keyframes demo-in{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-motion:no-preference){html[data-js]:not([data-motion=off]) .demo-card[data-astro-cid-7jhp2iqj] .demo-form[data-step-opened] [data-form-details]{animation:demo-in var(--dur-panel) var(--ease-out) both}}.demo-notime[data-astro-cid-7jhp2iqj]{font-size:var(--type-small);line-height:var(--type-small-leading);color:var(--ink-2);margin:0}.demo-notime-btn[data-astro-cid-7jhp2iqj]{vertical-align:middle;min-block-size:32px;color:var(--ink);font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in oklch, var(--ink) 35%, transparent);text-underline-offset:.2em;background:0 0;border:0;align-items:center;padding:0;font-weight:600;text-decoration-thickness:from-font;display:inline-flex}@media (pointer:fine){.demo-notime-btn[data-astro-cid-7jhp2iqj]:hover{text-decoration-color:var(--meta)}}.demo-notime-btn[data-astro-cid-7jhp2iqj]:focus-visible,.demo-when-change[data-astro-cid-7jhp2iqj]:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--radius-sm)}.demo-when[data-astro-cid-7jhp2iqj]{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in oklch, var(--meta) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--meta) 55%, transparent);flex-wrap:nowrap;display:flex}.demo-when[data-astro-cid-7jhp2iqj][hidden]{display:none}.demo-when[data-astro-cid-7jhp2iqj]:focus{outline:none}.demo-when[data-astro-cid-7jhp2iqj]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.demo-when-text[data-astro-cid-7jhp2iqj]{align-items:baseline;gap:0 var(--space-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;flex:1;min-inline-size:0;margin:0;display:flex}.demo-when-label[data-astro-cid-7jhp2iqj]{font-size:var(--type-small);color:var(--ink-2)}.demo-when-call[data-astro-cid-7jhp2iqj]{color:var(--ink);font-weight:600}.demo-when-zone[data-astro-cid-7jhp2iqj]{font-size:var(--type-small);color:var(--ink-2)}.demo-when-change[data-astro-cid-7jhp2iqj]{min-block-size:32px;padding:0 var(--space-3);border:1px solid var(--field-border);color:var(--ink);font:inherit;font-size:var(--type-small);cursor:pointer;background:0 0;border-radius:999px;flex:none;font-weight:600}@media (pointer:fine){.demo-when-change[data-astro-cid-7jhp2iqj]:hover{background:color-mix(in oklch, var(--ink) 10%, transparent)}}.demo-step[data-astro-cid-7jhp2iqj]{font-family:var(--font-display);font-weight:600;font-size:var(--type-h4);line-height:var(--type-h4-leading);color:var(--ink);margin:0}.demo-ask[data-astro-cid-7jhp2iqj]{gap:var(--space-4);display:grid}.demo-guard[data-astro-cid-7jhp2iqj]{gap:var(--space-3);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.demo-guard[data-astro-cid-7jhp2iqj] legend[data-astro-cid-7jhp2iqj]{margin-block-end:var(--space-1);padding:0}.demo-guard-hint[data-astro-cid-7jhp2iqj]{font-size:var(--type-small);line-height:var(--type-small-leading);color:var(--ink-2);text-wrap:pretty;margin:0}.demo-guard-counts[data-astro-cid-7jhp2iqj]{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;display:grid}.demo-guard-counts[data-astro-cid-7jhp2iqj] .field[data-astro-cid-7jhp2iqj]{min-inline-size:0}.demo-guests[data-astro-cid-7jhp2iqj]{gap:var(--space-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.demo-guests[data-astro-cid-7jhp2iqj][hidden]{display:none}.demo-guests[data-astro-cid-7jhp2iqj] legend[data-astro-cid-7jhp2iqj]{margin-block-end:var(--space-1);padding:0}.demo-guests-hint[data-astro-cid-7jhp2iqj]{font-size:var(--type-small);line-height:var(--type-small-leading);color:var(--ink-2);margin:0}.demo-guests-rows[data-astro-cid-7jhp2iqj]{gap:var(--space-2);display:grid}.demo-guest[data-astro-cid-7jhp2iqj]{align-items:center;gap:var(--space-1) var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.demo-guest[data-astro-cid-7jhp2iqj] .field-error[data-astro-cid-7jhp2iqj]{grid-column:1/-1}@container form-details (width>=560px){.demo-guest[data-astro-cid-7jhp2iqj]{max-inline-size:66%}}.demo-guest-remove[data-astro-cid-7jhp2iqj]{min-block-size:32px;color:var(--ink-2);font:inherit;font-size:var(--type-small);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline from-font}.demo-guest-remove[data-astro-cid-7jhp2iqj][hidden]{display:none}.demo-echo[data-astro-cid-7jhp2iqj]{inline-size:100%;font-size:var(--type-small);line-height:var(--type-small-leading);color:var(--ink);text-wrap:pretty;margin:0;font-weight:600}.demo-echo-quiet[data-astro-cid-7jhp2iqj]{color:var(--ink-2);font-weight:400}.demo-echo[data-astro-cid-7jhp2iqj][hidden]{display:none}@container form-details (width>=560px){.demo-echo[data-astro-cid-7jhp2iqj][data-pick-echo]{display:none}}