@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@-webkit-keyframes CodeScroller_rotateBorder_-1{to{--border-angle: 360deg}}@keyframes CodeScroller_rotateBorder_-1{to{--border-angle: 360deg}}.CodeScroller_root_885{position:relative}.CodeScroller_wrapper_918{position:relative;display:block}@media(min-width:768px){.CodeScroller_wrapper_918{display:grid;grid-template-columns:1fr 1fr}}.CodeScroller_sectionContent_1074{position:relative;font-size:17rem;line-height:27rem;letter-spacing:.6rem;font-family:neue-montreal-medium,sans-serif;text-rendering:geometricPrecision;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:neue-montreal-regular,sans-serif;font-weight:400;font-style:normal;text-rendering:optimizelegibility}.CodeScroller_sectionContent_1074>*:first-child{margin-top:0}.CodeScroller_sectionContent_1074 h1,.CodeScroller_sectionContent_1074 h2,.CodeScroller_sectionContent_1074 h3,.CodeScroller_sectionContent_1074 h4{color:var(--colors-title-primary)}.CodeScroller_sectionContent_1074 h1{font-size:50rem;line-height:50rem;letter-spacing:.6rem;font-family:neue-montreal-medium,sans-serif;font-weight:400;font-style:normal;text-rendering:geometricPrecision;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-wrap:balance;margin-top:calc(3 * var(--spacing))}.CodeScroller_sectionContent_1074 h2{position:relative;font-size:26.19rem;line-height:calc(35.2 * 1rem * .9);letter-spacing:.54rem;font-family:neue-montreal-medium,sans-serif;font-weight:400;font-style:normal;text-rendering:geometricPrecision;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-wrap:balance;margin-top:calc(3 * var(--spacing) * 2)}.CodeScroller_sectionContent_1074 h2:before{content:"##";opacity:.2;margin-right:8rem;position:relative}@media(min-width:768px){.CodeScroller_sectionContent_1074 h2:before{position:absolute;left:-41rem}}.CodeScroller_sectionContent_1074 h3{font-size:19.8rem;line-height:27.9rem;letter-spacing:.6rem;font-family:neue-montreal-medium,sans-serif;font-weight:400;font-style:normal;text-rendering:geometricPrecision;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin-top:calc(3 * var(--spacing) * 2)}.CodeScroller_sectionContent_1074 h4{font-size:calc(16.5 * 1rem * 1.1);line-height:calc(25.9 * 1rem * 1.1);letter-spacing:.55rem;font-family:neue-montreal-medium,sans-serif;font-weight:400;font-style:normal;text-rendering:geometricPrecision;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin-top:calc(3 * var(--spacing))}.CodeScroller_sectionContent_1074 p{margin-top:calc(3 * var(--spacing))}.CodeScroller_sectionContent_1074 .LinkCard{margin:calc(calc(3 * var(--spacing)) * 2) auto}.CodeScroller_sectionContent_1074 a:not(.article-title){color:var(--colors-content-link);text-decoration:none}@media(hover:hover){.CodeScroller_sectionContent_1074 a:not(.article-title):hover{text-decoration:underline}}.CodeScroller_sectionContent_1074 a:not(.article-title){-webkit-transition:color .15s cubic-bezier(.25,.46,.45,.94),background-color .15s cubic-bezier(.25,.46,.45,.94),border-color .15s cubic-bezier(.25,.46,.45,.94);transition:color .15s cubic-bezier(.25,.46,.45,.94),background-color .15s cubic-bezier(.25,.46,.45,.94),border-color .15s cubic-bezier(.25,.46,.45,.94)}@media(hover:hover){.CodeScroller_sectionContent_1074 a.article-title:hover{color:var(--colors-content-brand)}}.CodeScroller_sectionContent_1074 a.article-title{-webkit-transition:color .15s cubic-bezier(.25,.46,.45,.94),background-color .15s cubic-bezier(.25,.46,.45,.94),border-color .15s cubic-bezier(.25,.46,.45,.94);transition:color .15s cubic-bezier(.25,.46,.45,.94),background-color .15s cubic-bezier(.25,.46,.45,.94),border-color .15s cubic-bezier(.25,.46,.45,.94)}.CodeScroller_sectionContent_1074 img,.CodeScroller_sectionContent_1074 video{width:100%}.CodeScroller_sectionContent_1074 em{font-family:neue-montreal-regular,sans-serif;font-weight:400;font-style:normal;font-style:italic}.CodeScroller_sectionContent_1074 b,.CodeScroller_sectionContent_1074 strong{font-family:neue-montreal-medium,sans-serif;font-weight:400;font-style:normal;color:var(--colors-content-highlight)}.CodeScroller_sectionContent_1074 ul{margin-top:calc(1 * var(--spacing));padding-left:14rem}.CodeScroller_sectionContent_1074 li{margin-top:2rem;list-style:disc}.CodeScroller_sectionContent_1074 iframe{width:100%;border:none}.CodeScroller_sectionContent_1074 hr{margin:calc(calc(3 * var(--spacing)) * 2) 0;border-top:2px solid var(--colors-content-brand);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}.CodeScroller_sectionContent_1074 blockquote{position:relative;text-wrap:stable;margin:calc(calc(3 * var(--spacing)) * 1.5) 0;padding:24rem;border-radius:8rem;color:var(--colors-content-primary);background-color:var(--colors-background-blockquote);font-size:15.3rem;line-height:24.3rem;letter-spacing:.54rem;text-rendering:geometricPrecision;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:neue-montreal-regular,sans-serif;text-rendering:optimizelegibility;font-family:neue-montreal-medium,sans-serif;font-weight:400;font-style:normal}.CodeScroller_sectionContent_1074 blockquote p:first-of-type{margin-top:0}.CodeScroller_sectionContent_1074 .Sandpack{margin-top:48rem;margin-bottom:48rem}@media(min-width:768px){.CodeScroller_sectionContent_1074 .Sandpack{width:calc(100% + 175rem);margin-left:-87.5rem;margin-right:-87.5rem}}.CodeScroller_sectionContent_1074 .CodeSpace{margin-top:48rem;margin-bottom:48rem}.CodeScroller_sectionContent_1074 code:not(pre code){background-color:var(--colors-background-code-hightlight-line);color:var(--colors-content-code-inline-text);font-family:monospace;padding:calc(calc(3 * var(--spacing)) * .1) calc(calc(3 * var(--spacing)) * .3);border-radius:6px;font-size:.82em}.CodeScroller_sectionContent_1074 pre:has(code){width:100%;overflow-x:auto}.CodeScroller_sectionContent_1074 pre code{overflow-x:auto;font-family:monospace;font-size:.82em}.CodeScroller_sectionContent_1074 .CodeSpace pre code{overflow-x:unset;font-family:inherit;font-size:inherit}.CodeScroller_sectionContent_1074 .MediaStatic{margin-top:48rem;margin-bottom:48rem}.CodeScroller_sectionContent_1074 .MediaStatic_mediaWrapper{border-radius:15rem}@media(min-width:768px){.CodeScroller_sectionContent_1074{margin-right:calc(calc((var(--grid-column-width) + var(--grid-gutter-width)) * 1 - var(--grid-gutter-width)) + var(--grid-gutter-width) / 2)}}.CodeScroller_stepContent_8220{min-height:50vh;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.CodeScroller_stepContent_8220:not(.CodeScroller_stepContent_active_8311){opacity:.3}.CodeScroller_stepContent_8220:nth-child(1){margin-top:28vh}@media(min-width:768px){.CodeScroller_stepContent_8220:nth-child(1){margin-top:55vh}}.CodeScroller_sectionCode_8489:before{content:"";position:absolute;pointer-events:none;height:40rem;left:0;right:0;z-index:2}body.theme-dark .CodeScroller_sectionCode_8489:before{background:-webkit-gradient(linear,left top,left bottom,from(var(--colors-background-primary)),to(rgba(0,0,0,0)));background:linear-gradient(to bottom,var(--colors-background-primary),rgba(0,0,0,0))}body.theme-light .CodeScroller_sectionCode_8489:before{background:-webkit-gradient(linear,left top,left bottom,from(var(--colors-background-primary)),to(rgba(255,255,255,0)));background:linear-gradient(to bottom,var(--colors-background-primary),rgba(255,255,255,0))}.CodeScroller_sectionCode_8489:before{top:0}.CodeScroller_sectionCode_8489:after{content:"";position:absolute;pointer-events:none;height:40rem;left:0;right:0;z-index:2}body.theme-dark .CodeScroller_sectionCode_8489:after{background:-webkit-gradient(linear,left bottom,left top,from(var(--colors-background-primary)),to(rgba(0,0,0,0)));background:linear-gradient(to top,var(--colors-background-primary),rgba(0,0,0,0))}body.theme-light .CodeScroller_sectionCode_8489:after{background:-webkit-gradient(linear,left bottom,left top,from(var(--colors-background-primary)),to(rgba(255,255,255,0)));background:linear-gradient(to top,var(--colors-background-primary),rgba(255,255,255,0))}.CodeScroller_sectionCode_8489:after{bottom:0}.CodeScroller_sectionCode_8489{background-color:var(--colors-background-primary);-webkit-transition:color .15s cubic-bezier(.25,.46,.45,.94),background-color .15s cubic-bezier(.25,.46,.45,.94),border-color .15s cubic-bezier(.25,.46,.45,.94);transition:color .15s cubic-bezier(.25,.46,.45,.94),background-color .15s cubic-bezier(.25,.46,.45,.94),border-color .15s cubic-bezier(.25,.46,.45,.94);overflow:hidden;position:-webkit-sticky;position:sticky;height:40vh;padding-bottom:20rem;bottom:0;width:100%}@media(min-width:768px){.CodeScroller_sectionCode_8489{top:0;bottom:0;padding-bottom:0;height:100vh}}.CodeScroller_codeSpace_9905{--codespace-background: transparent !important;--codespace-border-color: transparent !important}body.theme-dark .CodeScroller_codeSpace_9905 .line.line-highlighted{background-color:transparent!important}.CodeScroller_codeSpace_9905 .line:not(.line-highlighted){opacity:.5}.CodeScroller_sectionCodeScroll_10208{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .4s ease-out;transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out,-webkit-transform .4s ease-out}