@font-face{font-family:Alfa Slab One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f2d063d697cf9672-s.3a9l5g310i2hw.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alfa Slab One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/aa78b74e3784d9d1-s.3enw_zn3bjlzf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alfa Slab One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85d221305b371308-s.p.2j3mifs533dy9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alfa Slab One Fallback;src:local(Arial);ascent-override:85.85%;descent-override:27.59%;line-gap-override:0.0%;size-adjust:120.68%}.alfa_slab_one_b32434b7-module__FvbJXG__className{font-family:Alfa Slab One,Alfa Slab One Fallback;font-style:normal;font-weight:400}.alfa_slab_one_b32434b7-module__FvbJXG__variable{--font-guide-display:"Alfa Slab One", "Alfa Slab One Fallback"}
.guide-ui{--g-accent:var(--g-accent-light,#17559b);--g-fill:var(--g-fill-light,#17559b);--g-on-fill:var(--g-on-fill-light,#fff);--g-soft:color-mix(in oklab, var(--g-accent) 10%, transparent);--g-line:color-mix(in oklab, var(--foreground) 12%, transparent);--g-ink:#1a1512;--g-ink-foreground:#f5f5f5}@supports (color:lab(0% 0 0)){.guide-ui{--g-accent:var(--g-accent-light,lab(35.2693% 1.84916 -44.6977));--g-fill:var(--g-fill-light,lab(35.2693% 1.84916 -44.6977));--g-ink:lab(7.20476% 1.68892 2.90778);--g-ink-foreground:lab(96.52% -.0000298023 .0000119209)}}.dark .guide-ui{--g-accent:var(--g-accent-dark,#87bafd);--g-fill:var(--g-fill-dark,#87bafd);--g-on-fill:var(--g-on-fill-dark,#141414);--g-soft:color-mix(in oklab, var(--g-accent) 14%, transparent);--g-ink:#161616}@supports (color:lab(0% 0 0)){.dark .guide-ui{--g-accent:var(--g-accent-dark,lab(74.0112% -4.29925 -38.6694));--g-fill:var(--g-fill-dark,lab(74.0112% -4.29925 -38.6694));--g-ink:lab(7.22637% -.0000149012 0)}}.guide-display{font-family:var(--font-guide-display), ui-serif, Georgia, serif;letter-spacing:-.01em;font-weight:400}.guide-sans{font-family:var(--font-instrument), ui-sans-serif, system-ui, sans-serif}.guide-ui .guide-lesson-body{counter-reset:guide-h2}.guide-ui .guide-lesson-body .article-body{max-width:70ch}.guide-ui .guide-lesson-body :where(p,li) strong{color:var(--foreground);background-image:linear-gradient(transparent 62%, color-mix(in oklab, var(--g-accent) 28%, transparent) 62%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .1em;text-decoration:none}.guide-ui .guide-lesson-body h2{counter-increment:guide-h2;border-top:1px dashed var(--g-line);margin-top:3rem;padding-top:2.25rem}.guide-ui .guide-lesson-body h2:before{content:counter(guide-h2, decimal-leading-zero);background:var(--g-ink);width:fit-content;color:var(--g-ink-foreground);font-family:var(--font-jetbrains), ui-monospace, monospace;border-radius:.375rem;margin-bottom:.6rem;padding:.1rem .45rem;font-size:.75rem;font-weight:700;line-height:1.4;display:block}.dark .guide-ui .guide-lesson-body h2:before{background:var(--g-fill);color:var(--g-on-fill)}.guide-ui .guide-lesson-body h2:first-child{margin-top:1rem}.guide-grid-bg{background-image:linear-gradient(to right, color-mix(in oklab, var(--foreground) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--foreground) 6%, transparent) 1px, transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(at 50% 35%,#000 45%,#0000 85%);mask-image:radial-gradient(at 50% 35%,#000 45%,#0000 85%)}.guide-cursor{vertical-align:text-bottom;background:var(--g-fill);width:.55em;height:1.05em;animation:1.1s step-end infinite guide-blink;display:inline-block}@keyframes guide-blink{50%{opacity:0}}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq[open] .guide-faq-icon{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.guide-ui *,.guide-ui :before,.guide-ui :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.guide-rail,.guide-mobile-bar{display:none!important}.guide-main{padding-left:0!important}}.guide-hero-code div.code-toolbar>.toolbar{display:none}