.page-module__eA1xSa__page{--background:#fff;background:var(--background);color:var(--ink)}.page-module__eA1xSa__main{padding-inline:48px;flex-direction:column;align-items:center;height:100svh;min-height:620px;padding-bottom:32px;display:flex}.page-module__eA1xSa__visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-module__eA1xSa__windowArea{flex:1 1 0;min-height:0;margin-top:24px}.page-module__eA1xSa__llamaPeek{z-index:2;pointer-events:none;width:max-content;position:fixed;bottom:0;right:24px}.page-module__eA1xSa__llamaCaption{font-family:var(--font-family-hand);white-space:nowrap;color:inherit;pointer-events:auto;margin:0 0 6px;padding:4px 8px;font-size:24px;line-height:1.2;text-decoration:none;display:block}.page-module__eA1xSa__llamaCaption span,.page-module__eA1xSa__llamaCaption:hover,.page-module__eA1xSa__llamaCaption:focus-visible{text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:3px;text-decoration-thickness:4px}.page-module__eA1xSa__llamaCaption:focus-visible{outline:2px solid var(--red);outline-offset:3px}.page-module__eA1xSa__llamaClip{width:88px;height:68px;margin-left:auto;overflow:hidden}.page-module__eA1xSa__llamaImage{width:72px;height:104px;image-rendering:pixelated;transform-origin:50% 56px;margin-inline:auto;display:block;transform:rotate(-10deg)}@media (prefers-reduced-motion:no-preference){.page-module__eA1xSa__llamaCaption{animation:.4s ease-out 1.4s both page-module__eA1xSa__llamaCaptionIn}.page-module__eA1xSa__llamaImage{animation:.7s cubic-bezier(.2,.8,.3,1) 1s both page-module__eA1xSa__llamaPopIn}}@keyframes page-module__eA1xSa__llamaCaptionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes page-module__eA1xSa__llamaPopIn{0%{transform:translateY(76px)rotate(0)}to{transform:translateY(0)rotate(-10deg)}}.page-module__eA1xSa__page .page-module__eA1xSa__window{flex-direction:column;flex:1;width:min(100%,1180px);min-height:0;padding-bottom:0;display:flex}.page-module__eA1xSa__scroller{scrollbar-color:var(--ink-line-strong) transparent;scrollbar-width:thin;flex:1;min-height:0;margin:0 6px 10px;overflow-y:auto}.page-module__eA1xSa__scroller:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:10px}.page-module__eA1xSa__article{max-width:860px;font-size:var(--font-size-15);margin-inline:auto;padding:36px 34px 28px;line-height:1.65}.page-module__eA1xSa__article p{text-wrap:pretty;margin:0 0 12px}.page-module__eA1xSa__article h2{font-size:var(--font-size-20);font-weight:var(--weight-title);letter-spacing:-.02em;margin:0 0 12px;line-height:1.3}.page-module__eA1xSa__article .page-module__eA1xSa__intro{margin-bottom:28px}.page-module__eA1xSa__article h3{font-size:var(--font-size-20);font-weight:var(--weight-title);margin:0;line-height:1.3}.page-module__eA1xSa__article p code,.page-module__eA1xSa__article li>code{background:color-mix(in srgb, var(--ink) 5%, #fff);font-family:var(--font-family-code);overflow-wrap:anywhere;border-radius:5px;padding:1px 5px;font-size:.88em}.page-module__eA1xSa__article a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--lavender);text-decoration-color:var(--lavender);text-underline-offset:3px;text-decoration-thickness:2px}.page-module__eA1xSa__article a:hover{-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow)}.page-module__eA1xSa__article a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.page-module__eA1xSa__steps{margin:0;padding:0;list-style:none}.page-module__eA1xSa__step{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px 16px;padding-bottom:28px;display:grid;position:relative}.page-module__eA1xSa__step:not(:last-child):before{content:"";border-left:1.75px dotted var(--sketch-ink);position:absolute;top:40px;bottom:6px;left:16px}.page-module__eA1xSa__stepBadge{--number-fill:var(--yellow);isolation:isolate;width:34px;height:34px;font-family:var(--font-family-hand);font-size:var(--font-size-22);place-items:center;font-weight:600;line-height:1;display:grid;position:relative}.page-module__eA1xSa__step:nth-child(3n+2) .page-module__eA1xSa__stepBadge{--number-fill:var(--lavender)}.page-module__eA1xSa__step:nth-child(3n) .page-module__eA1xSa__stepBadge{--number-fill:var(--red)}.page-module__eA1xSa__stepBody{grid-column:2;min-width:0}.page-module__eA1xSa__stepBody ul{margin:0 0 12px;padding-left:20px}.page-module__eA1xSa__stepBody li+li{margin-top:8px}.page-module__eA1xSa__codeBlock{background:color-mix(in srgb, var(--ink) 3.5%, #fff);border-radius:10px;margin:0 0 16px;position:relative}.page-module__eA1xSa__code{font-family:var(--font-family-code);font-size:var(--font-size-13);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px 56px 12px 16px;line-height:1.7}.page-module__eA1xSa__code code{color:inherit;font:inherit;background:0 0;border-radius:0;padding:0;display:block}.page-module__eA1xSa__codeCopy{--number-fill:#fff;isolation:isolate;width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px}.page-module__eA1xSa__codeCopy:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:8px}@media (hover:hover){.page-module__eA1xSa__codeCopy:hover{--number-fill:var(--yellow)}}@media (pointer:coarse){.page-module__eA1xSa__codeCopy:after{content:"";position:absolute;inset:-5px}}@media (max-width:1100px){.page-module__eA1xSa__main{padding-inline:32px}}@media not (min-width:1000px){.page-module__eA1xSa__main{padding-bottom:24px}}@media (max-width:760px){.page-module__eA1xSa__main{padding-inline:18px;min-height:560px;padding-bottom:18px}.page-module__eA1xSa__article{padding:22px 12px 20px}.page-module__eA1xSa__llamaPeek{right:4px}.page-module__eA1xSa__llamaCaption{font-size:var(--font-size-22)}.page-module__eA1xSa__llamaClip{width:68px;height:52px}.page-module__eA1xSa__llamaImage{transform-origin:50% 44px;width:56px;height:auto}.page-module__eA1xSa__step{padding-bottom:22px}.page-module__eA1xSa__step:not(:last-child):before{display:none}.page-module__eA1xSa__stepBody{grid-column:1/-1}}@media (max-height:500px){.page-module__eA1xSa__main{height:auto;min-height:0}.page-module__eA1xSa__windowArea,.page-module__eA1xSa__page .page-module__eA1xSa__window,.page-module__eA1xSa__scroller{flex:none}.page-module__eA1xSa__scroller{overflow-y:visible}}
