.intro:where(.astro-5nfbjc6r){gap:18px;padding-top:clamp(40px,7vw,80px);padding-bottom:clamp(28px,4vw,44px);display:grid}.intro:where(.astro-5nfbjc6r) .lede:where(.astro-5nfbjc6r) code:where(.astro-5nfbjc6r),.more:where(.astro-5nfbjc6r) code:where(.astro-5nfbjc6r){font:500 .88em/1.4 var(--mono);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:2px 6px}.how:where(.astro-5nfbjc6r){gap:16px;max-width:760px;margin-top:6px;display:grid}@media (width>=760px){.how:where(.astro-5nfbjc6r){grid-template-columns:1.2fr 1fr;align-items:start}}.step:where(.astro-5nfbjc6r){gap:8px;min-width:0;display:grid}.n:where(.astro-5nfbjc6r){font:500 12.5px/1.4 var(--mono);letter-spacing:.06em;color:var(--muted)}.fm:where(.astro-5nfbjc6r){border-radius:var(--radius-sm);color:#d9e8f2;font:500 14px/1.45 var(--mono);background:#061826;border:1px solid #7dd3fc2e;margin:0;padding:12px 14px;overflow-x:auto}.more:where(.astro-5nfbjc6r){color:var(--ink-2)}.group:where(.astro-5nfbjc6r){gap:22px;padding-top:clamp(24px,4vw,40px);padding-bottom:clamp(24px,4vw,40px);display:grid}.group:where(.astro-5nfbjc6r):last-of-type{padding-bottom:clamp(56px,9vw,112px)}.group-head:where(.astro-5nfbjc6r){gap:8px;max-width:760px;display:grid}.group-head:where(.astro-5nfbjc6r) h2:where(.astro-5nfbjc6r){font-size:clamp(24px,3vw,32px)}.group-head:where(.astro-5nfbjc6r) p:where(.astro-5nfbjc6r){color:var(--ink-2)}.themes:where(.astro-5nfbjc6r){gap:22px;list-style:none;display:grid}@media (width>=760px){.themes:where(.astro-5nfbjc6r){grid-template-columns:repeat(2,minmax(0,1fr))}}.theme:where(.astro-5nfbjc6r){grid-template-rows:auto auto 1fr;min-width:0;scroll-margin-top:80px;display:grid;overflow:hidden}.shot:where(.astro-5nfbjc6r){aspect-ratio:16/9;background:var(--surface-2);border-bottom:1px solid var(--line)}.shot:where(.astro-5nfbjc6r) img:where(.astro-5nfbjc6r){object-fit:cover;width:100%;height:100%}.thumbs:where(.astro-5nfbjc6r){gap:8px;padding:10px 14px 0;display:flex}.thumbs:where(.astro-5nfbjc6r) button:where(.astro-5nfbjc6r){border:1px solid var(--line-strong);background:var(--surface-2);cursor:pointer;aspect-ratio:16/9;opacity:.72;border-radius:6px;flex:0 88px;min-width:0;padding:0;transition:opacity .15s,border-color .15s;overflow:hidden}.thumbs:where(.astro-5nfbjc6r) button:where(.astro-5nfbjc6r):hover{opacity:1}.thumbs:where(.astro-5nfbjc6r) button:where(.astro-5nfbjc6r)[aria-pressed=true]{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.thumbs:where(.astro-5nfbjc6r) img:where(.astro-5nfbjc6r){object-fit:cover;width:100%;height:100%}.body:where(.astro-5nfbjc6r){align-content:start;gap:10px;min-width:0;padding:14px 18px 18px;display:grid}.body:where(.astro-5nfbjc6r)>:where(.astro-5nfbjc6r){min-width:0}.title-row:where(.astro-5nfbjc6r){flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;display:flex}.schemes:where(.astro-5nfbjc6r){gap:6px;list-style:none;display:flex}.schemes:where(.astro-5nfbjc6r) li:where(.astro-5nfbjc6r){font:500 12px/1 var(--mono);background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:5px 8px}.desc:where(.astro-5nfbjc6r){color:var(--ink-2)}.meta:where(.astro-5nfbjc6r){color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:6px;font-size:15px;display:flex}.meta:where(.astro-5nfbjc6r) span:where(.astro-5nfbjc6r){margin-right:2px}.meta:where(.astro-5nfbjc6r) code:where(.astro-5nfbjc6r),.name:where(.astro-5nfbjc6r){font:500 .88em/1.4 var(--mono);background:var(--surface-2);border:1px solid var(--line);color:var(--ink);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px}.use:where(.astro-5nfbjc6r){flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.pkg:where(.astro-5nfbjc6r){font:500 13px/1.4 var(--mono);color:var(--muted);text-decoration:none}.pkg:where(.astro-5nfbjc6r):hover{color:var(--accent);text-decoration:underline}.name:where(.astro-5nfbjc6r){border-radius:var(--radius-sm);padding:10px 12px;font-size:14px}.readme:where(.astro-5nfbjc6r){justify-self:start;font-size:15px;font-weight:600}.builtin:where(.astro-5nfbjc6r){color:var(--muted);flex:240px;font-size:15px}