.screenshot-row.svelte-21p3fu{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 8px;display:grid}.screenshot-fig.svelte-21p3fu{margin:28px 0 8px}.screenshot-fig.svelte-21p3fu img:where(.svelte-21p3fu){border:1px solid var(--color-border);border-radius:4px;width:100%;height:auto;transition:opacity .15s;display:block}.screenshot-link.svelte-21p3fu{display:block}.screenshot-link.svelte-21p3fu:hover img:where(.svelte-21p3fu){opacity:.88}.screenshot-fig-sm.svelte-21p3fu{max-width:520px}.screenshot-fig.svelte-21p3fu figcaption:where(.svelte-21p3fu){font-family:var(--font-ui);color:var(--color-subtle);margin-top:8px;font-size:11px;line-height:1.5}.screenshot-row.svelte-21p3fu .screenshot-fig:where(.svelte-21p3fu){margin:0}.options-row.svelte-21p3fu{align-items:flex-start;gap:32px;margin:0 0 8px;display:flex}.options-text.svelte-21p3fu{flex:1;min-width:0}.options-panel-fig.svelte-21p3fu{flex-shrink:0;width:220px;margin:32px 0 0}.screenshot-fig--mobile.svelte-21p3fu{flex-shrink:0;width:200px;margin:0}.mobile-mockup-row.svelte-21p3fu{justify-content:center;gap:32px;margin:28px 0 8px;display:flex}.mobile-mockup-row.svelte-21p3fu .screenshot-fig--mobile:where(.svelte-21p3fu){flex-shrink:0;width:220px}.mobile-mockup-row.svelte-21p3fu .screenshot-fig--mobile:where(.svelte-21p3fu) img:where(.svelte-21p3fu){border:none;border-radius:0}@media (width<=560px){.mobile-mockup-row.svelte-21p3fu{gap:16px}.mobile-mockup-row.svelte-21p3fu .screenshot-fig--mobile:where(.svelte-21p3fu){width:calc(50% - 8px)}}@media (width<=640px){.screenshot-row.svelte-21p3fu{grid-template-columns:1fr}}