*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.bottom-0{bottom:0}.left-\[49px\]{left:49px}.left-0{left:0}.left-8{left:2rem}.right-0{right:0}.right-8{right:2rem}.top-\[30px\]{top:30px}.top-0{top:0}.top-24{top:6rem}.top-6{top:1.5rem}.z-\[2\]{z-index:2}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-20{margin-bottom:5rem}.mb-5{margin-bottom:1.25rem}.ml-6{margin-left:1.5rem}.mt-20{margin-top:5rem}.mt-4{margin-top:1rem}.block{display:block}.h-\[30vh\]{height:30vh}.h-10{height:2.5rem}.h-5{height:1.25rem}.h-72{height:18rem}.h-screen{height:100vh}.max-w-\[1200px\]{max-width:1200px}.min-h-screen{min-height:100vh}.w-\[25px\]{width:25px}.w-10{width:2.5rem}.w-5{width:1.25rem}.w-64{width:16rem}.flex{display:flex}.flex-col{flex-direction:column}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.bg-slate-800{--un-bg-opacity:1;background-color:rgba(30,41,59,var(--un-bg-opacity))}.bg-slate-900{--un-bg-opacity:1;background-color:rgba(15,23,42,var(--un-bg-opacity))}.bg-transparent{background-color:transparent}.bg-opacity-80{--un-bg-opacity:.8}.p-6{padding:1.5rem}.p1{padding:.25rem}.p2{padding:.5rem}.px{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pb-20{padding-bottom:5rem}.pl-6{padding-left:1.5rem}.pt-20{padding-top:5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-9xl{font-size:8rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.capitalize{text-transform:capitalize}.dark .dark\:hover\:text-slate-300:hover{--un-text-opacity:1;color:rgba(203,213,225,var(--un-text-opacity))}.hover\:text-green-300:hover,.text-green-300{--un-text-opacity:1;color:rgba(134,239,172,var(--un-text-opacity))}.hover\:text-slate-500:hover{--un-text-opacity:1;color:rgba(100,116,139,var(--un-text-opacity))}.text-cyan-50{--un-text-opacity:1;color:rgba(236,254,255,var(--un-text-opacity))}.text-slate-200{--un-text-opacity:1;color:rgba(226,232,240,var(--un-text-opacity))}.text-slate-400{--un-text-opacity:1;color:rgba(148,163,184,var(--un-text-opacity))}.text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.hover\:opacity-100:hover{opacity:1}.opacity-30{opacity:.3}.opacity-70{opacity:.7}.shadow-\[2px_0_8px_-6px_rgba\(255\,255\,255\,1\)\]{--un-shadow:2px 0 8px -6px var(--un-shadow-color, rgba(255,255,255,1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ch-codegroup{border-radius:.5rem;--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0,0,0,.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgba(0,0,0,.1));--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(255,255,255,var(--un-ring-opacity));--un-ring-opacity:.1;--un-ring-inset:inset;background-color:#0f172ab3;--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);width:100%}.ch-code-scroll-parent{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.5rem}.ch-frame-buttons{height:auto}.ch-frame-button{width:.625rem;height:.625rem;border-radius:9999px;border-style:none}.ch-editor-tab{display:none}.ch-frame-title-bar{border-bottom-width:1px;border-color:#64748b4d}.ch-editor-frame,.ch-frame-title-bar,.ch-code-wrapper{background-color:transparent!important}.ch-scrollycoding{margin:0;min-height:calc(100vh - 1px)}.ch-scrollycoding-content{padding-bottom:30vh}.ch-scrollycoding-step-content{margin-top:2rem;margin-bottom:2rem;max-width:480px;display:flex;flex-direction:column;justify-content:center;font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgba(156,163,175,var(--un-text-opacity))}.ch-scrollycoding-step-content[data-selected]{border-left-width:4px;border-right-width:0;border-top-width:0;border-bottom-width:0;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(187,247,208,var(--un-border-left-opacity));border-radius:0;padding-left:2rem;--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.ch-scrollycoding-sticker{max-width:900px;min-width:620px;top:10vh}.ch-section{font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.ch-section-link{--un-text-opacity:1;color:rgba(165,243,252,var(--un-text-opacity));text-decoration:none}code{--un-text-opacity:1;color:rgba(134,239,172,var(--un-text-opacity))}.ch-section-link code{text-decoration:none}.ch-scrollycoding-sticker .ch-editor-frame{height:80vh!important;max-height:80vh!important}html{tab-size:2;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}