.ch-frame-buttons{display:none!important}.ch-codegroup{border-radius:var(--border-radius-lg)!important;border-width:1px!important;border-color:var(--color-stroke-secondary)!important;--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ch-frame-title-bar{height:var(--spacing-space-x12)!important;border-bottom-width:1px!important;border-color:var(--color-stroke-secondary)!important;background-color:var(--color-background-primary)!important}.ch-frame-button-left,.ch-frame-button-middle,.ch-frame-button-right{border-style:none!important;background-color:var(--color-stroke-secondary)!important}.ch-editor-tab{border-left-width:0!important;border-right-width:0!important;background-color:var(--color-background-primary)!important;font-size:1rem!important;line-height:1.625rem!important;font-weight:400!important;color:var(--color-typography-secondary)!important}.ch-editor-tab[data-active=true]{border-color:var(--color-accent-secondary)!important}.ch-editor-tab-active,.ch-editor-tab[data-active=true]{border-left-width:0!important;border-right-width:0!important;color:var(--color-typography-primary)!important}.ch-editor-tab-active{border-bottom-width:1px!important;border-color:var(--color-accent-secondary)!important}.ch-code-wrapper{border-bottom-right-radius:var(--border-radius-lg)!important;border-bottom-left-radius:var(--border-radius-lg)!important;--tw-bg-opacity:1!important;background-color:rgb(20 20 24/var(--tw-bg-opacity))!important}body{--ch-scrollycoding-sticker-width:50%}.ch-scrollycoding-content{gap:var(--spacing-space-x4);display:flex;flex-direction:column}.ch-scrollycoding-content .ch-scrollycoding-step-content{margin-left:var(--spacing-none)!important;margin-right:var(--spacing-none)!important;cursor:pointer!important;border-width:1px!important;border-color:var(--color-stroke-secondary)!important;padding:var(--spacing-space-x4) var(--spacing-space-x4) var(--spacing-space-x4) var(--spacing-space-x8)!important}.ch-scrollycoding-content .ch-scrollycoding-step-content h1,.ch-scrollycoding-content .ch-scrollycoding-step-content h2,.ch-scrollycoding-content .ch-scrollycoding-step-content h3,.ch-scrollycoding-content .ch-scrollycoding-step-content h4,.ch-scrollycoding-content .ch-scrollycoding-step-content h5,.ch-scrollycoding-content .ch-scrollycoding-step-content h6{margin-top:var(--spacing-none)!important;margin-bottom:var(--spacing-none)!important}.ch-scrollycoding-content .ch-scrollycoding-step-content p,.ch-scrollycoding-content .ch-scrollycoding-step-content ul{margin-top:var(--spacing-none)!important;margin-bottom:var(--spacing-none)!important;color:var(--color-typography-secondary)!important}.ch-scrollycoding-content .ch-scrollycoding-step-content p+p,.ch-scrollycoding-content .ch-scrollycoding-step-content ul+p{margin-top:var(--spacing-space-x4)!important}.ch-scrollycoding-content .ch-scrollycoding-step-content[data-selected=true]{border-width:1px!important;border-color:var(--color-accent-secondary)!important}.ch-spotlight{display:flex!important;flex-direction:row!important;-moz-column-gap:var(--spacing-space-x3)!important;column-gap:var(--spacing-space-x3)!important}.ch-spotlight-sticker{order:2!important;width:50%!important}.ch-spotlight-tabs>:not(.ch-spotlight-tab){display:none!important}.ch-spotlight-tabs{order:1!important;row-gap:var(--spacing-space-x3)!important}[data-selected=true].ch-spotlight-tab{cursor:default!important;border-color:var(--color-accent-secondary)!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}[data-selected=true].ch-spotlight-tab:hover{border-color:var(--color-accent-primary)!important}.ch-spotlight-tab{margin:var(--spacing-none)!important;cursor:pointer!important;border-radius:var(--border-radius-md)!important;border-width:1px!important;padding:var(--spacing-space-x4) var(--spacing-space-x8)!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.ch-spotlight-tab,.ch-spotlight-tab:hover{border-color:var(--color-stroke-secondary)!important}.ch-spotlight-tab p,.ch-spotlight-tab ul{color:var(--color-typography-secondary)!important}.ch-spotlight-tab>h1,.ch-spotlight-tab>h2,.ch-spotlight-tab>h3,.ch-spotlight-tab>h4,.ch-spotlight-tab>p{margin:var(--spacing-none)!important}.ch-codeblock.not-prose{margin-top:0;margin-bottom:0;border-radius:var(--border-radius-md);border-width:1px;border-color:var(--color-stroke-secondary);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@tailwind components;@tailwind utilities;@tailwind base;.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-space-none{left:var(--spacing-none)}.right-space-none{right:var(--spacing-none)}.right-space-x6{right:var(--spacing-space-x6)}.top-space-none{top:var(--spacing-none)}.top-space-x12{top:var(--spacing-space-x12)}.top-space-x6{top:var(--spacing-space-x6)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.order-1{order:1}.order-2{order:2}.col-span-12{grid-column:span 12/span 12}.m-auto{margin:auto}.m-space-none{margin:var(--spacing-none)}.mx-space-none{margin-left:var(--spacing-none);margin-right:var(--spacing-none)}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-space-none{margin-top:var(--spacing-none);margin-bottom:var(--spacing-none)}.my-space-x6{margin-top:var(--spacing-space-x6);margin-bottom:var(--spacing-space-x6)}.my-space-x8{margin-top:var(--spacing-space-x8);margin-bottom:var(--spacing-space-x8)}.mb-space-x1{margin-bottom:var(--spacing-space-x1)}.mb-space-x3{margin-bottom:var(--spacing-space-x3)}.ml-space-x1{margin-left:var(--spacing-space-x1)}.ml-space-x2{margin-left:var(--spacing-space-x2)}.ml-space-x4{margin-left:var(--spacing-space-x4)}.mr-space-x05{margin-right:var(--spacing-space-x05)}.mr-space-x10{margin-right:var(--spacing-space-x10)}.mt-space-none{margin-top:var(--spacing-none)}.mt-space-x05{margin-top:var(--spacing-space-x05)}.mt-space-x4{margin-top:var(--spacing-space-x4)}.mt-space-x6{margin-top:var(--spacing-space-x6)}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.contents{display:contents}.\!hidden{display:none!important}.hidden{display:none}.aspect-\[1\.618\]{aspect-ratio:1.618}.h-9{height:2.25rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-space-x12{height:var(--spacing-space-x12)}.h-space-x5{height:var(--spacing-space-x5)}.max-h-screen{max-height:100vh}.w-1\/2{width:50%}.w-3\/4{width:75%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-space-x5{width:var(--spacing-space-x5)}.max-w-screen-lg{max-width:1024px}.max-w-screen-md{max-width:768px}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.resize{resize:both}.columns-1{-moz-columns:1;column-count:1}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-space-x4{gap:var(--spacing-space-x4)}.gap-space-x8{gap:var(--spacing-space-x8)}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-space-x2{-moz-column-gap:var(--spacing-space-x2);column-gap:var(--spacing-space-x2)}.gap-x-space-x3{-moz-column-gap:var(--spacing-space-x3);column-gap:var(--spacing-space-x3)}.gap-x-space-x4{-moz-column-gap:var(--spacing-space-x4);column-gap:var(--spacing-space-x4)}.gap-x-space-x5{-moz-column-gap:var(--spacing-space-x5);column-gap:var(--spacing-space-x5)}.gap-x-space-x6{-moz-column-gap:var(--spacing-space-x6);column-gap:var(--spacing-space-x6)}.gap-y-space-x3{row-gap:var(--spacing-space-x3)}.gap-y-space-x4{row-gap:var(--spacing-space-x4)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-b-lg{border-bottom-right-radius:var(--border-radius-lg);border-bottom-left-radius:var(--border-radius-lg)}.border{border-width:1px}.border-x-0{border-left-width:0;border-right-width:0}.border-b{border-bottom-width:1px}.border-none{border-style:none}.border-accent-secondary{border-color:var(--color-accent-secondary)}.border-background-tertiary{border-color:var(--color-background-tertiary)}.border-danger-tertiary{border-color:var(--color-danger-tertiary)}.border-info-tertiary{border-color:var(--color-info-tertiary)}.border-stroke-secondary{border-color:var(--color-stroke-secondary)}.border-success-tertiary{border-color:var(--color-success-tertiary)}.border-warn-tertiary{border-color:var(--color-warn-tertiary)}.bg-\[\#141418\]{--tw-bg-opacity:1;background-color:rgb(20 20 24/var(--tw-bg-opacity))}.bg-background-primary{background-color:var(--color-background-primary)}.bg-background-secondary{background-color:var(--color-background-secondary)}.bg-background-tertiary{background-color:var(--color-background-tertiary)}.bg-danger-quaternary{background-color:var(--color-danger-quaternary)}.bg-info-quaternary{background-color:var(--color-info-quaternary)}.bg-stroke-secondary{background-color:var(--color-stroke-secondary)}.bg-success-quaternary{background-color:var(--color-success-quaternary)}.bg-warn-quaternary{background-color:var(--color-warn-quaternary)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-\[\#ffece0\]{--tw-gradient-from:#ffece0 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,236,224,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#ece0ff\]{--tw-gradient-to:#ece0ff var(--tw-gradient-to-position)}.fill-\[\#101416\]{fill:#101416}.fill-\[\#844AFF\]{fill:#844aff}.fill-accent-primary{fill:var(--color-accent-primary)}.fill-typography-secondary{fill:var(--color-typography-secondary)}.object-left-top{-o-object-position:left top;object-position:left top}.p-space-x4{padding:var(--spacing-space-x4)}.p-space-x6{padding:var(--spacing-space-x6)}.px-space-x2{padding-left:var(--spacing-space-x2);padding-right:var(--spacing-space-x2)}.px-space-x4{padding-left:var(--spacing-space-x4);padding-right:var(--spacing-space-x4)}.px-space-x5{padding-left:var(--spacing-space-x5);padding-right:var(--spacing-space-x5)}.px-space-x8{padding-left:var(--spacing-space-x8);padding-right:var(--spacing-space-x8)}.py-space-x05{padding-top:var(--spacing-space-x05);padding-bottom:var(--spacing-space-x05)}.py-space-x3{padding-top:var(--spacing-space-x3);padding-bottom:var(--spacing-space-x3)}.py-space-x4{padding-top:var(--spacing-space-x4);padding-bottom:var(--spacing-space-x4)}.py-space-x6{padding-top:var(--spacing-space-x6);padding-bottom:var(--spacing-space-x6)}.py-space-x8{padding-top:var(--spacing-space-x8);padding-bottom:var(--spacing-space-x8)}.pl-space-x2{padding-left:var(--spacing-space-x2)}.pl-space-x8{padding-left:var(--spacing-space-x8)}.pr-space-x4{padding-right:var(--spacing-space-x4)}.text-left{text-align:left}.text-center{text-align:center}.font-primary{font-family:var(--font-inter)}.font-tertiary{font-family:var(--font-input-mono)}.text-base{font-weight:400}.text-base,.text-base-medium{font-size:1rem;line-height:1.625rem}.text-base-medium{font-weight:500}.text-heading-lg{font-size:2.25rem;line-height:2.75rem;letter-spacing:-.0225rem;font-weight:500}.text-heading-xs{font-size:1.25rem;line-height:1.75rem;letter-spacing:-.00625rem;font-weight:500}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-small{font-weight:400}.text-small,.text-small-medium{font-size:.875rem;line-height:1.125rem}.text-small-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.\!text-base-white{color:var(--color-base-white)!important}.text-accent-primary{color:var(--color-accent-primary)}.text-base-white{color:var(--color-base-white)}.text-danger-primary{color:var(--color-danger-primary)}.text-info-primary{color:var(--color-info-primary)}.text-success-primary{color:var(--color-success-primary)}.text-typography-primary{color:var(--color-typography-primary)}.text-typography-secondary{color:var(--color-typography-secondary)}.text-warn-primary{color:var(--color-warn-primary)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-\[85\%\]{opacity:85%}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline{outline-style:solid}.outline-4{outline-width:4px}.-outline-offset-4{outline-offset:-4px}.outline-background-primary{outline-color:var(--color-background-primary)}.blur{--tw-blur:blur(8px)}.blur,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-brightness-50{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-brightness-50{--tw-backdrop-brightness:brightness(.5)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-accent-primary:#a8a4fd;--color-accent-secondary:#7e47ff;--color-accent-tertiary:#5620bc;--color-accent-quaternary:#401e8a;--color-background-primary:#111114;--color-background-secondary:#18171c;--color-background-tertiary:#2c2a32;--color-background-quaternary:#56555b;--color-danger-primary:#fa948c;--color-danger-secondary:#e35755;--color-danger-tertiary:#ae2e37;--color-danger-quaternary:#461a1e;--color-foreground-primary:#f2f2f2;--color-base-black:#111114;--color-base-white:#fff;--color-info-primary:#8ecef5;--color-info-secondary:#30a5dd;--color-info-tertiary:#0c79b1;--color-info-quaternary:#152941;--color-stroke-primary:#56555b;--color-stroke-secondary:#2c2a32;--color-stroke-tertiary:#1f1e24;--color-success-primary:#82d7ab;--color-success-secondary:#31af77;--color-success-tertiary:#1f8253;--color-success-quaternary:#142d1d;--color-typography-primary:#f2f2f2;--color-typography-secondary:#bebdbf;--color-typography-disabled:#727076;--color-warn-primary:#fa9761;--color-warn-secondary:#cc6c32;--color-warn-tertiary:#8d4e25;--color-warn-quaternary:#3a2313;--gradient-blue-green:linear-gradient(90deg,#8ecef5,#b5e8cb);--gradient-purple-pink:linear-gradient(90deg,#c0bdfc,#f9b0df);--gradient-orange-red:linear-gradient(270deg,#ffc8a8,#fd98aa);--gradient-blue-purple:linear-gradient(90deg,#aed2f3 1.96%,#c7c0ef 91.08%);--border-radius-none:0rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-full:62.4375rem;--spacing-none:0rem;--spacing-space-x05:0.125rem;--spacing-space-x1:0.25rem;--spacing-space-x2:0.5rem;--spacing-space-x3:0.75rem;--spacing-space-x4:1rem;--spacing-space-x5:1.25rem;--spacing-space-x6:1.5rem;--spacing-space-x7:1.75rem;--spacing-space-x8:2rem;--spacing-space-x9:2.25rem;--spacing-space-x10:2.5rem;--spacing-space-x12:3rem;--spacing-space-x14:3.5rem;--spacing-space-x15:3.75rem;--spacing-space-x16:4rem;--spacing-space-x18:4.5rem;--spacing-space-x20:5rem;--spacing-space-x24:6rem;--spacing-space-x26:6.5rem;--spacing-space-x32:8rem;--spacing-space-x39:9.75rem;--spacing-space-x40:10rem;--spacing-space-x48:12rem;--spacing-space-x56:14rem;--spacing-space-x64:16rem;--spacing-space-x70:17.5rem;--mobile-menu-offset:3.5rem}kbd{border-radius:5px!important;border-width:1px 2px 3px 1px!important;border-color:var(--color-stroke-secondary)!important;background-color:var(--color-background-secondary)!important;padding:var(--spacing-space-x1) var(--spacing-space-x2)!important;font-size:.75rem!important;line-height:1rem!important;font-weight:600!important}th{background-color:var(--color-background-primary)!important;font-weight:600!important;color:var(--color-typography-primary)!important}td,th{border-width:1px!important;border-color:var(--color-stroke-secondary)!important;padding-top:var(--spacing-space-x2)!important;padding-bottom:var(--spacing-space-x2)!important;text-align:left!important}td{color:var(--color-typography-secondary)!important}tr:nth-child(odd){background-color:var(--color-background-secondary)!important}tr:nth-child(2n){background-color:var(--color-background-tertiary)!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }a :focus:not(:link:active),button :focus:not(:link:active){outline:var(--color-accent-primary) auto 1px}button:disabled,button[disabled]{opacity:.7;pointer-events:none}.button-primary{transition:.15s ease-in-out;display:flex;align-items:center;border:1px solid var(--color-accent-secondary);background-color:var(--color-accent-secondary);box-shadow:inset 0 0 12px 4px rgba(0,0,0,.2)}.button-primary:hover{box-shadow:none}.button-secondary{transition:.15s ease-in-out;display:flex;align-items:center;border:1px solid var(--color-stroke-secondary);background-color:var(--color-background-primary)}.button-secondary:active,.button-secondary:hover{background-color:var(--color-background-tertiary)}.button-secondary:active{border-color:var(--color-stroke-primary)}.button-tertiary{transition:.15s ease-in-out;display:flex;align-items:center;background-color:var(--color-foreground-primary);color:var(--color-base-black);box-shadow:inset 0 0 12px 4px rgba(0,0,0,.2),0 0 12px 4px rgba(250,151,97,.25),3px 3px 16px 8px rgba(110,69,227,.25)}.button-tertiary:active,.button-tertiary:hover{background:hsla(0,0%,95%,.9)}.button-small{padding:var(--spacing-space-x1) var(--spacing-space-x2);font-size:.75rem;line-height:.875rem;font-weight:400}.button-medium,.button-small{border-radius:var(--border-radius-full)}.button-medium{padding:var(--spacing-space-x2) var(--spacing-space-x3);font-size:.875rem;line-height:1.125rem;font-weight:500}.button-large{border-radius:var(--border-radius-md);padding:var(--spacing-space-x2) var(--spacing-space-x5);font-size:1rem;line-height:1.625rem;font-weight:400}.dropdown-menu-content{border:1px solid var(--color-stroke-secondary);margin-top:var(--spacing-space-x05);border-radius:var(--border-radius-md);background-color:var(--color-background-secondary);padding:var(--spacing-space-x2);width:calc(100vw - var(--spacing-space-x6)*2);z-index:5}.dropdown-menu-content .dropdown-menu-item{border-radius:var(--border-radius-sm);padding:var(--spacing-space-x2);font-size:.875rem;line-height:1.125rem;font-weight:400;cursor:pointer}.dropdown-menu-content .dropdown-menu-item:focus-visible,.dropdown-menu-content .dropdown-menu-item:hover{background-color:var(--color-background-tertiary);outline:none}.dropdown-menu-content .dropdown-menu-item.active{color:var(--color-accent-primary)}h1{background:linear-gradient(34deg,hsla(0,0%,100%,.42) 2.99%,#fff 65.33%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:pre;padding-bottom:var(--spacing-space-x1);font-size:3.75rem;line-height:4.25rem;letter-spacing:-.075rem;font-weight:500}@media screen and (max-width:959px){h1{white-space:normal}}@media screen and (max-width:768px){h1{font-size:3rem;line-height:3.5rem;letter-spacing:-.045rem;font-weight:500}}h2{background:linear-gradient(34deg,hsla(0,0%,100%,.42) 2.99%,#fff 65.33%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:pre;font-size:3rem;line-height:3.5rem;letter-spacing:-.045rem;font-weight:500}@media screen and (max-width:959px){h2{white-space:normal}}@media screen and (max-width:768px){h2{font-size:2.25rem;line-height:2.75rem;letter-spacing:-.0225rem;font-weight:500}}h3{white-space:pre;font-size:2.25rem;line-height:2.75rem;letter-spacing:-.0225rem;font-weight:500}@media screen and (max-width:959px){h3{white-space:normal}}@media screen and (max-width:768px){h3{font-size:1.75rem;line-height:2.25rem;letter-spacing:-.00875rem;font-weight:500}}h4{font-size:1.75rem;line-height:2.25rem;letter-spacing:-.00875rem}h4,h5{font-weight:500}h5{font-size:1.5rem;line-height:2rem;letter-spacing:-.0075rem}h6{font-size:1.25rem;line-height:1.75rem;letter-spacing:-.00625rem;font-weight:500}p{font-size:1rem;line-height:1.625rem;font-weight:400}.grid-cross{position:absolute;top:-10px;right:1px;z-index:1}.grid-cross:first-of-type{left:0}.grid-cross:after,.grid-cross:before{background-color:var(--color-stroke-primary);position:absolute;content:""}.grid-cross:before{width:1px;height:21px}@media screen and (max-width:768px){.grid-cross:before{height:13px;top:4px}}.grid-cross:after{top:10px;transform:translateX(-50%);width:21px;height:1px}@media screen and (max-width:768px){.grid-cross:after{width:13px}}.grid-cross.bottom-left,.grid-cross.bottom-right{bottom:11px;top:unset}.grid-cross.bottom-left{left:0}body{background-color:var(--color-background-primary);font-family:var(--font-inter);color:var(--color-typography-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:"dark"}@media screen and (min-width:960px){img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}}.svg-inline--fa{display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em}@keyframes gradient-border-bg{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}html{background-color:var(--color-background-primary)}.nextra-sidebar-container{transition-duration:.2s!important}@media (min-width:768px){.nextra-sidebar-container{width:-moz-fit-content!important;width:fit-content!important;max-width:18rem!important}}.nx-flex.nx-max-w-\[90rem\]{max-width:92rem}article main{max-width:55em!important}@media (min-width:1536px){article main{max-width:56em!important}}h1,h2,h3,h4{padding-bottom:var(--spacing-none);color:var(--color-base-white);white-space:normal;background:unset;-webkit-background-clip:initial;-webkit-text-fill-color:unset}h1{line-height:1.5}@media screen and (max-width:768px){h1{font-size:2.25rem!important;line-height:2.75rem!important;letter-spacing:-.0225rem!important}h1,h2{font-weight:500!important}h2{font-size:1.75rem!important;line-height:2.25rem!important;letter-spacing:-.00875rem!important}}p.image-description{font-size:.75rem!important;line-height:.875rem!important;font-weight:400!important}article ol,article p,article ul{line-height:1.75rem}article ol,article p,article table,article ul{margin-top:var(--spacing-space-x6);margin-bottom:var(--spacing-space-x6)}article a,article a:active,article a:hover,article a:visited{color:var(--color-accent-primary)!important;text-decoration-line:none!important}article a:hover{text-decoration-line:underline!important}article main div:last-of-type a{font-size:1rem;line-height:1.625rem;font-weight:500}.nextra-nav-container a{transition:.15s ease-in-out;font-weight:400!important;color:var(--color-typography-secondary)!important;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.nextra-nav-container a:hover{color:var(--color-typography-primary)!important}.dark .nextra-search .nx-text-primary-600,.nextra-search .nx-text-primary-600{color:var(--color-accent-primary)}.nextra-search input{border:1px solid transparent;background:linear-gradient(#17181c,#17181c) padding-box,linear-gradient(97.52deg,rgba(232,127,68,.75) -31.98%,rgba(110,38,236,.75)) border-box}.nextra-search input:focus-visible{box-shadow:none;border:2px solid transparent;background:linear-gradient(#17181c,#17181c) padding-box,linear-gradient(97.52deg,rgba(232,127,68,.75) -31.98%,rgba(110,38,236,.75)) border-box;background-size:300% 300%;animation:gradient-border-bg 3s ease infinite}.nextra-search .nx-text-primary-600,.nextra-search a{color:var(--color-accent-primary)!important}main article ::-moz-selection{background-color:var(--color-warn-primary);color:var(--color-base-black)}main article ::selection{background-color:var(--color-warn-primary);color:var(--color-base-black)}main article::-moz-selection{background-color:var(--color-warn-primary);color:var(--color-base-black)}main article::selection{background-color:var(--color-warn-primary);color:var(--color-base-black)}.nextra-breadcrumb{margin-bottom:var(--spacing-space-x4)!important;color:var(--color-typography-secondary)!important}.nextra-breadcrumb svg{color:var(--color-accent-primary)}.nextra-sidebar-container{border-right-width:1px;border-color:var(--color-stroke-secondary)}.nextra-sidebar-container .active>a{font-weight:400!important;color:var(--color-accent-primary)!important}.nextra-toc{width:280px!important;padding-left:0!important}.nextra-toc .nx-text-primary-600{border-style:none;color:var(--color-typography-primary)}.nextra-toc li>a.nx-text-primary-600{color:var(--color-accent-primary)!important}.nx-grow.nx-flex.nx-flex-col,.nx-h-7.nx-rounded-md.nx-px-space-x2.nx-text-left.nx-text-xs.nx-font-medium.nx-text-gray-600.nx-transition-colors{visibility:hidden}h1+.arcade-demo,h2+.arcade-demo{margin-top:var(--spacing-space-x6)}@media screen and (max-width:768px){.arcade-demo .full-screen-icon{display:none}}.nextra-steps h3{margin-top:var(--spacing-none)!important;margin-bottom:var(--spacing-space-x6)!important;font-size:1.5rem!important;line-height:2rem!important;letter-spacing:-.0075rem!important;font-weight:500!important}.nextra-steps h3:before{margin-top:var(--spacing-none)!important;border-width:1px!important;background-color:var(--color-accent-tertiary)!important;font-size:1rem!important;line-height:1.625rem!important;font-weight:400!important;color:var(--color-typography-primary)!important;justify-content:center;align-items:center;display:flex}[role=tablist] [data-headlessui-state=selected]{border-color:var(--color-accent-secondary);font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--color-typography-primary)}[role=tablist] [data-headlessui-state=selected]:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}[role=tablist] [data-headlessui-state=""]{font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--color-typography-secondary)}[role=tablist] [data-headlessui-state=""]:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}[role=tablist]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}[role=tabpanel]{padding-top:var(--spacing-none)}.callout p{margin-bottom:var(--spacing-none)!important}.callout-content{font-size:1rem;line-height:1.625rem;font-weight:400}.callout-type{text-transform:capitalize}.nextra-filetree ol,.nextra-filetree ul{margin-top:var(--spacing-none);margin-bottom:var(--spacing-none)}.nextra-filetree li{margin-top:var(--spacing-none)!important}.visited\:\!text-base-white:visited{color:var(--color-base-white)!important}.hover\:border-accent-primary:hover{border-color:var(--color-accent-primary)}.hover\:border-stroke-primary:hover{border-color:var(--color-stroke-primary)}.hover\:border-stroke-secondary:hover{border-color:var(--color-stroke-secondary)}.hover\:fill-typography-secondary:hover{fill:var(--color-typography-secondary)}.hover\:\!text-base-white:hover{color:var(--color-base-white)!important}.hover\:text-typography-secondary:hover{color:var(--color-typography-secondary)}.hover\:\!no-underline:hover{text-decoration-line:none!important}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:fill-typography-primary{fill:var(--color-typography-primary)}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-\[50\%\]{opacity:50%}@keyframes accordion-up{0%{height:var(--radix-collapsible-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .18s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-collapsible-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .18s ease-out}:is(html[class~=dark] .dark\:from-\[\#e87f44\]){--tw-gradient-from:#e87f44 var(--tw-gradient-from-position);--tw-gradient-to:rgba(232,127,68,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}:is(html[class~=dark] .dark\:to-\[\#6e26ec\]){--tw-gradient-to:#6e26ec var(--tw-gradient-to-position)}:is(html[class~=dark] .dark\:fill-\[\#742BF2\]){fill:#742bf2}:is(html[class~=dark] .dark\:fill-\[\#fff\]){fill:#fff}:is(html[class~=dark] .dark\:text-typography-secondary){color:var(--color-typography-secondary)}:is(html[class~=dark] .group:hover .dark\:group-hover\:opacity-\[10\%\]){opacity:10%}@media (min-width:768px){.md\:col-span-6{grid-column:span 6/span 6}.md\:columns-2{-moz-columns:2;column-count:2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:px-space-x24{padding-left:var(--spacing-space-x24);padding-right:var(--spacing-space-x24)}.md\:px-space-x4{padding-left:var(--spacing-space-x4);padding-right:var(--spacing-space-x4)}.md\:py-space-x12{padding-top:var(--spacing-space-x12);padding-bottom:var(--spacing-space-x12)}.md\:py-space-x24{padding-top:var(--spacing-space-x24);padding-bottom:var(--spacing-space-x24)}.md\:text-heading-xl{font-size:3rem;line-height:3.5rem;letter-spacing:-.045rem;font-weight:500}.md\:text-lead{font-size:1.375rem;line-height:1.875rem;letter-spacing:-.00688rem;font-weight:400}}@media (min-width:1024px){.lg\:col-span-4{grid-column:span 4/span 4}}@media (min-width:1280px){.xl\:columns-3{-moz-columns:3;column-count:3}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1536px){.\32xl\:top-space-x16{top:var(--spacing-space-x16)}.\32xl\:w-2\/3{width:66.666667%}}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ch-terminal{font-size:14px;height:100%;box-sizing:border-box;background:#1e1e1e;color:#fafafa;overflow:hidden;padding:0 8px 8px;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif}.ch-terminal-container .ch-frame-content{background-color:inherit}.ch-terminal-prompt{color:#8fa2db;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ch-terminal-content{margin:0}.ch-terminal-output{opacity:.66}.ch-code-line-number{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;display:inline-block;box-sizing:border-box;padding-right:1.5ch;font-variant-numeric:tabular-nums;color:var(--ch-t-editorLineNumber-foreground)}.ch-code-scroll-parent{display:block;font-weight:400;font-size:14px;line-height:19px;letter-spacing:0;border-radius:0;background-color:unset;color:unset;padding:0;box-sizing:content-box;border:none}.ch-code-scroll-parent ::-moz-selection{background-color:var(--ch-t-editor-selectionBackground);color:inherit}.ch-code-scroll-parent ::selection{background-color:var(--ch-t-editor-selectionBackground);color:inherit}.ch-code-button{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer;color:inherit;margin:0;padding:0;border:none;font-size:inherit;position:absolute;top:10px;right:10px;width:1.1em;height:1.1em}.ch-code-button:focus-visible{outline-color:currentColor}.ch-code-wrapper{background-color:var(--ch-t-background);color:var(--ch-t-foreground);color-scheme:var(--ch-t-colorScheme);margin:0;padding:0;position:relative;white-space:pre;box-sizing:content-box}.ch-code-wrapper[data-ch-measured=false]{overflow:auto}.ch-code-wrapper[data-ch-measured=false]>*{opacity:0}.ch-no-scroll{overflow:hidden}.ch-expand-dialog{height:100vh;width:100vw;max-width:900px;border:0;background-color:transparent}.ch-expand-dialog::backdrop{background-color:rgba(0,0,0,.8)}.ch-expand-close{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer;color:inherit;margin:0;padding:0;border:none;font-size:inherit;position:absolute;top:10px;right:10px;color:#fff;width:26px;height:26px}.ch-expand-close:focus-visible{outline-color:currentColor}.ch-expand-dialog-content{color:#fff;position:absolute;inset:40px;overflow:hidden;border-radius:8px;border:1px solid;border-color:var(--ch-t-sideBar-border)}.ch-code-browser{color:var(--ch-t-editor-foreground);display:flex;height:100%;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif}.ch-code-browser-sidebar{min-width:100px;padding:1em 0;font-size:.95rem;border-left-color:var(--ch-t-sideBar-border);border-bottom-color:var(--ch-t-sideBar-border);border-right:1px solid;border-right-color:var(--ch-t-sideBar-border);border-top-color:var(--ch-t-sideBar-border);background:var(--ch-t-sideBar-background);color:var(--ch-t-sideBar-foreground)}.ch-code-browser-content{overflow:auto;flex:1;padding:1em;white-space:pre;font-family:monospace;font-weight:400;font-size:1rem;line-height:1.2rem;letter-spacing:0;position:relative;background:var(--ch-t-background);color:var(--ch-t-foreground);color-scheme:var(--ch-t-colorScheme)}.ch-code-browser-content ::-moz-selection{background-color:var(--ch-t-editor-selectionBackground);color:inherit}.ch-code-browser-content ::selection{background-color:var(--ch-t-editor-selectionBackground);color:inherit}.ch-code-browser-sidebar-file,.ch-code-browser-sidebar-folder{padding:.1em 1em}.ch-code-browser-sidebar-file{cursor:pointer}.ch-code-browser-sidebar-file[data-selected=true]{background:var(--ch-t-list-activeSelectionBackground);color:var(--ch-t-list-activeSelectionForeground)}.ch-code-browser-sidebar-file:hover{background-color:var(--ch-t-list-hoverBackground);color:var(--ch-t-list-hoverForeground)}.ch-code-browser-button{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer;color:inherit;margin:0;padding:0;border:none;font-size:inherit;width:1.5em;height:1.5em;min-width:1.5em;min-height:1.5em;position:absolute;right:.8em;top:.8em}.ch-code-browser-button:focus-visible{outline-color:currentColor}.ch-editor-tab{min-width:-moz-fit-content;min-width:fit-content;flex-shrink:1;position:relative;display:flex;white-space:nowrap;cursor:pointer;height:100%;box-sizing:border-box;padding-left:15px;padding-right:15px;min-width:0;background:var(--ch-t-tab-inactiveBackground);color:var(--ch-t-tab-inactiveForeground);border-right:1px solid #252526;border-right-color:var(--ch-t-tab-border);border-bottom:1px solid;border-bottom-color:var(--ch-t-tab-inactiveBackground)}.ch-editor-tab[data-active=true]{background:var(--ch-t-tab-activeBackground);color:var(--ch-t-tab-activeForeground);border-bottom-color:var(--ch-t-tab-activeBorder);min-width:unset}.ch-editor-tab>div{margin-top:auto;margin-bottom:auto;font-size:12px;line-height:1.4em;text-overflow:ellipsis;overflow:hidden}.ch-editor-group-border{position:absolute;top:0;height:1px;width:100%;z-index:1;background:var(--ch-t-editorGroup-border)}.ch-editor-frame{display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif;-moz-column-break-inside:avoid;break-inside:avoid;--ch-title-bar-height:30px;height:100%;background:var(--ch-t-editor-background)}.ch-editor-frame .ch-frame-title-bar{background:none;color:var(--ch-t-icon-foreground);background:var(--ch-t-editorGroupHeader-tabsBackground)}.ch-editor-terminal{position:absolute;overflow:hidden;bottom:0;width:100%;background-color:#1e1e1e;color:#e7e7e7;border-top:1px solid hsla(0,0%,50%,.35);padding:0 8px;box-sizing:border-box}.ch-editor-terminal-tab{text-transform:uppercase;padding:4px 10px 3px;font-size:11px;line-height:24px;display:flex}.ch-editor-terminal-tab>span{border-bottom:1px solid #e7e7e7}.ch-editor-terminal-content{margin-top:8px;height:calc(100% - 40px);box-sizing:border-box}.ch-editor-terminal-content .ch-terminal{font-size:12px;margin:0}.ch-editor-button{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer;color:inherit;padding:0;border:none;font-size:inherit;width:1.5em;height:1.5em;min-width:1.5em;min-height:1.5em;margin:0 .8em 0 0}.ch-editor-button:focus-visible{outline-color:currentColor}.ch-frame{height:100%;display:flex;flex-direction:column}.ch-frame,.ch-simple-frame{font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif;-moz-column-break-inside:avoid;break-inside:avoid;--ch-title-bar-height:30px}.ch-simple-frame{border-radius:6px;overflow:hidden;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025)}.ch-frame-content{background-color:var(--ch-content-background,#fafafa);flex-grow:1;flex-shrink:1;flex-basis:0;min-height:0}.ch-frame-zoom{--ch-frame-zoom:1;overflow:auto;position:relative;width:calc(100%/var(--ch-frame-zoom));height:calc(100%/var(--ch-frame-zoom));transform:scale(var(--ch-frame-zoom));transform-origin:left top}.ch-frame-title-bar{font-size:12px;width:100%;height:var(--ch-title-bar-height);min-height:var(--ch-title-bar-height);flex-grow:0;flex-shrink:0;display:flex;align-items:center;background-color:var(--ch-content-background,#252526);color:#ebebed;position:relative}.ch-frame-middle-bar{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.2em}.ch-frame-left-bar,.ch-frame-right-bar{flex-grow:1;flex-basis:1em;height:100%;display:flex;align-items:center;width:-moz-max-content;width:max-content}.ch-frame-buttons{margin:0 .8em;flex-shrink:0;height:1em;width:4.16em;display:flex}.ch-frame-button{width:1em;height:1em;border:.08em solid;border-radius:50%;display:inline-block;box-sizing:border-box}.ch-frame-button-space{width:.56em}.ch-frame-button-left{border-color:#ce5347;background-color:#ed6b60}.ch-frame-button-middle{border-color:#d6a243;background-color:#f5be4f}.ch-frame-button-right{border-color:#58a942;background-color:#62c554}.ch-mini-browser{height:100%}.ch-mini-browser .ch-frame-content iframe,.ch-mini-browser .ch-frame-content video{border:none;position:absolute;height:100%;width:100%}.ch-mini-browser .ch-frame-title-bar input{height:1.4em;font-size:1em;border-radius:.5em;box-shadow:none;flex:1;padding:0 10px;color:#544;min-width:5px;width:5px;background:var(--ch-t-input-background);color:var(--ch-t-input-foreground);border:1px solid var(--ch-t-input-border)}.ch-browser-button{margin:0 1em;color:#999}.ch-browser-back-button{margin-left:.2em}.ch-browser-forward-button{margin-left:0}.ch-browser-open-button{color:var(--ch-t-icon-foreground)}.ch-browser-open-icon{display:block}.ch-spotlight{display:flex;gap:1.1rem;margin:1rem 0}.ch-spotlight-tabs{display:flex;flex-flow:column;flex:1;gap:.5rem;align-items:stretch}.ch-spotlight-tab{border-radius:.25rem;margin:0 -.5rem;padding:0 .5rem;border:1px solid #e3e3e3}.ch-spotlight-tab:hover{border-color:#222}.ch-spotlight-tab[data-selected]{border-color:#0070f3}.ch-spotlight-sticker{position:sticky;top:10vh;display:flex;align-self:stretch;flex-flow:column;justify-content:center;width:420px;min-height:min(100%,80vh);max-height:80vh}.ch-spotlight-sticker .ch-codeblock,.ch-spotlight-sticker .ch-codegroup{width:100%;min-width:100%;min-height:min(100%,80vh);max-height:80vh;margin-top:0;margin-bottom:0;flex:1}.ch-spotlight-with-preview .ch-spotlight-sticker{height:80vh;gap:.5rem}.ch-spotlight-with-preview .ch-spotlight-sticker .ch-codeblock,.ch-spotlight-with-preview .ch-spotlight-sticker .ch-codegroup{min-height:0;flex:1}.ch-spotlight-with-preview .ch-spotlight-preview{height:280px}.ch-scrollycoding{display:flex;position:relative;margin:1rem 0;gap:1rem}.ch-scrollycoding-content{box-sizing:border-box;flex:1}.ch-scrollycoding-step-content{border-radius:8px;margin:0 -.5rem;padding:1rem .5rem;border:1.5px solid transparent;min-height:180px}.ch-scrollycoding-step-content[data-selected]{border-color:#0070f3}.ch-scrollycoding-step-content>:first-child{margin-top:0}.ch-scrollycoding-step-content>:last-child{margin-bottom:0}.ch-scrollycoding-sticker{position:sticky;top:10vh;display:flex;align-self:start;flex-flow:column;justify-content:center;width:var(--ch-scrollycoding-sticker-width,420px);max-height:80vh}.ch-scrollycoding-with-preview .ch-scrollycoding-sticker{height:80vh;gap:.5rem}.ch-scrollycoding-with-preview .ch-scrollycoding-sticker .ch-codeblock,.ch-scrollycoding-with-preview .ch-scrollycoding-sticker .ch-codegroup{flex:1}.ch-scrollycoding-with-preview .ch-scrollycoding-preview{height:280px}.ch-scrollycoding-sticker .ch-codeblock,.ch-scrollycoding-sticker .ch-codegroup{width:100%;min-width:100%;min-height:var(--ch-scrollycoding-code-min-height,200px);max-height:80vh;margin-top:0;margin-bottom:0}.ch-scrollycoding-static .ch-preview{height:150px}.ch-slideshow{margin:1rem 0}.ch-slideshow-slide{display:flex;flex-flow:row;gap:.5rem;align-items:stretch;aspect-ratio:16/9}.ch-slideshow-slide .ch-codeblock,.ch-slideshow-slide .ch-codegroup{flex:2;margin-top:0;margin-bottom:0;height:auto}.ch-slideshow .ch-slideshow-preview{flex:1;height:auto;min-width:0}.ch-slideshow-range{display:flex;flex-flow:row;gap:.5rem}.ch-slideshow-range input{flex:1}.ch-slideshow-notes{border-radius:.25rem;margin-top:1rem;padding:1rem;border:1px solid #e3e3e3}.ch-slideshow-note{min-height:140px;max-height:140px;padding:.05px;overflow:auto}.ch-codeblock,.ch-codegroup,.ch-preview{border-radius:6px;overflow:hidden;height:-moz-max-content;height:max-content;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);-webkit-print-color-adjust:exact;print-color-adjust:exact}.ch-codeblock>*,.ch-codegroup>*,.ch-preview>*{height:100%;max-height:inherit;min-height:inherit}.ch-codeblock,.ch-codegroup{margin-top:1.25em;margin-bottom:1.25em}.ch-inline-code>code{padding:.2em .15em;margin:.1em -.05em;border-radius:.25em;font-size:.9rem;color:var(--ch-t-foreground);background:var(--ch-t-lighter-inlineBackground)}.ch-inline-code .ch-section-link,.ch-inline-code .ch-section-link *{text-decoration-color:var(--ch-t-foreground)}.ch-section-link,.ch-section-link *{text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-decoration-color:currentColor}.ch-section-link[data-active=true]{background-color:rgba(186,230,253,.4)}.ch-section-link[data-active=true],.ch-section-link[data-active=true] *{text-decoration-thickness:1.5px}.ch-code-inline-mark{border-radius:.25rem;padding:.2rem .15rem .1rem;margin:0 -.15rem}.ch-code-inline-mark,.ch-code-multiline-mark{background:var(--ch-t-editor-rangeHighlightBackground)}.ch-code-multiline-mark-border{width:3px;height:100%;position:absolute;left:0;background:var(--ch-t-editor-infoForeground)}.ch-code-multiline-mark .ch-code-button{font-size:1.2em;position:absolute;right:10px;top:1px;display:none}.ch-code-inline-link,.ch-code-link :not(span)>span{text-decoration:underline;text-decoration-style:dotted;color:inherit}.ch-code-box-annotation{outline:2px solid var(--ch-t-editor-infoForeground)}.ch-code-label-annotation:hover{background:var(--ch-t-editor-lineHighlightBackground)}.ch-code-label-annotation:hover .ch-code-label-annotation-text{display:block}.ch-code-label-annotation-text{position:absolute;right:0;padding-right:16px;opacity:.7;display:none}@font-face{font-family:__Inter_7a4c04;font-style:normal;font-weight:100 900;font-display:swap;src:url(/learn/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_7a4c04;font-style:normal;font-weight:100 900;font-display:swap;src:url(/learn/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_7a4c04;font-style:normal;font-weight:100 900;font-display:swap;src:url(/learn/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_7a4c04;font-style:normal;font-weight:100 900;font-display:swap;src:url(/learn/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_7a4c04;font-style:normal;font-weight:100 900;font-display:swap;src:url(/learn/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_7a4c04;font-style:normal;font-weight:100 900;font-display:swap;src:url(/learn/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_7a4c04;font-style:normal;font-weight:100 900;font-display:swap;src:url(/learn/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_7a4c04;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_7a4c04{font-family:__Inter_7a4c04,__Inter_Fallback_7a4c04;font-style:normal}.__variable_7a4c04{--font-inter:"__Inter_7a4c04","__Inter_Fallback_7a4c04"}@font-face{font-family:__inputMono_9a03e6;src:url(/learn/_next/static/media/e567de09e2319573-s.ttf) format("truetype");font-display:swap}@font-face{font-family:__inputMono_Fallback_9a03e6;src:local("Arial");ascent-override:55.41%;descent-override:16.30%;line-gap-override:0.00%;size-adjust:139.46%}.__className_9a03e6{font-family:__inputMono_9a03e6,__inputMono_Fallback_9a03e6}.__variable_9a03e6{--font-input-mono:"__inputMono_9a03e6","__inputMono_Fallback_9a03e6"}