.screen[data-astro-cid-tsii6q4q]{container-type:size;overflow:hidden;background:var(--color-bg-band)}.screen[data-astro-cid-tsii6q4q] picture{display:contents}.screen[data-astro-cid-tsii6q4q] .shot{display:block;width:100%;height:auto;transition:transform 7s var(--ease-in-out)}.screen[data-astro-cid-tsii6q4q]:hover .shot,[data-scroll-host]:is(:hover,:focus-visible,:focus-within) .screen[data-astro-cid-tsii6q4q] .shot{transform:translateY(calc(-100% + 100cqh))}@media(prefers-reduced-motion:reduce){.screen[data-astro-cid-tsii6q4q]:hover .shot,[data-scroll-host]:is(:hover,:focus-visible,:focus-within) .screen[data-astro-cid-tsii6q4q] .shot{transform:none}}.screen[data-astro-cid-tsii6q4q] .shot-dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .screen[data-astro-cid-tsii6q4q] .shot-light{display:none}:root:not([data-theme=light]) .screen[data-astro-cid-tsii6q4q] .shot-dark{display:block}}:root[data-theme=dark] .screen[data-astro-cid-tsii6q4q] .shot-light{display:none}:root[data-theme=dark] .screen[data-astro-cid-tsii6q4q] .shot-dark{display:block}.browser[data-astro-cid-glx36zef]{overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-raised)}.bar[data-astro-cid-glx36zef]{display:flex;align-items:center;gap:var(--space-1);height:var(--space-8);padding-inline:var(--space-3)}.dot[data-astro-cid-glx36zef]{width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--color-fill-strong)}.url[data-astro-cid-glx36zef]{margin-inline:auto;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-fill);color:var(--color-ink-muted)}.browser--sm[data-astro-cid-glx36zef] .bar[data-astro-cid-glx36zef]{height:var(--space-5);padding-inline:var(--space-2);gap:3px}.browser--sm[data-astro-cid-glx36zef] .dot[data-astro-cid-glx36zef]{width:5px;height:5px}.browser--sm[data-astro-cid-glx36zef] .url[data-astro-cid-glx36zef]{display:none}.phone[data-astro-cid-bauzh7qp]{--bezel: var(--space-1);position:relative;padding:var(--bezel);border-radius:calc(var(--radius-md) + var(--bezel));background:var(--color-black);box-shadow:0 0 0 1px var(--color-line-strong),var(--shadow-card)}.phone[data-astro-cid-bauzh7qp] .phone-screen{border-radius:var(--radius-md)}.cam[data-astro-cid-bauzh7qp]{position:absolute;z-index:1;top:calc(var(--bezel) + var(--space-2));left:50%;width:28%;height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-black);transform:translate(-50%)}.rule[data-astro-cid-vdhoiyp3]{color:var(--color-ink);max-width:58ch}.rule[data-astro-cid-vdhoiyp3] strong[data-astro-cid-vdhoiyp3]{font-weight:600}.starter[data-astro-cid-vdhoiyp3]{display:flex;flex-direction:column;gap:var(--space-12)}.preview[data-astro-cid-vdhoiyp3]{display:grid;gap:var(--space-3)}.devices[data-astro-cid-vdhoiyp3]{position:relative;padding:0 var(--space-8) var(--space-8) 0;border-radius:var(--radius-sm)}.devices[data-astro-cid-vdhoiyp3] .on-corner{position:absolute;right:0;bottom:0;width:24%}.placeholder[data-astro-cid-vdhoiyp3]{display:grid;place-items:center;aspect-ratio:16 / 10;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-fill);color:var(--color-ink-dim)}.lists[data-astro-cid-vdhoiyp3]{display:grid;gap:var(--space-8)}.list[data-astro-cid-vdhoiyp3]{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);padding-left:var(--space-5);list-style:disc}.gets[data-astro-cid-vdhoiyp3]{padding-left:0;list-style:none}.gets[data-astro-cid-vdhoiyp3] li[data-astro-cid-vdhoiyp3]{display:flex;gap:var(--space-2);align-items:flex-start}.gets[data-astro-cid-vdhoiyp3] svg{flex:none;margin-top:var(--space-1)}.not[data-astro-cid-vdhoiyp3]{margin-top:var(--space-4)}.picks[data-astro-cid-vdhoiyp3]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-4);margin-top:var(--space-4)}.pick[data-astro-cid-vdhoiyp3]{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-ink);text-decoration:none;border-radius:var(--radius-sm)}.pick-name[data-astro-cid-vdhoiyp3]{font-weight:600}a[data-astro-cid-vdhoiyp3].pick:hover .pick-name[data-astro-cid-vdhoiyp3]{text-decoration:underline;text-decoration-color:var(--color-mark);text-underline-offset:4px}.actions[data-astro-cid-vdhoiyp3]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6)}@media(min-width:768px){.lists[data-astro-cid-vdhoiyp3]{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}}