.step:where(.astro-boiexc3k){position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:1.25rem;padding-bottom:2rem;counter-increment:step}.step:where(.astro-boiexc3k):last-child{padding-bottom:0}.step:where(.astro-boiexc3k):not(:last-child):before{content:"";position:absolute;top:3rem;bottom:.5rem;left:calc(1.25rem - 1px);border-left:2px dashed var(--line)}.marker:where(.astro-boiexc3k){display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--accent);color:var(--link);font-family:var(--font-mono);font-size:.9375rem}.marker:where(.astro-boiexc3k):before{content:counter(step)}h3:where(.astro-boiexc3k){margin:.375rem 0 .5rem;font-size:1.125rem}.content:where(.astro-boiexc3k) p{margin-bottom:0;color:var(--muted)}.content:where(.astro-boiexc3k) strong{color:var(--fg);font-weight:600}.steps:where(.astro-i6bo4xg2){display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:step}.code-block:where(.astro-sletuexp){overflow:hidden;margin-top:1rem;border:1px solid #25292d;border-radius:var(--radius);color:#f2f4f9;background:#0b0c0d}.head:where(.astro-sletuexp){display:flex;align-items:center;justify-content:space-between;padding:.375rem .375rem .375rem 1rem;border-bottom:1px solid #25292d;color:#a3a9b1;font-family:var(--font-mono);font-size:.8125rem}.copy:where(.astro-sletuexp){display:inline-flex;align-items:center;gap:.375rem;height:1.875rem;padding:0 .75rem;border:1px solid #34383d;border-radius:.375rem;color:#f2f4f9;background:transparent;font-family:var(--font-mono);font-size:.75rem;cursor:pointer}.copy:where(.astro-sletuexp):hover{border-color:#18bcf2;color:#18bcf2}pre:where(.astro-sletuexp){margin:0;padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;line-height:1.7}.page:where(.astro-w4tek6fz){max-width:62rem;padding-block:clamp(3rem,7vw,5rem) var(--section)}.heading:where(.astro-w4tek6fz){margin-bottom:2.5rem}.heading:where(.astro-w4tek6fz) h1:where(.astro-w4tek6fz){font-size:clamp(2.5rem,6vw,3.75rem)}.heading:where(.astro-w4tek6fz) p:where(.astro-w4tek6fz){color:var(--muted);font-size:1.25rem}.picker:where(.astro-w4tek6fz){display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.picker:where(.astro-w4tek6fz) a:where(.astro-w4tek6fz){display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:.75rem;background:var(--card);color:var(--muted);text-decoration:none;transition:border-color .15s,color .15s}.picker:where(.astro-w4tek6fz) a:where(.astro-w4tek6fz):hover{color:var(--fg);border-color:color-mix(in srgb,var(--fg) 30%,transparent)}.picker:where(.astro-w4tek6fz) a:where(.astro-w4tek6fz)[aria-selected=true]{color:var(--fg);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.picker:where(.astro-w4tek6fz) a:where(.astro-w4tek6fz)>span:where(.astro-w4tek6fz):last-child{display:grid;line-height:1.3}.picker:where(.astro-w4tek6fz) strong:where(.astro-w4tek6fz){color:var(--fg);font-size:1.0625rem;font-weight:600}.picker:where(.astro-w4tek6fz) a:where(.astro-w4tek6fz)>span:where(.astro-w4tek6fz):last-child>span:where(.astro-w4tek6fz){font-size:.9375rem}.picker-icon:where(.astro-w4tek6fz){display:grid;flex:none;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--line);border-radius:50%}.picker-icon:where(.astro-w4tek6fz).brand-icon{border:0}.picker:where(.astro-w4tek6fz) a:where(.astro-w4tek6fz)[aria-selected=true] .picker-icon:where(.astro-w4tek6fz):not(.brand-icon){color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.method:where(.astro-w4tek6fz){display:grid;overflow-wrap:anywhere;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:2.5rem;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--line);border-radius:.75rem;background:var(--card)}.method:where(.astro-w4tek6fz)+.method:where(.astro-w4tek6fz){margin-top:1.5rem}.js .method:where(.astro-w4tek6fz)[hidden]{display:none}.method-intro:where(.astro-w4tek6fz) h2:where(.astro-w4tek6fz){font-size:clamp(1.5rem,2.5vw,1.875rem)}.method-intro:where(.astro-w4tek6fz) p:where(.astro-w4tek6fz){color:var(--muted)}.chip:where(.astro-w4tek6fz){display:inline-block;margin-bottom:1rem;padding:.25rem .625rem;border:1px solid var(--accent);border-radius:999px;color:var(--link);font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase}.note:where(.astro-w4tek6fz){display:flex;gap:.75rem;margin-top:1rem;padding:.875rem 1rem;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.note:where(.astro-w4tek6fz) .icon{flex:none;margin-top:.1875rem;color:var(--link)}.next:where(.astro-w4tek6fz){margin-top:4.5rem}.next:where(.astro-w4tek6fz) h2:where(.astro-w4tek6fz){font-size:clamp(1.75rem,3vw,2.25rem)}.next:where(.astro-w4tek6fz) ul:where(.astro-w4tek6fz){display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none}.next:where(.astro-w4tek6fz) li:where(.astro-w4tek6fz){padding:1.5rem;border:1px solid var(--line);border-radius:.75rem;background:var(--card)}.next-icon:where(.astro-w4tek6fz){display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:1rem;border:1px solid var(--line);border-radius:50%;color:var(--link)}.next:where(.astro-w4tek6fz) h3:where(.astro-w4tek6fz){margin-bottom:.375rem;font-size:1.125rem}.next:where(.astro-w4tek6fz) p:where(.astro-w4tek6fz){margin:0;color:var(--muted)}.help:where(.astro-w4tek6fz){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:1rem;padding:1.5rem 1.75rem;border:1px dashed var(--line);border-radius:.75rem}.help:where(.astro-w4tek6fz) h2:where(.astro-w4tek6fz){margin-bottom:.25rem;font-size:1.25rem}.help:where(.astro-w4tek6fz) p:where(.astro-w4tek6fz){margin:0;color:var(--muted)}@media(max-width:760px){.method:where(.astro-w4tek6fz),.next:where(.astro-w4tek6fz) ul:where(.astro-w4tek6fz){grid-template-columns:1fr}.method:where(.astro-w4tek6fz){gap:1.5rem}}@media(max-width:520px){.picker:where(.astro-w4tek6fz){grid-template-columns:1fr}}