@font-face{font-family:homeSans;src:url(/_next/static/media/98091ca16d8d101c.p.woff2) format("woff2");font-display:block;font-weight:100 900}.__className_a29f62{font-family:homeSans}.__variable_a29f62{--font-home-sans:"homeSans"}@font-face{font-family:homeNotes;src:url(/_next/static/media/91184846297842d7.p.woff2) format("woff2");font-display:block;font-weight:400}.__className_10fdb5{font-family:homeNotes;font-weight:400}.__variable_10fdb5{--font-home-notes:"homeNotes"}@font-face{font-family:"profileSerif";src:url(/_next/static/media/600f9a711935f61e.p.woff2) format("woff2");font-display:block;font-weight:200 900}.__className_cad20c{font-family:"profileSerif"}.__variable_cad20c{--font-profile-serif:"profileSerif"}@font-face{font-family:profileDots;src:url(/_next/static/media/7c52258a2176a7b5.p.woff2) format("woff2");font-display:block;font-weight:100 900}.__className_4c7d7c{font-family:profileDots}.__variable_4c7d7c{--font-profile-dots:"profileDots"}.code-steps-demo_frame__U_mdd{container-type:inline-size}.code-steps-demo_viewport__6lVhS{--code-height:calc(var(--code-line-count) * 24px + 62px);--viewer-height:calc(max(var(--explanation-height, 218px), var(--code-height)) + 156px);position:relative;height:calc(var(--viewer-height) + 2px);overflow:hidden auto;overscroll-behavior:none;overflow-anchor:none;scroll-behavior:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--gray-100))}.code-steps-demo_viewport__6lVhS::-webkit-scrollbar{width:8px}.code-steps-demo_viewport__6lVhS::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:8px;background:hsl(var(--border));background-clip:padding-box}.code-steps-demo_viewport__6lVhS:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.code-steps-demo_scrollTrack__bI5JA{height:calc(var(--viewer-height) + var(--walkthrough-scroll-range))}.code-steps-demo_scene__dhMv0{position:sticky;top:0;display:grid;grid-template-rows:18px minmax(0,1fr) 44px 16px;gap:14px;height:var(--viewer-height);padding:20px 24px 16px;overflow:hidden;background:hsl(var(--gray-100))}.code-steps-demo_footer__p_hVj,.code-steps-demo_header__0KHAi{display:flex;align-items:center;justify-content:space-between;gap:12px;color:hsl(var(--muted-foreground));font-size:10px}.code-steps-demo_counter__z_um2,.code-steps-demo_footer__p_hVj>span,.code-steps-demo_header__0KHAi{font-family:var(--font-mono),monospace;font-variant-numeric:tabular-nums}.code-steps-demo_header__0KHAi{letter-spacing:.025em}.code-steps-demo_counter__z_um2{color:hsl(var(--foreground))}.code-steps-demo_counter__z_um2>span{color:hsl(var(--muted-foreground))}.code-steps-demo_columns___0tpw{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);gap:24px;min-height:0}.code-steps-demo_explanationPane__fZ7OL{display:flex;flex-direction:column;justify-content:center;align-self:center;gap:18px;min-width:0;min-height:0}.code-steps-demo_descriptions__96L_l{display:grid}.code-steps-demo_description__PUj6v{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transform:translateY(8px)}.code-steps-demo_description__PUj6v[data-position=before]{transform:translateY(-8px)}.code-steps-demo_description__PUj6v[data-position=active]{opacity:1;visibility:visible;transform:translateY(0)}.code-steps-demo_chapter__xaMMY{display:flex;align-items:baseline;gap:8px;margin-bottom:13px;color:hsl(var(--muted-foreground));font-family:var(--font-mono),var(--font-home-sans),monospace;font-size:10px}.code-steps-demo_description__PUj6v strong{display:block;font-size:17px;font-weight:580;line-height:1.5;letter-spacing:-.035em;word-break:keep-all}.code-steps-demo_viewport__6lVhS .code-steps-demo_description__PUj6v p{margin-top:10px;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.8;word-break:keep-all}.code-steps-demo_focusReference__8hDJy{display:flex;align-items:center;gap:6px;margin-top:13px;color:hsl(var(--muted-foreground));font-size:10px;font-variant-numeric:tabular-nums}.code-steps-demo_annotationProgress__HYeLJ{display:flex;align-items:center;gap:5px;height:14px}.code-steps-demo_annotationProgress__HYeLJ>span{width:16px;height:2px;background:hsl(var(--border))}.code-steps-demo_annotationProgress__HYeLJ>span[data-active=true]{background:hsl(var(--foreground))}.code-steps-demo_annotationProgress__HYeLJ small{margin-left:4px;color:hsl(var(--muted-foreground));font-family:var(--font-mono),monospace;font-size:9px;font-variant-numeric:tabular-nums}.code-steps-demo_codePane__eWTMQ{display:flex;flex-direction:column;align-self:center;height:var(--code-height);min-width:0;min-height:0;overflow:hidden;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--background))}.code-steps-demo_codeHeader__kScK7{display:flex;justify-content:space-between;flex-shrink:0;gap:8px;height:32px;padding:8px 12px;border-bottom:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-family:var(--font-mono),monospace;font-size:9px;line-height:15px}.code-steps-demo_codeViewport__ZHGYy{flex:1;min-height:0;overflow:hidden}.code-steps-demo_codeCanvas__No5IZ{position:relative;min-width:max-content;min-height:100%;padding:14px 16px 14px 40px;font-family:var(--font-mono),monospace;font-size:13px;font-variant-ligatures:none;line-height:24px;letter-spacing:0;tab-size:2}.code-steps-demo_codeCanvas__No5IZ pre{margin:0;padding:0;font:inherit;letter-spacing:inherit;white-space:pre}.code-steps-demo_codeBase__n63qJ{position:relative}.code-steps-demo_codePane__eWTMQ[data-focused=true] .code-steps-demo_codeBase__n63qJ{opacity:.62}.code-steps-demo_codeBase__n63qJ .shiki-magic-move-item{--smm-stagger:0ms;transition-property:transform,opacity;transition-duration:var(--smm-duration,var(--code-duration)),.18s;transition-timing-function:var(--smm-easing,var(--code-easing)),var(--home-ease)}.code-steps-demo_lineNumbers__6AkLy{position:absolute;z-index:2;top:14px;left:10px;width:16px;color:hsl(var(--muted-foreground));font-size:10px;text-align:right;user-select:none}.code-steps-demo_lineNumbers__6AkLy>span{display:block}.code-steps-demo_codeCanvas__No5IZ .code-steps-demo_focusLayer__WYQoz{position:absolute;top:14px;right:16px;left:40px;opacity:0;color:hsl(var(--foreground));pointer-events:none;user-select:none}.code-steps-demo_focusLayer__WYQoz[data-active=true]{opacity:1}.code-steps-demo_focusLine__PuIET{position:relative;display:block;height:24px}.code-steps-demo_focusLine__PuIET[data-focused=true]:before{position:absolute;inset:0 -8px 0 -32px;border-left:2px solid hsl(var(--foreground));border-radius:2px;background:hsl(var(--foreground)/.055);content:""}.code-steps-demo_focusLine__PuIET>span{position:relative;visibility:hidden}.code-steps-demo_focusLine__PuIET>span[data-focused-code=true]{visibility:visible}.code-steps-demo_controls__Fx_Cu,.code-steps-demo_steps__Ku_sd{display:flex;align-items:center}.code-steps-demo_controls__Fx_Cu{justify-content:center;gap:12px}.code-steps-demo_controls__Fx_Cu button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:6px;color:hsl(var(--muted-foreground));font-size:12px;font-variant-numeric:tabular-nums}.code-steps-demo_controls__Fx_Cu button:disabled{opacity:.3;cursor:default}.code-steps-demo_controls__Fx_Cu button:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:-3px}.code-steps-demo_controls__Fx_Cu svg{width:15px;height:15px}.code-steps-demo_steps__Ku_sd button span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.code-steps-demo_steps__Ku_sd [aria-current=step] span{background:hsl(var(--foreground));color:hsl(var(--background))}.code-steps-demo_footer__p_hVj p{display:flex;align-items:center;gap:6px}.code-steps-demo_footer__p_hVj p>svg{width:13px;height:13px}.code-steps-demo_footer__p_hVj>span{flex-shrink:0}.code-steps-demo_progress__O3O_C{position:absolute;inset:auto 0 0;height:2px;background:hsl(var(--border)/.5)}.code-steps-demo_progress__O3O_C span{display:block;height:100%;background:hsl(var(--foreground)/.55);transform-origin:left center}.code-steps-demo_srOnly__Nbyy7{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (hover:hover) and (pointer:fine){.code-steps-demo_controls__Fx_Cu button:hover:not(:disabled){color:hsl(var(--foreground));background:hsl(var(--muted))}}@media (prefers-reduced-motion:no-preference){.code-steps-demo_viewport__6lVhS[data-code-motion=animated],.code-steps-demo_viewport__6lVhS[data-code-motion=animated] :is(.code-steps-demo_scrollTrack__bI5JA,.code-steps-demo_scene__dhMv0,.code-steps-demo_codePane__eWTMQ){transition:height var(--code-duration) var(--code-easing)}.code-steps-demo_viewport__6lVhS[data-motion=animated] .code-steps-demo_description__PUj6v{transition:transform var(--explanation-duration) cubic-bezier(.645,.045,.355,1),opacity .2s ease,visibility 0s;transition-delay:0s,0s,var(--explanation-duration)}.code-steps-demo_viewport__6lVhS[data-motion=animated] .code-steps-demo_description__PUj6v[data-position=active]{transition-delay:0s}.code-steps-demo_viewport__6lVhS[data-motion=animated] :is(.code-steps-demo_focusLayer__WYQoz,.code-steps-demo_codeBase__n63qJ){transition:opacity .18s var(--home-ease)}.code-steps-demo_controls__Fx_Cu button:active:not(:disabled,:focus-visible)>svg{transform:scale(.97)}.code-steps-demo_controls__Fx_Cu button>svg{transition:transform .15s cubic-bezier(.25,.46,.45,.94)}}@container (max-width: 639px){.code-steps-demo_viewport__6lVhS{--viewer-height:calc(var(--explanation-height, 192px) + var(--code-height) + 162px)}.code-steps-demo_scene__dhMv0{grid-template-rows:18px minmax(0,1fr) 44px 16px;gap:12px;padding:16px}.code-steps-demo_columns___0tpw{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:16px}.code-steps-demo_explanationPane__fZ7OL{gap:10px}.code-steps-demo_chapter__xaMMY{margin-bottom:8px}.code-steps-demo_description__PUj6v strong{font-size:16px}.code-steps-demo_viewport__6lVhS .code-steps-demo_description__PUj6v p{margin-top:6px;font-size:12px;line-height:1.65}.code-steps-demo_focusReference__8hDJy{margin-top:7px}.code-steps-demo_codeCanvas__No5IZ{padding-right:10px;padding-left:28px;font-size:12px}.code-steps-demo_codeCanvas__No5IZ .code-steps-demo_focusLayer__WYQoz{right:10px;left:28px}.code-steps-demo_focusLine__PuIET[data-focused=true]:before{left:-22px}.code-steps-demo_lineNumbers__6AkLy{left:5px}.code-steps-demo_controls__Fx_Cu{gap:8px}.code-steps-demo_footer__p_hVj{font-size:9px}}@media (prefers-reduced-motion:reduce){.code-steps-demo_codeBase__n63qJ .shiki-magic-move-item{transition:none}}