.install{padding-block:clamp(2rem,5vw,4rem) clamp(3.5rem,8vw,6rem)}.install-head{gap:2.5rem var(--gap);padding-bottom:clamp(2.5rem,6vw,4.5rem);display:grid}.install-head>*{min-width:0}.install-head__tag{background:var(--tint);color:var(--ink-2);border-radius:999px;align-items:center;margin-bottom:1.25rem;padding:.4rem .75rem;display:inline-flex}.install-head h1{letter-spacing:-.025em;max-width:12ch;font-size:clamp(2.75rem,1rem + 6vw,5.25rem);line-height:.98}.install-head__lede{max-width:46ch;color:var(--ink-2);margin-top:1.5rem;font-size:clamp(1.125rem,1rem + .4vw,1.25rem)}.install-head__links{flex-wrap:wrap;gap:.75rem 1.75rem;margin-top:1.75rem;display:flex}.install-index ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.install-index li{border-bottom:1px solid var(--line)}.install-index a{color:var(--ink);transition:padding-left .2s var(--ease-out);align-items:baseline;gap:1rem;padding:.7rem .25rem;text-decoration:none;display:flex}.install-index a:hover{color:var(--green-strong);padding-left:.6rem}.install-index__n{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-3);flex:none;font-size:.75rem}@media (width>=56rem){.install-head{grid-template-columns:minmax(0,1fr) minmax(0,24rem);align-items:end}}.step{gap:1.25rem var(--gap);border-top:1px dashed var(--line-strong);padding-block:clamp(2rem,5vw,3.25rem);scroll-margin-top:1rem;display:grid}.step>*{min-width:0}.step__head{align-content:start;gap:.75rem;display:grid}.step__head h2{letter-spacing:-.02em;max-width:16ch;font-size:clamp(1.75rem,1.3rem + 1.5vw,2.375rem);line-height:1.1}.step__body{grid-template-columns:minmax(0,1fr);align-content:start;gap:1rem;max-width:46rem;display:grid}.step__body>p{max-width:60ch;color:var(--ink-2)}.step__body .code{margin-top:0}.step__body :not(pre)>code{background:var(--well);color:var(--ink);overflow-wrap:anywhere;border-radius:5px;padding:.1em .35em;font-size:.875em}@media (width>=56rem){.step{grid-template-columns:minmax(0,19rem) minmax(0,1fr)}.step__head{align-self:start;position:sticky;top:1.5rem}}.checks,.points,.doc-links{margin:0;padding:0;list-style:none}.checks{grid-template-columns:minmax(0,1fr);gap:.85rem;display:grid}.checks li{max-width:62ch;color:var(--ink-2);grid-template-columns:auto minmax(0,1fr);gap:.75rem;display:grid}.checks svg{color:var(--green);margin-top:.3rem}.points{grid-template-columns:minmax(0,1fr);gap:.85rem;display:grid}.points li{max-width:60ch;color:var(--ink-2);padding-left:1.5rem;position:relative}.points li:before{content:"";background:var(--green);border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:.7em;left:.25rem}.step__sub{letter-spacing:-.01em;margin-top:1rem;font-size:1.375rem;line-height:1.2}.step__body>p.note{border-radius:var(--radius-sm);background:var(--tint);color:var(--ink);padding:.9rem 1rem;font-weight:500}.code__bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;min-height:2.5rem;padding-right:.3rem;display:flex}.code__bar .code__name{border-bottom:0}.code__copy{min-height:2rem;color:var(--ink-2);font-family:var(--mono);cursor:pointer;transition:transform .15s var(--ease-out);background:0 0;border:0;border-radius:6px;align-items:center;gap:.4rem;padding:0 .65rem;font-size:.75rem;line-height:1;display:none}.js .code__copy{display:inline-flex}.code__copy:hover{background:var(--tint);color:var(--ink)}.code__copy:active{transform:scale(.97)}.code__copy .i-done,.code__copy[data-copied] .i-copy{display:none}.code__copy[data-copied]{color:var(--green)}.code__copy[data-copied] .i-done{display:block}.doc-links{border-top:1px solid var(--line)}.doc-links li{border-bottom:1px solid var(--line)}.doc-links a{color:var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding:1rem .25rem;text-decoration:none;display:flex}.doc-links a>span{gap:.15rem;display:grid}.doc-links strong{font-weight:600}.doc-links a>span>span{color:var(--ink-2);font-size:.9375rem}.doc-links svg{color:var(--ink-3);transition:transform .25s var(--ease-out);flex:none}.doc-links a:hover strong{color:var(--green-strong)}.doc-links a:hover svg{color:var(--green-strong);transform:translate(2px,-2px)}