:root{--font-geist-sans:"Geist", sans-serif;--font-geist-mono:"Geist Mono", monospace;--radius:.625rem;--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#f05100;--chart-2:#009588;--chart-3:#104e64;--chart-4:#fcbb00;--chart-5:#f99c00;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1;--surface:#f8f8f8;--surface-foreground:var(--foreground);--code:var(--surface);--code-foreground:var(--surface-foreground);--code-highlight:#f2f2f2;--code-number:#747474;--selection:#0a0a0a;--selection-foreground:#fff;--color-1:#ff4242;--color-2:#a142fe;--color-3:#40a1ff;--color-4:#43d0ff;--color-5:#a0ff42}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8672 97.9407);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209);--surface:lab(97.68% -.0000298023 .0000119209);--code-highlight:lab(95.36% 0 0);--code-number:lab(48.96% 0 0);--selection:lab(2.75381% 0 0);--selection-foreground:lab(100% 0 0);--color-1:lab(58.5374% 70.9615 45.8957);--color-2:lab(49.3885% 64.1383 -78.39);--color-3:lab(63.9201% -4.74718 -55.8744);--color-4:lab(77.523% -27.2624 -34.6643);--color-5:lab(91.5934% -50.0585 74.451)}}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#171717;--popover-foreground:#fafafa;--primary:#e5e5e5;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:#737373;--chart-1:#1447e6;--chart-2:#00bb7f;--chart-3:#f99c00;--chart-4:#ac4bff;--chart-5:#ff2357;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#ffffff1a;--sidebar-ring:#737373;--surface:#161616;--surface-foreground:#a1a1a1;--code:var(--surface);--code-foreground:var(--surface-foreground);--code-highlight:#262626;--code-number:#a4a4a4;--selection:#e5e5e5;--selection-foreground:#171717}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% 0 0);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(90.952% 0 -.0000119209);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8672 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4328 31.4532);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(48.496% 0 0);--surface:lab(7.22637% -.0000149012 0);--surface-foreground:lab(66.128% -.0000298023 .0000119209);--code-highlight:lab(15.32% 0 0);--code-number:lab(67.52% -.0000298023 0);--selection:lab(90.952% 0 -.0000119209);--selection-foreground:lab(7.78201% -.0000149012 0)}}.animate-orbit{animation:orbit calc(var(--duration)*1s) linear infinite}@keyframes orbit{0%{transform:rotate(calc(var(--angle) * 1deg)) translateY(calc(var(--radius) * 1px)) rotate(calc(var(--angle) * -1deg))}to{transform:rotate(calc(var(--angle) * 1deg + 360deg)) translateY(calc(var(--radius) * 1px)) rotate(calc(var(--angle) * -1deg - 360deg))}}@theme inline{--breakpoint-3xl: 1600px;--breakpoint-4xl: 2000px;--font-sans: var(--font-geist-sans);--font-inter: var(--font-inter);--font-mono: var(--font-geist-mono);--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--color-background: var(--background);--color-foreground: var(--foreground);--color-card: var(--card);--color-card-foreground: var(--card-foreground);--color-popover: var(--popover);--color-popover-foreground: var(--popover-foreground);--color-primary: var(--primary);--color-primary-foreground: var(--primary-foreground);--color-secondary: var(--secondary);--color-secondary-foreground: var(--secondary-foreground);--color-muted: var(--muted);--color-muted-foreground: var(--muted-foreground);--color-accent: var(--accent);--color-accent-foreground: var(--accent-foreground);--color-destructive: var(--destructive);--color-border: var(--border);--color-input: var(--input);--color-ring: var(--ring);--color-chart-1: var(--chart-1);--color-chart-2: var(--chart-2);--color-chart-3: var(--chart-3);--color-chart-4: var(--chart-4);--color-chart-5: var(--chart-5);--color-sidebar: var(--sidebar);--color-sidebar-foreground: var(--sidebar-foreground);--color-sidebar-primary: var(--sidebar-primary);--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);--color-sidebar-accent: var(--sidebar-accent);--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);--color-sidebar-border: var(--sidebar-border);--color-sidebar-ring: var(--sidebar-ring);--color-surface: var(--surface);--color-surface-foreground: var(--surface-foreground);--color-code: var(--code);--color-code-foreground: var(--code-foreground);--color-code-highlight: var(--code-highlight);--color-code-number: var(--code-number);--color-selection: var(--selection);--color-selection-foreground: var(--selection-foreground);--animate-accordion-down: accordion-down .2s ease-out;--animate-accordion-up: accordion-up .2s ease-out;--animate-gradient: gradient 8s linear infinite;--animate-meteor: meteor 5s linear infinite;--animate-grid: grid 15s linear infinite;--animate-marquee: marquee var(--duration) infinite linear;--animate-marquee-vertical: marquee-vertical var(--duration) linear infinite;--animate-spin-around: spin-around calc(var(--speed) * 2) infinite linear;--animate-shiny-text: shiny-text 8s infinite;--animate-shimmer-slide: shimmer-slide var(--speed) ease-in-out infinite alternate;--animate-ripple: ripple var(--duration,2s) ease calc(var(--i,0) * .2s) infinite;--animate-rippling: rippling var(--duration,.6s) ease-out;--animate-line: line 2s linear infinite;--animate-orbit: orbit calc(var(--duration) * 1s) linear infinite;--animate-background-position-spin: background-position-spin 3s infinite alternate;--animate-shine: shine var(--duration) infinite linear;--animate-pulse: pulse var(--duration) ease-out infinite;--animate-rainbow: rainbow var(--speed,2s) infinite linear;--animate-line-shadow: line-shadow 15s linear infinite;--animate-aurora: aurora 8s ease-in-out infinite alternate;--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-blink-cursor: blink-cursor 1.2s step-end infinite;@keyframes blink-cursor{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes aurora{0%{background-position:0% 50%;transform:rotate(-5deg) scale(.9)}25%{background-position:50% 100%;transform:rotate(5deg) scale(1.1)}50%{background-position:100% 50%;transform:rotate(-3deg) scale(.95)}75%{background-position:50% 0%;transform:rotate(3deg) scale(1.05)}100%{background-position:0% 50%;transform:rotate(-5deg) scale(.9)}}@keyframes accordion-down{from{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{from{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes background-position-spin{0%{background-position:top center}100%{background-position:bottom center}}@keyframes gradient{to{background-position:var(--bg-size,300%) 0}}@keyframes meteor{0%{transform:rotate(var(--angle)) translateX(0);opacity:1}70%{opacity:1}100%{transform:rotate(var(--angle)) translateX(-500px);opacity:0}}@keyframes grid{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@keyframes marquee-vertical{from{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap)))}}@keyframes spin-around{0%{transform:translateZ(0) rotate(0)}15%,35%{transform:translateZ(0) rotate(90deg)}65%,85%{transform:translateZ(0) rotate(270deg)}100%{transform:translateZ(0) rotate(360deg)}}@keyframes ripple{0%,100%{transform:translate(-50%, -50%) scale(1)}50%{transform:translate(-50%, -50%) scale(.9)}}@keyframes rippling{0%{opacity:1}100%{transform:scale(2);opacity:0}}@keyframes shimmer-slide{to{transform:translate(calc(100cqw - 100%), 0)}}@keyframes line{0%{mask-position-x:0%}100%{mask-position-x:100%}}@keyframes shiny-text{0%,90%,100%{background-position:calc(-100% - var(--shiny-width)) 0}30%,60%{background-position:calc(100% + var(--shiny-width)) 0}}@keyframes orbit{0%{transform:rotate(calc(var(--angle) * 1deg)) translateY(calc(var(--radius) * 1px)) rotate(calc(var(--angle) * -1deg))}100%{transform:rotate(calc(var(--angle) * 1deg + 360deg)) translateY(calc(var(--radius) * 1px)) rotate(calc(var(--angle) * -1deg - 360deg))}}@keyframes shine{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--pulse-color)}50%{box-shadow:0 0 0 8px var(--pulse-color)}}@keyframes rainbow{0%{background-position:0%}100%{background-position:200%}}@keyframes line-shadow{0%{background-position:0 0}100%{background-position:100% -100%}}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}}@layer base{:root{overscroll-behavior:none;overflow-x:hidden}@apply border-border outline-ring/50;@apply bg-selection text-selection-foreground;html{scroll-behavior:smooth}body{overscroll-behavior:none;font-synthesis-weight:none;text-rendering:optimizelegibility}a:active,button:active{opacity:.6}@media (min-width:768px){a:active,button:active{opacity:1}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}}@utility no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@utility container-wrapper{margin-left:auto;margin-right:auto;width:100%;padding-left:.5rem;padding-right:.5rem}@utility container{margin-left:auto;margin-right:auto;max-width:1400px;padding-left:1rem;padding-right:1rem}@media (min-width:1024px){@utility container{padding-left:2rem;padding-right:2rem;}}.lab-bg{--mask-offset:100px;-webkit-mask:linear-gradient(to bottom, transparent, #fff var(--mask-offset) calc(100% - var(--mask-offset)), transparent),linear-gradient(to right, transparent, #fff var(--mask-offset) calc(100% - var(--mask-offset)), transparent);-webkit-mask:linear-gradient(to bottom, transparent, #fff var(--mask-offset) calc(100% - var(--mask-offset)), transparent),linear-gradient(to right, transparent, #fff var(--mask-offset) calc(100% - var(--mask-offset)), transparent);mask:linear-gradient(to bottom, transparent, #fff var(--mask-offset) calc(100% - var(--mask-offset)), transparent),linear-gradient(to right, transparent, #fff var(--mask-offset) calc(100% - var(--mask-offset)), transparent);-webkit-mask-composite:source-in,xor;-webkit-mask-composite:source-in;mask-composite:intersect}@layer components{.steps{counter-reset:steps}.steps>h3{counter-increment:steps}.steps>h3:before{text-align:center;text-indent:-1px;content:counter(steps);border-width:4px;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-top:-4px;margin-left:-50px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1rem;font-weight:500;line-height:1.5rem;display:inline-flex;position:absolute}[data-rehype-pretty-code-figure]{background-color:var(--color-code);color:var(--color-code-foreground);border-radius:var(--radius-lg);border-width:1px;border-color:var(--border);margin-top:calc(var(--spacing)*6);font-size:var(--text-sm);outline:none;margin-left:-.25rem;margin-right:-.25rem;position:relative;overflow:hidden}@media (min-width:768px){[data-rehype-pretty-code-figure]{margin-left:-.25rem;margin-right:-.25rem}}[data-rehype-pretty-code-figure]:has([data-rehype-pretty-code-title]) [data-slot=copy-button]{top:calc(var(--spacing)*1.5)!important}[data-rehype-pretty-code-title]{border-bottom:color-mix(in oklab, var(--border) 30%, transparent);padding-block:calc(var(--spacing)*2.5);padding-inline:calc(var(--spacing)*4);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-code-foreground);border-bottom-style:solid;border-bottom-width:1px}[data-line-numbers]{white-space:pre;counter-reset:line;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;border:0;min-width:100%;padding:0;display:grid}[data-line-numbers] [data-line]:before{font-size:var(--text-sm);counter-increment:line;content:counter(line);width:calc(var(--spacing)*16);padding-right:calc(var(--spacing)*6);text-align:right;color:var(--color-code-number);background-color:var(--color-code);display:inline-block;position:sticky;left:0}[data-line-numbers] [data-highlighted-line][data-line]:before{background-color:var(--color-code-highlight)}[data-line]{padding-top:calc(var(--spacing)*.5);padding-bottom:calc(var(--spacing)*.5);min-height:calc(var(--spacing)*1);width:100%;display:inline-block}[data-line] span{color:var(--shiki-light)}@variant dark{[data-line] span{color:var(--shiki-dark) !important}}[data-highlighted-line],[data-highlighted-chars]{background-color:var(--color-code-highlight);position:relative}[data-highlighted-line]:after{content:"";background-color:color-mix(in oklab, var(--muted-foreground) 50%, transparent);width:2px;height:100%;position:absolute;top:0;left:0}[data-highlighted-chars]{border-radius:var(--radius-sm);font-family:var(--font-mono);padding-block:.1rem;padding-inline:.3rem;font-size:.8rem}iframe{border-radius:.5rem;margin-top:1.5rem;overflow:hidden}}