:root{color-scheme:dark}html{scroll-behavior:smooth}html,body{width:100%;overflow-x:hidden}@media(pointer:fine)and (min-width:1024px){html,body,button,a,input,textarea{cursor:none}}@keyframes chakra-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}select option{background-color:#0b0d12;color:#fff}.retro-scanlines{background:linear-gradient(to bottom,#ffffff0f,#ffffff05 2px,#0000000f 3px);background-size:100% 6px;mix-blend-mode:overlay;pointer-events:none}.tv-scanlines{background:repeating-linear-gradient(to bottom,#0000 0px 1px,#00000038 2px 3px);background-size:100% 3px;animation:tvScanDrift 2.4s linear infinite;mix-blend-mode:multiply}@keyframes tvScanDrift{0%{background-position:0 0}to{background-position:0 24px}}.tv-noise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:tvNoiseJitter .38s steps(2) infinite;will-change:transform;mix-blend-mode:overlay}@keyframes tvNoiseJitter{0%{transform:translateZ(0)}25%{transform:translate3d(-1px,1px,0)}50%{transform:translate3d(1px,-1px,0)}75%{transform:translate3d(1px,1px,0)}to{transform:translateZ(0)}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.blog-content{background:#050816;border-radius:1.25rem;border:1px solid rgba(148,163,184,.35);box-shadow:0 18px 40px #000000a6;padding:2rem 2.5rem;margin:2rem auto 3rem;max-width:56rem;color:#e5e7eb;text-align:left;font-size:.98rem;line-height:1.8}.blog-content h1{font-size:2rem;font-weight:700;margin:0 0 1.5rem}.blog-content h2{font-size:1.5rem;font-weight:600;margin:1.75rem 0 .75rem}.blog-content h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .5rem}.blog-content p{margin:.75rem 0}.blog-content hr{border:0;border-top:1px solid rgba(148,163,184,.4);margin:1.75rem 0}.blog-content ul,.blog-content ol{margin:.5rem 0 1rem 1.5rem;padding-left:1rem}.blog-content ul{list-style:disc}.blog-content ol{list-style:decimal}.blog-content li+li{margin-top:.25rem}.blog-content blockquote{margin:1.25rem 0;padding:.75rem 1.25rem;border-left:3px solid #6b7280;background:#0f172acc;font-style:italic;color:#e5e7eb}.blog-content a{color:#38bdf8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.blog-content a:hover{color:#7dd3fc}.blog-content img{max-width:100%;border-radius:.75rem;margin:1.25rem 0;display:block}