<!DOCTYPE html><!--2YJCxJ_Xrcno0GTMIcia5--><html lang="en" class="__variable_a4b6db __variable_a9c695 __variable_71d91e"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/media/443896d591e4f761-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/media/4c9affa5bc8f420e-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/images/logos/frameworks/stripe.svg"/><link rel="preload" as="image" href="/images/logos/frameworks/nextjs.svg"/><link rel="preload" as="image" href="/images/logos/frameworks/openai.svg"/><link rel="preload" as="image" href="/images/logos/frameworks/langchain.svg"/><link rel="preload" as="image" href="/images/logos/frameworks/flutter.svg"/><link rel="preload" as="image" href="/images/logos/frameworks/expo.svg"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=3840&amp;q=100 3840w" imageSizes="100%"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=3840&amp;q=100 3840w" imageSizes="100%"/><link rel="preload" as="image" href="/images/index/products/auth.svg"/><link rel="preload" as="image" href="/images/index/products/auth-light.svg"/><link rel="stylesheet" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/css/440c143c26a742d1.css?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" data-precedence="next"/><link rel="stylesheet" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/css/5fa28d3dadd1c11f.css?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" data-precedence="next"/><link rel="stylesheet" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/css/12a12fb72870916c.css?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" data-precedence="next"/><link rel="stylesheet" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/css/b23993f6e1a7b05b.css?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/webpack-53083ea6b1fc1502.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA"/><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/e3357c6a-23297ebb6873e12f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/687-73c1c7e2e8f4345a.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/main-app-109328b90e47e2e1.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/953f2711-da9c297635373654.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/82bb98b3-267f35dab9916d2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/3753-b8cf1b6044aaa224.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/7535-0aaa26738f45827e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/883-936ff0d380f95f2f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/5085-c21ef080fd875a9c.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/8118-6439df322a5d4e2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/502-b8cbb9522a87c097.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/430-7c224957bf96f16d.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/2984-180de0fe31643ee2.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/8219-d0034554dd05a9e6.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/8638-fc1ce95cad3f5481.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/33-b6c57ab47852102e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/2353-a1832da659004118.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/1356-6c1ba8c333c1d73f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/app/layout-66cb522993e76e94.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/1477-2d442efcf6d2b9f4.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/9503-24a66f734da9ecec.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/1893-95b9579cd138ff25.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/1903-99a95084feb9f685.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/227-75e32a948f5717fd.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/7861-dc62cd4525183370.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/649-0b63f502b1475158.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/5737-65654d5e60d071ed.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/635-adcd0403b2808fa1.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/app/not-found-b80fd17ab7a52020.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/7102-39d8de4ca9d49120.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/3269-67c34ee03dcc25fe.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/5970-849bcf42c8fc4b2d.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/6926-aaaca9510c0f1f51.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/app/(home)/layout-b5c8e0e0a45b225f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/app/global-error-14d904d3c07eb521.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/7947-a0d682cd78a6ac52.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/app/(home)/page-d336f50ea0095a4e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" async=""></script><link rel="preload" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/2330.0b899b2ab1fd4a7f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" as="script" fetchPriority="low"/><link rel="preload" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/5066.5ce1b8c5d57bbd90.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" as="script" fetchPriority="low"/><link rel="preload" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/2901.a1f8aa4cbedcb6cf.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" as="script" fetchPriority="low"/><link rel="preload" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/1078.c79f764a3ca01888.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" as="script" fetchPriority="low"/><link rel="preload" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/9394.92c23809b3d30206.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" as="script" fetchPriority="low"/><link rel="preload" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/6738.ee731ce3856f79ca.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" as="script" fetchPriority="low"/><link rel="preload" href="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/4769.25d117a18f6c99d7.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" as="script" fetchPriority="low"/><link rel="preload" as="image" href="/images/index/products/edge-functions-dark.svg"/><link rel="preload" as="image" href="/images/index/products/edge-functions-light.svg"/><link rel="preload" as="image" href="/images/customers/logos/lovable-homepage-icon.svg"/><link rel="preload" as="image" href="/images/blog/avatars/bryan-byrne-lovable.jpeg"/><link rel="preload" as="image" href="/images/customers/logos/exprealty-homepage-icon.svg"/><link rel="preload" as="image" href="/images/customers/logos/phoenix-energy-homepage-icon.svg"/><link rel="preload" as="image" href="/images/customers/logos/chatbase-homepage-icon.svg"/><link rel="preload" as="image" href="/images/customers/logos/rally-icon.svg"/><link rel="preload" as="image" href="/images/blog/avatars/seth-siegler.jpg"/><link rel="preload" as="image" href="/images/blog/avatars/kris-woods-phoenix-energy.jpg"/><link rel="preload" as="image" href="/images/blog/avatars/yasser-elsaid-chatbase.jpeg"/><link rel="preload" as="image" href="/images/blog/avatars/thiago-peres-rally.jpeg"/><meta name="next-size-adjust" content=""/><title>Supabase | The Postgres Development Platform</title><meta name="description" content="Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free."/><link rel="manifest" href="/favicon/manifest.json"/><link rel="canonical" href="https://supabase.com"/><link rel="alternate" type="text/markdown" href="https://supabase.com/index.md"/><meta property="og:title" content="Supabase | The Postgres Development Platform"/><meta property="og:description" content="Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free."/><meta property="og:url" content="https://supabase.com/"/><meta property="og:site_name" content="Supabase"/><meta property="og:image" content="https://supabase.com/images/og/supabase-og.png"/><meta property="og:image:width" content="800"/><meta property="og:image:height" content="600"/><meta property="og:image:alt" content="Supabase Og Image"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@supabase"/><meta name="twitter:creator" content="@supabase"/><meta name="twitter:title" content="Supabase | The Postgres Development Platform"/><meta name="twitter:description" content="Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free."/><meta name="twitter:image" content="https://supabase.com/images/og/supabase-og.png"/><meta name="twitter:image:width" content="800"/><meta name="twitter:image:height" content="600"/><meta name="twitter:image:alt" content="Supabase Og Image"/><link rel="icon" href="/favicon/favicon.ico" type="image/x-icon" sizes="16x16 32x32 48x48"/><link rel="apple-touch-icon" href="/favicon/apple-icon-180x180.png" sizes="180x180"/><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><!--$--><!--/$--><script type="application/json" data-flag-values="true">{}</script><script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("data-theme","theme","system",null,["dark","light"],{"dark":"dark","light":"light","classic-dark":"dark"},true,true)</script><div class="inline-flex bg-popover rounded-lg fixed top-0 left-[10px] z-[100] w-fit -translate-y-[calc(100%+8px)] focus-within:translate-y-[10px] transition-transform duration-200 ease-out"><a href="#main" data-size="tiny" type="button" tabindex="0" class="relative inline-flex items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring control-surface-shadows border-0 raised-control-surface text-xs px-2.5 py-1 h-[26px] rounded-md"><span class="truncate">Skip to content</span></a></div><div class="sticky top-0 z-40 transform" style="transform:translate3d(0,0,999px)"><div class="absolute inset-0 h-full w-full bg-background/90 dark:bg-background/95 transition-all duration-300 opacity-100!"></div><nav class="relative z-40 border-default border-b backdrop-blur-xs transition-all duration-300"><div class="section-container relative flex justify-between h-16"><div class="flex items-center flex-1 sm:items-stretch justify-between"><div class="flex items-center"><div class="flex items-center shrink-0"><a class="block w-auto h-6 focus-ring focus-visible:ring-offset-4 focus-visible:ring-offset-background-alternative rounded-xs" type="button" id="radix-_R_lcsnnalb_" aria-haspopup="menu" aria-expanded="false" data-state="closed" tabindex="0" href="/"><svg viewBox="0 0 581 113" fill="none" width="124" height="24" aria-label="Supabase Logo" role="img"><path d="M151.397 66.7608C151.996 72.3621 157.091 81.9642 171.877 81.9642C184.764 81.9642 190.959 73.7624 190.959 65.7607C190.959 58.559 186.063 52.6577 176.373 50.6571L169.379 49.1569C166.682 48.6568 164.884 47.1565 164.884 44.7559C164.884 41.9552 167.681 39.8549 171.178 39.8549C176.772 39.8549 178.87 43.5556 179.27 46.4564L190.359 43.9558C189.76 38.6546 185.064 29.7527 171.078 29.7527C160.488 29.7527 152.696 37.0543 152.696 45.8561C152.696 52.7576 156.991 58.4591 166.482 60.5594L172.976 62.0598C176.772 62.8599 178.271 64.6605 178.271 66.8609C178.271 69.4615 176.173 71.762 171.777 71.762C165.983 71.762 163.085 68.1611 162.786 64.2602L151.397 66.7608Z" fill="currentColor"></path><path d="M233.421 80.4639H246.109C245.909 78.7635 245.609 75.3628 245.609 71.5618V31.2529H232.321V59.8592C232.321 65.5606 228.925 69.5614 223.031 69.5614C216.837 69.5614 214.039 65.1604 214.039 59.6592V31.2529H200.752V62.3599C200.752 73.0622 207.545 81.7642 219.434 81.7642C224.628 81.7642 230.325 79.7638 233.022 75.1627C233.022 77.1631 233.221 79.4636 233.421 80.4639Z" fill="currentColor"></path><path d="M273.076 99.4682V75.663C275.473 78.9636 280.469 81.6644 287.263 81.6644C301.149 81.6644 310.439 70.6617 310.439 55.7584C310.439 41.1553 302.148 30.1528 287.762 30.1528C280.37 30.1528 274.875 33.4534 272.677 37.2544V31.253H259.79V99.4682H273.076ZM297.352 55.8585C297.352 64.6606 291.958 69.7616 285.164 69.7616C278.372 69.7616 272.877 64.5605 272.877 55.8585C272.877 47.1566 278.372 42.0554 285.164 42.0554C291.958 42.0554 297.352 47.1566 297.352 55.8585Z" fill="currentColor"></path><path d="M317.964 67.0609C317.964 74.7627 324.357 81.8643 334.848 81.8643C342.139 81.8643 346.835 78.4634 349.332 74.5625C349.332 76.463 349.532 79.1635 349.832 80.4639H362.02C361.72 78.7635 361.422 75.2627 361.422 72.6622V48.4567C361.422 38.5545 355.627 29.7527 340.043 29.7527C326.855 29.7527 319.761 38.2544 318.963 45.9562L330.751 48.4567C331.151 44.1558 334.348 40.455 340.141 40.455C345.737 40.455 348.434 43.3556 348.434 46.8564C348.434 48.5568 347.536 49.9572 344.738 50.3572L332.65 52.1576C324.458 53.3579 317.964 58.2589 317.964 67.0609ZM337.644 71.962C333.349 71.962 331.25 69.1614 331.25 66.2608C331.25 62.4599 333.947 60.5594 337.345 60.0594L348.434 58.359V60.5594C348.434 69.2615 343.239 71.962 337.644 71.962Z" fill="currentColor"></path><path d="M387.703 80.4641V74.4627C390.299 78.6637 395.494 81.6644 402.288 81.6644C416.276 81.6644 425.467 70.5618 425.467 55.6585C425.467 41.0552 417.174 29.9528 402.788 29.9528C395.494 29.9528 390.1 33.1535 387.902 36.6541V8.04785H374.815V80.4641H387.703ZM412.178 55.7584C412.178 64.7605 406.784 69.7616 399.99 69.7616C393.297 69.7616 387.703 64.6606 387.703 55.7584C387.703 46.7564 393.297 41.8554 399.99 41.8554C406.784 41.8554 412.178 46.7564 412.178 55.7584Z" fill="currentColor"></path><path d="M432.99 67.0609C432.99 74.7627 439.383 81.8643 449.873 81.8643C457.165 81.8643 461.862 78.4634 464.358 74.5625C464.358 76.463 464.559 79.1635 464.858 80.4639H477.046C476.748 78.7635 476.448 75.2627 476.448 72.6622V48.4567C476.448 38.5545 470.653 29.7527 455.068 29.7527C441.881 29.7527 434.788 38.2544 433.989 45.9562L445.776 48.4567C446.177 44.1558 449.374 40.455 455.167 40.455C460.763 40.455 463.46 43.3556 463.46 46.8564C463.46 48.5568 462.561 49.9572 459.763 50.3572L447.676 52.1576C439.484 53.3579 432.99 58.2589 432.99 67.0609ZM452.671 71.962C448.375 71.962 446.276 69.1614 446.276 66.2608C446.276 62.4599 448.973 60.5594 452.371 60.0594L463.46 58.359V60.5594C463.46 69.2615 458.265 71.962 452.671 71.962Z" fill="currentColor"></path><path d="M485.645 66.7608C486.243 72.3621 491.339 81.9642 506.124 81.9642C519.012 81.9642 525.205 73.7624 525.205 65.7607C525.205 58.559 520.311 52.6577 510.62 50.6571L503.626 49.1569C500.929 48.6568 499.132 47.1565 499.132 44.7559C499.132 41.9552 501.928 39.8549 505.425 39.8549C511.021 39.8549 513.118 43.5556 513.519 46.4564L524.607 43.9558C524.007 38.6546 519.312 29.7527 505.326 29.7527C494.735 29.7527 486.944 37.0543 486.944 45.8561C486.944 52.7576 491.238 58.4591 500.73 60.5594L507.224 62.0598C511.021 62.8599 512.519 64.6605 512.519 66.8609C512.519 69.4615 510.421 71.762 506.025 71.762C500.23 71.762 497.334 68.1611 497.034 64.2602L485.645 66.7608Z" fill="currentColor"></path><path d="M545.385 50.2571C545.685 45.7562 549.482 40.5549 556.375 40.5549C563.967 40.5549 567.165 45.3561 567.365 50.2571H545.385ZM568.664 63.0601C567.065 67.4609 563.668 70.5617 557.474 70.5617C550.88 70.5617 545.385 65.8606 545.087 59.3593H580.252C580.252 59.159 580.451 57.1587 580.451 55.2582C580.451 39.4547 571.361 29.7527 556.175 29.7527C543.588 29.7527 531.998 39.9548 531.998 55.6584C531.998 72.262 543.886 81.9642 557.374 81.9642C569.462 81.9642 577.255 74.8626 579.753 66.3607L568.664 63.0601Z" fill="currentColor"></path><path d="M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z" fill="url(#_R_6lcsnnalb_-paint0)"></path><path d="M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z" fill="url(#_R_6lcsnnalb_-paint1)" fill-opacity="0.2"></path><path d="M45.317 2.07103C48.1765 -1.53037 53.9745 0.442937 54.0434 5.041L54.4849 72.2922H9.83113C1.64038 72.2922 -2.92775 62.8321 2.1655 56.4175L45.317 2.07103Z" fill="#3ECF8E"></path><defs><linearGradient id="_R_6lcsnnalb_-paint0" x1="53.9738" y1="54.974" x2="94.1635" y2="71.8295" gradientUnits="userSpaceOnUse"><stop stop-color="#249361"></stop><stop offset="1" stop-color="#3ECF8E"></stop></linearGradient><linearGradient id="_R_6lcsnnalb_-paint1" x1="36.1558" y1="30.578" x2="54.4844" y2="65.0806" gradientUnits="userSpaceOnUse"><stop></stop><stop offset="1" stop-opacity="0"></stop></linearGradient></defs></svg></a></div><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="z-10 flex-1 justify-center static hidden pl-8 lg:flex h-16 items-stretch"><div style="position:relative"><ul data-orientation="horizontal" class="group flex flex-1 list-none justify-center h-full space-x-0 items-stretch" dir="ltr"><li class="text-sm font-medium"><button id="radix-_R_15csnnalb_-trigger-Product" data-state="closed" aria-expanded="false" aria-controls="radix-_R_15csnnalb_-content-Product" class="group relative inline-flex items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring border control-surface-shadows text-foreground hover:bg-accent shadow-none data-[state=open]:bg-accent border-transparent text-base md:text-sm leading-4 py-2 rounded-[calc(var(--radius-md)*(1+(34/26-1)*0.35))] bg-transparent! hover:text-primary data-open:text-primary! focus-ring focus-visible:text-foreground px-2.5 h-full" data-radix-collection-item="">Product<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-px ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div id="radix-_R_15csnnalb_-content-Product" aria-labelledby="radix-_R_15csnnalb_-trigger-Product" data-orientation="horizontal" data-state="closed" class="left-0 top-0 w-full data-[motion^=from-]:animate-fade-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-full data-[motion^=from-]:animate-none! data-[motion^=to-]:animate-none! data-[active=false]:pointer-events-none data-[active=false]:opacity-0 data-[side=start]:-translate-x-4 data-[side=end]:translate-x-4 motion-safe:group-data-[switching=true]/viewport:transition-[opacity,translate] motion-safe:group-data-[switching=true]/viewport:duration-250 motion-safe:group-data-[switching=true]/viewport:ease-in-out" inert="" data-active="false" data-side="end" style="pointer-events:none" dir="ltr"></div></li><li class="text-sm font-medium"><button id="radix-_R_15csnnalb_-trigger-Developers" data-state="closed" aria-expanded="false" aria-controls="radix-_R_15csnnalb_-content-Developers" class="group relative inline-flex items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring border control-surface-shadows text-foreground hover:bg-accent shadow-none data-[state=open]:bg-accent border-transparent text-base md:text-sm leading-4 py-2 rounded-[calc(var(--radius-md)*(1+(34/26-1)*0.35))] bg-transparent! hover:text-primary data-open:text-primary! focus-ring focus-visible:text-foreground px-2.5 h-full" data-radix-collection-item="">Developers<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-px ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div id="radix-_R_15csnnalb_-content-Developers" aria-labelledby="radix-_R_15csnnalb_-trigger-Developers" data-orientation="horizontal" data-state="closed" class="left-0 top-0 w-full data-[motion^=from-]:animate-fade-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-full data-[motion^=from-]:animate-none! data-[motion^=to-]:animate-none! data-[active=false]:pointer-events-none data-[active=false]:opacity-0 data-[side=start]:-translate-x-4 data-[side=end]:translate-x-4 motion-safe:group-data-[switching=true]/viewport:transition-[opacity,translate] motion-safe:group-data-[switching=true]/viewport:duration-250 motion-safe:group-data-[switching=true]/viewport:ease-in-out" inert="" data-active="false" data-side="end" style="pointer-events:none" dir="ltr"></div></li><li class="text-sm font-medium"><button id="radix-_R_15csnnalb_-trigger-Solutions" data-state="closed" aria-expanded="false" aria-controls="radix-_R_15csnnalb_-content-Solutions" class="group relative inline-flex items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring border control-surface-shadows text-foreground hover:bg-accent shadow-none data-[state=open]:bg-accent border-transparent text-base md:text-sm leading-4 py-2 rounded-[calc(var(--radius-md)*(1+(34/26-1)*0.35))] bg-transparent! hover:text-primary data-open:text-primary! focus-ring focus-visible:text-foreground px-2.5 h-full" data-radix-collection-item="">Solutions<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-px ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div id="radix-_R_15csnnalb_-content-Solutions" aria-labelledby="radix-_R_15csnnalb_-trigger-Solutions" data-orientation="horizontal" data-state="closed" class="left-0 top-0 w-full data-[motion^=from-]:animate-fade-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-full data-[motion^=from-]:animate-none! data-[motion^=to-]:animate-none! data-[active=false]:pointer-events-none data-[active=false]:opacity-0 data-[side=start]:-translate-x-4 data-[side=end]:translate-x-4 motion-safe:group-data-[switching=true]/viewport:transition-[opacity,translate] motion-safe:group-data-[switching=true]/viewport:duration-250 motion-safe:group-data-[switching=true]/viewport:ease-in-out" inert="" data-active="false" data-side="end" style="pointer-events:none" dir="ltr"></div></li><li class="text-sm font-medium"><a class="group/menu-item flex items-center text-sm hover:text-foreground select-none gap-3 rounded-md p-2 leading-none no-underline focus-ring group-hover:bg-transparent text-foreground focus-visible:text-primary px-2.5 h-full" data-radix-collection-item="" href="/pricing"><div class="flex flex-col justify-center"><div class="flex items-center gap-1"><p class="leading-snug text-foreground group-hover/menu-item:text-primary">Pricing</p></div></div></a></li><li class="text-sm font-medium"><a href="/docs" class="group/menu-item flex items-center text-sm hover:text-foreground select-none gap-3 rounded-md p-2 leading-none no-underline focus-ring group-hover:bg-transparent text-foreground focus-visible:text-primary px-2.5 h-full" data-radix-collection-item=""><div class="flex flex-col justify-center"><div class="flex items-center gap-1"><p class="leading-snug text-foreground group-hover/menu-item:text-primary">Docs</p></div></div></a></li><li class="text-sm font-medium"><a class="group/menu-item flex items-center text-sm hover:text-foreground select-none gap-3 rounded-md p-2 leading-none no-underline focus-ring group-hover:bg-transparent text-foreground focus-visible:text-primary px-2.5 h-full" data-radix-collection-item="" href="/blog"><div class="flex flex-col justify-center"><div class="flex items-center gap-1"><p class="leading-snug text-foreground group-hover/menu-item:text-primary">Blog</p></div></div></a></li></ul></div><div class="absolute top-full flex justify-center inset-x-0 pointer-events-none"><div data-state="closed" data-orientation="horizontal" class="origin-top-center relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden border bg text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:slide-in-from-right-10 data-[state=closed]:animate-out data-[state=closed]:fade-out group/viewport pointer-events-auto origin-top scale-100 rounded-xl bg-surface-75 md:w-[960px] data-[state=open]:animate-none! data-[state=closed]:animate-none! data-[state=open]:duration-200 data-[state=open]:ease-out data-[state=closed]:duration-200 data-[open=false]:invisible data-[open=false]:scale-[0.97] data-[open=false]:opacity-0 data-[open=false]:pointer-events-none motion-safe:transition-[opacity,scale,visibility] motion-safe:data-[switching=true]:transition-[height,opacity,scale,visibility] motion-reduce:transition-none" data-open="false" data-switching="false" style="pointer-events:none"></div></div></nav></div><div class="flex items-center gap-2 opacity-0 animate-fade-in scale-100! delay-300"><div class="flex items-center gap-2 transition-opacity opacity-0"><a href="https://github.com/supabase/supabase" target="_blank" data-size="tiny" tabindex="0" class="relative items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring border control-surface-shadows hover:bg-accent shadow-none data-[state=open]:bg-accent border-transparent text-xs px-2.5 py-1 h-[26px] rounded-md hidden group lg:flex text-foreground-light hover:text-foreground in-data-nav-transparent:text-foreground"><span class="truncate"><span class="flex items-center gap-1"><svg class="w-6 h-6" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 2.22168C5.23312 2.22168 2.58496 4.87398 2.58496 8.14677C2.58496 10.7642 4.27962 12.9853 6.63026 13.7684C6.92601 13.8228 7.03366 13.6401 7.03366 13.4827C7.03366 13.3425 7.02893 12.9693 7.02597 12.4754C5.38041 12.8333 5.0332 11.681 5.0332 11.681C4.76465 10.996 4.37663 10.8139 4.37663 10.8139C3.83954 10.4471 4.41744 10.4542 4.41744 10.4542C5.01072 10.4956 5.32303 11.0647 5.32303 11.0647C5.85065 11.9697 6.70774 11.7082 7.04431 11.5568C7.09873 11.1741 7.25134 10.9132 7.42051 10.7654C6.10737 10.6157 4.72621 10.107 4.72621 7.83683C4.72621 7.19031 4.95689 6.66092 5.33486 6.24686C5.27394 6.09721 5.07105 5.49447 5.39283 4.67938C5.39283 4.67938 5.88969 4.51967 7.01947 5.28626C7.502 5.15466 7.99985 5.08763 8.5 5.08692C9.00278 5.08929 9.50851 5.15495 9.98113 5.28626C11.1103 4.51967 11.606 4.67879 11.606 4.67879C11.9289 5.49447 11.7255 6.09721 11.6651 6.24686C12.0437 6.66092 12.2732 7.19031 12.2732 7.83683C12.2732 10.1129 10.8897 10.6139 9.5724 10.7606C9.78475 10.9434 9.97344 11.3048 9.97344 11.8579C9.97344 12.6493 9.96634 13.2887 9.96634 13.4827C9.96634 13.6413 10.0728 13.8258 10.3733 13.7678C11.5512 13.3728 12.5751 12.6175 13.3003 11.6089C14.0256 10.6002 14.4155 9.38912 14.415 8.14677C14.415 4.87398 11.7663 2.22168 8.5 2.22168Z" fill="currentColor"></path></svg>111.5K</span></span></a><a href="https://supabase.com/dashboard" data-size="tiny" type="button" tabindex="0" class="relative items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring control-surface-shadows border-0 raised-control-surface text-xs px-2.5 py-1 h-[26px] rounded-md hidden lg:inline-flex"><span class="truncate">Sign in</span></a><a href="https://supabase.com/dashboard/sign-up" data-size="tiny" type="button" tabindex="0" class="relative items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring control-surface-shadows border-0 bg-primary-solid bg-[linear-gradient(to_bottom,hsl(var(--colors-white)/0.015),hsl(var(--colors-black)/0.01))] text-primary-solid-foreground shadow-[var(--button-shadow-raised)] hover:bg-[var(--primary-solid-hover)] data-[state=open]:bg-[var(--primary-solid-hover)] text-xs px-2.5 py-1 h-[26px] rounded-md hidden lg:inline-flex"><span class="truncate">Start your project</span></a></div></div></div><div class="inset-y-0 flex items-center lg:hidden"><button tabindex="0" class="text-foreground-lighter bg-transparent hover:text-foreground-light hover:bg-overlay inline-flex items-center justify-center rounded-md p-2 focus-ring" aria-expanded="false"><span class="sr-only">Open main menu</span><svg class="block w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg><svg class="hidden w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button></div></div></nav></div><div class="relative w-full"><main id="main" tabindex="-1" class="relative min-h-screen scroll-mt-16 outline-hidden"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://supabase.com/#organization","name":"Supabase","url":"https://supabase.com","logo":{"@type":"ImageObject","url":"https://supabase.com/images/og/supabase-og.png"},"description":"Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.","legalName":"Supabase Pte. Ltd.","contactPoint":{"@type":"ContactPoint","contactType":"customer support","url":"https://supabase.com/support"},"address":{"@type":"PostalAddress","streetAddress":"65 Chulia Street #38-02/03, OCBC Centre","addressLocality":"Singapore","postalCode":"049513","addressCountry":"SG"},"sameAs":["https://github.com/supabase","https://twitter.com/supabase","https://www.linkedin.com/company/supabase","https://youtube.com/c/supabase","https://discord.supabase.com/","https://www.tiktok.com/@supabase.com","https://www.instagram.com/supabasecom"]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://supabase.com/#website","url":"https://supabase.com","name":"Supabase","description":"Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.","publisher":{"@id":"https://supabase.com/#organization"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Supabase","description":"Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.","url":"https://supabase.com","image":"https://supabase.com/images/og/supabase-og.png","applicationCategory":"DeveloperApplication","operatingSystem":"Cross-platform","publisher":{"@id":"https://supabase.com/#organization"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Service","name":"Supabase","description":"Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.","url":"https://supabase.com","serviceType":"Postgres development platform","provider":{"@id":"https://supabase.com/#organization"},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Supabase products","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Database","url":"https://supabase.com/database"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Authentication","url":"https://supabase.com/auth"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Storage","url":"https://supabase.com/storage"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Edge Functions","url":"https://supabase.com/edge-functions"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Realtime","url":"https://supabase.com/realtime"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Vector","url":"https://supabase.com/modules/vector"}}]}}</script><header><div class="section-container relative py-16 sm:py-18 md:py-24 pt-12 pb-8 md:pt-40! md:pb-16"><div class="flex flex-col gap-6 lg:gap-8"><div class="grid grid-cols-1 lg:grid-cols-2 gap-4 items-end"><h1 class="text-foreground text-4xl sm:text-5xl sm:leading-none"><span class="block">Build in a weekend</span><span class="text-primary block">Scale to millions</span></h1><p class="text-foreground-lighter text-balance">Start your project with a Postgres database. Add Authentication, Data APIs, Edge Functions, Realtime Data, Storage, and Vector embeddings.</p></div><div class="flex items-center gap-2"><a href="https://supabase.com/dashboard/sign-up" data-size="medium" type="button" tabindex="0" class="relative inline-flex items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring control-surface-shadows border-0 bg-primary-solid bg-[linear-gradient(to_bottom,hsl(var(--colors-white)/0.015),hsl(var(--colors-black)/0.01))] text-primary-solid-foreground shadow-[var(--button-shadow-raised)] hover:bg-[var(--primary-solid-hover)] data-[state=open]:bg-[var(--primary-solid-hover)] text-base md:text-sm px-4 py-2 h-[38px] rounded-[calc(var(--radius-md)*(1+(38/26-1)*0.35))]"><span class="truncate">Start your project</span></a><a data-size="medium" type="button" tabindex="0" class="relative inline-flex items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring control-surface-shadows border-0 raised-control-surface text-base md:text-sm px-4 py-2 h-[38px] rounded-[calc(var(--radius-md)*(1+(38/26-1)*0.35))]" href="/contact/sales"><span class="truncate">Request a demo</span></a></div></div></div></header><section id="products" class="relative"><div class="section-container relative py-16 sm:py-18 md:py-24 pt-0! grid grid-cols-1 gap-4 sm:grid-cols-2 md:gap-4 xl:gap-3 2xl:gap-6 md:grid-cols-12"><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 md:col-span-12 xl:col-span-6" href="/database"><div class="group/panel [--panel-radius:var(--radius-lg)] md:[--panel-radius:var(--radius-xl)] rounded-(--panel-radius) p-px bg-surface-75 bg-linear-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md hover:bg-none hover:bg-border-stronger! relative w-full h-full"><div class="z-10 rounded-[calc(var(--panel-radius)-1px)] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:font-normal! [&amp;_strong]:text-foreground! p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center md:ml-2 md:mt-2 lg:pl-0 md:justify-start md:max-w-[250px] md:text-left md:items-start"><div class="flex items-center gap-2 text-foreground"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.18625 8.66531H19.5035V15.331H5.18625V8.66531Z M4 17.0007C4 16.0804 4.7461 15.3343 5.66645 15.3343H18.9984C19.9187 15.3343 20.6648 16.0804 20.6648 17.0007V20.3335C20.6648 21.2539 19.9187 22 18.9984 22H5.66646C4.7461 22 4 21.2539 4 20.3335V17.0007Z M4 3.66646C4 2.7461 4.7461 2 5.66645 2H18.9984C19.9187 2 20.6648 2.7461 20.6648 3.66645V6.99926C20.6648 7.91962 19.9187 8.66572 18.9984 8.66572H5.66646C4.7461 8.66572 4 7.91962 4 6.99926V3.66646Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Postgres Database</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:text-foreground!">Every project is <strong>a full Postgres database</strong>, the world&#x27;s most trusted relational database.</p><span class="hidden lg:block text-foreground md:block"><ul class="flex flex-col gap-1 text-sm"><li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check inline h-4 w-4"><path d="M20 6 9 17l-5-5"></path></svg> 100% portable</li><li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check inline h-4 w-4"><path d="M20 6 9 17l-5-5"></path></svg> Built-in Auth with RLS</li><li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check inline h-4 w-4"><path d="M20 6 9 17l-5-5"></path></svg> Easy to extend</li></ul></span></div></div><span aria-hidden="true"><figure class="absolute inset-0 z-0 hidden sm:block" role="img" aria-label="Supabase Postgres database visual composition"><span class="absolute group w-full md:w-auto h-full md:aspect-square md:max-w-[calc(100%-280px)] flex items-end md:items-center justify-center md:justify-end right-0 left-0 md:left-auto top-12 md:top-0 md:bottom-0 my-auto"><img alt="Supabase Postgres database" draggable="false" decoding="async" data-nimg="fill" class="hidden dark:block absolute antialiased inset-0 object-contain object-center z-0 w-full md:w-auto h-full transition-opacity group-hover:opacity-80" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=3840&amp;q=100"/><img alt="Supabase Postgres database" draggable="false" decoding="async" data-nimg="fill" class="dark:hidden absolute antialiased inset-0 object-contain object-center z-0 w-full md:w-auto h-full transition-opacity group-hover:opacity-80" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcSet="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=3840&amp;q=100"/><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 390 430" class="absolute w-full h-full z-10 m-auto will-change-transform opacity-0 transition-opacity group-hover:opacity-100"><g stroke="var(--foreground-lighter)" filter="url(#filter5_bd_467_4905)"><path d="M192.144 125.816h-53.465c-8.506 0-16.159 5.17-19.334 13.061L99.0045 189.43c-3.0613 7.608-1.3448 16.306 4.3775 22.181l10.232 10.506c4.792 4.919 7.474 11.516 7.474 18.384l-.001 14.473c0 20.197 16.373 36.569 36.569 36.569 6.16 0 11.154-4.993 11.154-11.153l.001-86.241c0-18.629 7.441-36.486 20.668-49.602 2.746-2.723 7.178-2.704 9.9.041 2.722 2.745 2.703 7.178-.042 9.9-10.577 10.488-16.526 24.766-16.526 39.661l-.001 86.241c0 13.892-11.262 25.153-25.154 25.153-27.928 0-50.569-22.64-50.569-50.569l.001-14.474c0-3.218-1.257-6.309-3.503-8.615L93.353 221.38c-9.5904-9.847-12.4673-24.424-7.3366-37.176l20.3406-50.553c5.308-13.192 18.101-21.835 32.322-21.835h55.729v.084h10.339c49.104 0 88.91 39.806 88.91 88.91v50.842c0 3.866-3.134 7-7 7s-7-3.134-7-7V200.81c0-41.372-33.538-74.91-74.91-74.91H193.23c-.37 0-.732-.029-1.086-.084Z"></path><path d="M210.03 283.94c0-3.866-3.134-7-7-7s-7 3.134-7 7v3.113c0 26.959 21.854 48.814 48.813 48.814 26.351 0 47.825-20.879 48.781-46.996h24.614c3.866 0 7-3.134 7-7s-3.134-7-7-7h-26.841c-30.744 0-60.256-12.083-82.173-33.643-2.756-2.711-7.188-2.675-9.899.081-2.711 2.756-2.675 7.188.081 9.9 21.725 21.371 50.116 34.423 80.228 37.134-.679 18.629-15.995 33.524-34.791 33.524-19.227 0-34.813-15.587-34.813-34.814v-3.113ZM238.03 202.145c0 4.792 3.885 8.677 8.677 8.677s8.676-3.885 8.676-8.677-3.884-8.676-8.676-8.676-8.677 3.884-8.677 8.676Z"></path></g><path stroke="url(#a)" d="M192.144 125.816h-53.465c-8.506 0-16.159 5.17-19.334 13.061L99.0045 189.43c-3.0613 7.608-1.3448 16.306 4.3775 22.181l10.232 10.506c4.792 4.919 7.474 11.516 7.474 18.384l-.001 14.473c0 20.197 16.373 36.569 36.569 36.569 6.16 0 11.154-4.993 11.154-11.153l.001-86.241c0-18.629 7.441-36.486 20.668-49.602 2.746-2.723 7.178-2.704 9.9.041 2.722 2.745 2.703 7.178-.042 9.9-10.577 10.488-16.526 24.766-16.526 39.661l-.001 86.241c0 13.892-11.262 25.153-25.154 25.153-27.928 0-50.569-22.64-50.569-50.569l.001-14.474c0-3.218-1.257-6.309-3.503-8.615L93.353 221.38c-9.5904-9.847-12.4673-24.424-7.3366-37.176l20.3406-50.553c5.308-13.192 18.101-21.835 32.322-21.835h55.729v.084h10.339c49.104 0 88.91 39.806 88.91 88.91v50.842c0 3.866-3.134 7-7 7s-7-3.134-7-7V200.81c0-41.372-33.538-74.91-74.91-74.91H193.23c-.37 0-.732-.029-1.086-.084Z"></path><path stroke="url(#b)" d="M210.03 283.94c0-3.866-3.134-7-7-7s-7 3.134-7 7v3.113c0 26.959 21.854 48.814 48.813 48.814 26.351 0 47.825-20.879 48.781-46.996h24.614c3.866 0 7-3.134 7-7s-3.134-7-7-7h-26.841c-30.744 0-60.256-12.083-82.173-33.643-2.756-2.711-7.188-2.675-9.899.081-2.711 2.756-2.675 7.188.081 9.9 21.725 21.371 50.116 34.423 80.228 37.134-.679 18.629-15.995 33.524-34.791 33.524-19.227 0-34.813-15.587-34.813-34.814v-3.113Z"></path><path stroke="url(#c)" d="M238.03 202.145c0 4.792 3.885 8.677 8.677 8.677s8.676-3.885 8.676-8.677-3.884-8.676-8.676-8.676-8.677 3.884-8.677 8.676Z"></path><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0) rotate(45) scale(166 180)"><stop stop-color="hsl(var(--brand-default))"></stop><stop offset="1" stop-color="var(--foreground-lighter)"></stop></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0) rotate(45) scale(166 180)"><stop stop-color="hsl(var(--brand-default))"></stop><stop offset="1" stop-color="var(--foreground-lighter)"></stop></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0) rotate(45) scale(166 180)"><stop stop-color="hsl(var(--brand-default))"></stop><stop offset="1" stop-color="var(--foreground-lighter)"></stop></radialGradient></defs></svg></span></figure></span><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3" href="/auth"><div class="group/panel [--panel-radius:var(--radius-lg)] md:[--panel-radius:var(--radius-xl)] rounded-(--panel-radius) p-px bg-surface-75 bg-linear-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md hover:bg-none hover:bg-border-stronger! relative w-full h-full"><div class="z-10 rounded-[calc(var(--panel-radius)-1px)] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:font-normal! [&amp;_strong]:text-foreground! p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.03305 15.8071H12.7252M5.03305 15.8071V18.884H12.7252V15.8071M5.03305 15.8071V12.7302H12.7252V15.8071M15.0419 8.15385V5.07692C15.0419 3.37759 13.6643 2 11.965 2C10.2657 2 8.88814 3.37759 8.88814 5.07692V8.15385M5 11.2307L5 18.9231C5 20.6224 6.37757 22 8.07689 22H15.769C17.4683 22 18.8459 20.6224 18.8459 18.9231V11.2307C18.8459 9.53142 17.4683 8.15385 15.769 8.15385L8.07689 8.15385C6.37757 8.15385 5 9.53142 5 11.2307Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Authentication</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:text-foreground!"><strong>Add user sign ups and logins</strong>,<br class="hidden lg:inline-block"/> securing your data with Row Level Security.</p></div></div><span aria-hidden="true"><figure class="group absolute inset-0 z-0 -top-16 xl:top-0 xl:bottom-0 hidden sm:block" role="img" aria-label="Supabase Authentication provides Row Level Security which enables you to define custom Policies to restrict access to your database"><img draggable="false" alt="Supabase Authentication user db rows" decoding="async" data-nimg="fill" class="hidden dark:block absolute inset-0 object-cover object-center xl:object-bottom" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/index/products/auth.svg"/><img draggable="false" alt="Supabase Authentication user db rows" aria-hidden="true" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block absolute inset-0 object-cover object-center xl:object-bottom opacity-0 group-hover:opacity-100 transition-opacity" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/index/products/auth-active.svg"/><img draggable="false" alt="Supabase Authentication user db rows" decoding="async" data-nimg="fill" class="dark:hidden absolute inset-0 object-cover object-center xl:object-bottom" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/index/products/auth-light.svg"/><img draggable="false" alt="Supabase Authentication user db rows" aria-hidden="true" loading="lazy" decoding="async" data-nimg="fill" class="dark:hidden absolute inset-0 object-cover object-center xl:object-bottom opacity-0 group-hover:opacity-100 transition-opacity" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/index/products/auth-active-light.svg"/></figure></span><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3" href="/edge-functions"><div class="group/panel [--panel-radius:var(--radius-lg)] md:[--panel-radius:var(--radius-xl)] rounded-(--panel-radius) p-px bg-surface-75 bg-linear-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md hover:bg-none hover:bg-border-stronger! relative w-full h-full"><div class="z-10 rounded-[calc(var(--panel-radius)-1px)] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:font-normal! [&amp;_strong]:text-foreground! p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.6594 21.8201C8.10788 22.5739 9.75418 23 11.5 23C17.299 23 22 18.299 22 12.5C22 10.7494 21.5716 9.09889 20.8139 7.64754M16.4016 3.21191C14.9384 2.43814 13.2704 2 11.5 2C5.70101 2 1 6.70101 1 12.5C1 14.287 1.44643 15.9698 2.23384 17.4428M2.23384 17.4428C1.81058 17.96 1.55664 18.6211 1.55664 19.3416C1.55664 20.9984 2.89979 22.3416 4.55664 22.3416C6.21349 22.3416 7.55664 20.9984 7.55664 19.3416C7.55664 17.6847 6.21349 16.3416 4.55664 16.3416C3.62021 16.3416 2.78399 16.7706 2.23384 17.4428ZM21.5 5.64783C21.5 7.30468 20.1569 8.64783 18.5 8.64783C16.8432 8.64783 15.5 7.30468 15.5 5.64783C15.5 3.99097 16.8432 2.64783 18.5 2.64783C20.1569 2.64783 21.5 3.99097 21.5 5.64783ZM18.25 12.5C18.25 16.2279 15.2279 19.25 11.5 19.25C7.77208 19.25 4.75 16.2279 4.75 12.5C4.75 8.77208 7.77208 5.75 11.5 5.75C15.2279 5.75 18.25 8.77208 18.25 12.5Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Edge Functions</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:text-foreground!">Easily write custom code<br class="hidden sm:inline-block"/> <strong>without deploying or scaling servers.</strong></p></div></div><span aria-hidden="true"><figure class="absolute inset-0 z-20 hidden sm:block" role="img" aria-label="Supabase Edge Functions visual composition"><img alt="Supabase Edge Functions globe" decoding="async" data-nimg="fill" class="hidden dark:block absolute inset-0 object-cover object-center" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/index/products/edge-functions-dark.svg"/><img alt="Supabase Edge Functions globe" decoding="async" data-nimg="fill" class="dark:hidden absolute inset-0 object-cover object-center" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/index/products/edge-functions-light.svg"/><div class=" absolute inset-0 top-[48%] xl:top-[45%] w-full max-w-[200px] h-fit mx-auto px-2.5 py-1.5 flex items-center justify-start rounded-full bg-surface-100 border border-strong text-xs text-foreground-lighter text-left "><span class="mr-2">$</span>supabase<span class="ml-1 text-primary inline-block">functions <span>deploy</span></span></div></figure></span><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3" href="/storage"><div class="group/panel [--panel-radius:var(--radius-lg)] md:[--panel-radius:var(--radius-xl)] rounded-(--panel-radius) p-px bg-surface-75 bg-linear-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md hover:bg-none hover:bg-border-stronger! relative w-full h-full"><div class="z-10 rounded-[calc(var(--panel-radius)-1px)] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:font-normal! [&amp;_strong]:text-foreground! p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.4997 12.1386V9.15811L14.8463 3.53163H6.43717C5.57423 3.53163 4.87467 4.23119 4.87467 5.09413V9.78087M20.4447 9.13199L14.844 3.53125L14.844 7.56949C14.844 8.43243 15.5436 9.13199 16.4065 9.13199L20.4447 9.13199ZM7.12729 9.78087H4.83398C3.97104 9.78087 3.27148 10.4804 3.27148 11.3434V19.1559C3.27148 20.8818 4.67059 22.2809 6.39648 22.2809H18.8965C20.6224 22.2809 22.0215 20.8818 22.0215 19.1559V13.7011C22.0215 12.8381 21.3219 12.1386 20.459 12.1386H10.8032C10.3933 12.1386 9.99969 11.9774 9.70743 11.6899L8.22312 10.2296C7.93086 9.94202 7.53729 9.78087 7.12729 9.78087Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Storage</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:text-foreground!"><strong>Store, organize, and serve</strong><br class="hidden sm:inline-block xl:hidden 2xl:inline-block"/> large files, from videos to images.</p></div></div><span aria-hidden="true"><figure class="absolute inset-0 overflow-hidden nowrap hidden sm:block" role="img" aria-label="Supabase Storage supports images, documents and videos"><div class="relative h-full left-0 w-auto items-end pb-4 z-10 flex pause animate-marquee motion-safe:group-hover:run will-change-transform transition-transform"><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div></div><div class="relative h-full left-0 w-auto items-end pb-4 z-10 flex pause animate-marquee motion-safe:group-hover:run will-change-transform transition-transform"><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div></div></figure></span><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3 hover:cursor-[url(&#x27;/images/index/products/realtime-cursor-light.svg&#x27;),auto]! dark:hover:cursor-[url(&#x27;/images/index/products/realtime-cursor-dark.svg&#x27;),auto]!" href="/realtime"><div class="group/panel [--panel-radius:var(--radius-lg)] md:[--panel-radius:var(--radius-xl)] rounded-(--panel-radius) p-px bg-surface-75 bg-linear-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md hover:bg-none hover:bg-border-stronger! relative w-full h-full"><div class="z-10 rounded-[calc(var(--panel-radius)-1px)] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:font-normal! [&amp;_strong]:text-foreground! p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.15928 1.94531V5.84117M6.24345 5.84117L2.91385 2.40977M6.24345 8.53673H2.4248M16.7998 16.496L21.9988 15.2019C22.7217 15.022 22.8065 14.0285 22.1246 13.7286L9.73411 8.28034C9.08269 7.99391 8.41873 8.65652 8.70383 9.30851L14.0544 21.5445C14.3518 22.2247 15.341 22.1456 15.5266 21.4269L16.7998 16.496Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Realtime</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:text-foreground!"><strong>Build multiplayer experiences</strong><br class="hidden sm:inline-block"/> with real-time data synchronization.</p></div></div><span aria-hidden="true"><figure class="absolute inset-0 xl:-bottom-2 2xl:bottom-0 z-0 w-full overflow-hidden pointer-events-none hidden sm:block" role="img" aria-label="Supabase Realtime multiplayer app demo"><img alt="Supabase Realtime" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block absolute object-cover xl:object-center inset-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/index/products/realtime-dark.svg"/><img alt="Supabase Realtime" loading="lazy" decoding="async" data-nimg="fill" class="dark:hidden absolute object-cover xl:object-center inset-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/index/products/realtime-light.svg"/><div class="absolute will-change-transform pointer-events-none" style="position:absolute;top:60%;left:30%;transform:translate(0px, 0px) translate(-50%, -50%);transition:transform 0.75s ease-out"><svg width="30" height="38" viewBox="0 0 30 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.58385 1.69742C2.57836 0.865603 1.05859 1.58076 1.05859 2.88572V35.6296C1.05859 37.1049 2.93111 37.7381 3.8265 36.5656L12.5863 25.0943C12.6889 24.96 12.8483 24.8812 13.0173 24.8812H27.3245C28.7697 24.8812 29.4211 23.0719 28.3076 22.1507L3.58385 1.69742Z" fill="var(--background-surface-200)" stroke="var(--foreground-lighter)" stroke-linejoin="round"></path></svg><div class="w-[66.70px]! h-[33.35px]! absolute left-full flex items-center justify-center gap-1 -top-6 border border-foreground-lighter/70 rounded-full bg-surface-100"><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_200ms_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_400ms_infinite] pause group-hover:run"></div></div></div><div class="absolute will-change-transform scale-[80%] pointer-events-none" style="position:absolute;top:80%;left:65%;transform:translate(0px, 0px) translate(-50%, -50%);transition:transform 1s ease-out"><svg width="20" height="28" viewBox="0 0 30 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.58385 1.69742C2.57836 0.865603 1.05859 1.58076 1.05859 2.88572V35.6296C1.05859 37.1049 2.93111 37.7381 3.8265 36.5656L12.5863 25.0943C12.6889 24.96 12.8483 24.8812 13.0173 24.8812H27.3245C28.7697 24.8812 29.4211 23.0719 28.3076 22.1507L3.58385 1.69742Z" fill="var(--background-surface-200)" stroke="var(--foreground-lighter)" stroke-linejoin="round"></path></svg><div class="w-[55px]! h-[28px]! absolute left-full flex items-center justify-center gap-1 -top-6 border border-foreground-muted rounded-full bg-surface-100 opacity-0 group-hover:opacity-100 transition-opacity"><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_200ms_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_400ms_infinite] pause group-hover:run"></div></div></div><div class="absolute will-change-transform w-1 h-1 opacity-0 motion-safe:group-hover:opacity-100 delay-0 duration-75 group-hover:duration-300 transition-opacity pointer-events-none" style="position:absolute;top:0;left:0;transform:translate(0px, 0px) translate(-50%, -50%)"><div class="w-auto h-auto px-2.5 py-1.5 absolute left-full flex items-center justify-center gap-1 -top-6 border border-brand-default rounded-full bg-brand-300"><div class="w-1.5 h-1.5 rounded-full bg-brand-default animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-brand-default animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_200ms_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-brand-default animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_400ms_infinite] pause group-hover:run"></div></div></div><div class=" visual-overlay absolute pointer-events-none w-full h-full max-h-[400px] lg:max-h-none inset-0 top-auto bg-[linear-gradient(to_top,transparent_0%,transparent_50%,var(--background-surface-75)_85%)] "></div></figure></span><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3" href="/modules/vector"><div class="group/panel [--panel-radius:var(--radius-lg)] md:[--panel-radius:var(--radius-xl)] rounded-(--panel-radius) p-px bg-surface-75 bg-linear-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md hover:bg-none hover:bg-border-stronger! relative w-full h-full"><div class="z-10 rounded-[calc(var(--panel-radius)-1px)] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:font-normal! [&amp;_strong]:text-foreground! p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9983 11.4482V21.7337M11.9983 11.4482L21.0732 6.17699M11.9983 11.4482L2.92383 6.17723M2.92383 6.17723V12.4849M2.92383 6.17723V6.1232L8.35978 2.9657M21.0736 12.54V6.1232L15.6376 2.9657M17.7247 18.6107L11.9987 21.9367L6.27265 18.6107" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Vector</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:text-foreground!">Integrate your favorite ML-models to <br class="hidden sm:inline-block md:hidden"/><strong>store, index and search vector embeddings</strong>.</p><span class="hidden lg:block text-foreground"><ul class="flex flex-col gap-1 text-sm"><li class="flex items-center gap-2"><svg role="img" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><title>OpenAI logo</title><path d="M19.7082 11.2701C20.1166 10.0449 19.9764 8.70392 19.3242 7.58845C18.3429 5.88172 16.3679 5.00397 14.4418 5.41237C13.5823 4.44928 12.351 3.90069 11.0588 3.90679C9.08995 3.90679 7.34055 5.17464 6.73101 7.04595C5.46315 7.30806 4.37206 8.10047 3.73204 9.22203C2.74458 10.9288 2.97011 13.0744 4.29282 14.5373C3.88443 15.7625 4.02462 17.1035 4.67684 18.2128C5.65821 19.9257 7.63314 20.8034 9.5654 20.395C10.4188 21.3581 11.65 21.9128 12.9423 21.9067C14.9111 21.9067 16.6605 20.6388 17.2701 18.7675C18.5379 18.5054 19.629 17.713 20.2629 16.5914C21.2565 14.8847 21.031 12.7391 19.7082 11.2762V11.2701ZM18.3063 8.17971C18.6964 8.8624 18.8427 9.6609 18.7086 10.435C18.6842 10.4167 18.6354 10.3924 18.605 10.3741L15.0208 8.30162C14.838 8.19799 14.6124 8.19799 14.4296 8.30162L10.2298 10.7276V8.94774L13.6981 6.94233C15.3134 6.00972 17.3737 6.56441 18.3063 8.17971ZM10.2298 11.8797L11.9975 10.8556L13.7652 11.8797V13.9216L11.9975 14.9457L10.2298 13.9216V11.8797ZM11.0527 5.08321C11.8451 5.08321 12.607 5.35751 13.2166 5.86343C13.1922 5.87562 13.1434 5.9061 13.1069 5.92439L9.52273 7.99075C9.33987 8.09437 9.23015 8.28943 9.23015 8.50277V13.3548L7.68799 12.4648V8.454C7.68799 6.58879 9.19357 5.08321 11.0588 5.07712L11.0527 5.08321ZM4.75608 9.81329C5.15228 9.1306 5.76792 8.60639 6.51157 8.33209V12.5928C6.51157 12.8062 6.62129 12.9951 6.80415 13.1048L10.9978 15.5247L9.44958 16.4208L5.98736 14.4215C4.37816 13.4889 3.82347 11.4286 4.75608 9.81329ZM5.70087 17.6338C5.30467 16.9572 5.16447 16.1526 5.29857 15.3784C5.32296 15.3967 5.37172 15.4211 5.4022 15.4394L8.98633 17.5119C9.16919 17.6155 9.39472 17.6155 9.57759 17.5119L13.7713 15.0859V16.8657L10.3029 18.8651C8.68765 19.7916 6.62738 19.243 5.69478 17.6338H5.70087ZM12.9484 20.7303C12.1621 20.7303 11.394 20.456 10.7906 19.95C10.815 19.9379 10.8698 19.9074 10.9003 19.8891L14.4844 17.8227C14.6673 17.7191 14.7831 17.524 14.777 17.3107V12.4648L16.3192 13.3548V17.3595C16.3192 19.2247 14.8075 20.7364 12.9484 20.7364V20.7303ZM19.2511 16.0002C18.8549 16.6829 18.2331 17.2071 17.4956 17.4753V13.2146C17.4956 13.0012 17.3859 12.8062 17.203 12.7025L13.0032 10.2765L14.5454 9.38661L18.0137 11.3859C19.629 12.3185 20.1776 14.3788 19.245 15.9941L19.2511 16.0002Z" fill="currentColor"></path></svg><span>OpenAI</span></li><li class="flex items-center gap-2"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Hugging Face logo</title><path d="M14.5063 9.99415C14.6241 10.0358 14.7118 10.1627 14.7951 10.2834C14.9078 10.4466 15.0127 10.5984 15.1736 10.5128C15.7037 10.2309 15.905 9.57264 15.6231 9.04248C15.3412 8.51234 14.6829 8.31108 14.1527 8.59297C13.6226 8.87486 13.4213 9.53316 13.7032 10.0633C13.7778 10.2036 13.9432 10.1374 14.1179 10.0675C14.2548 10.0127 14.3974 9.95571 14.5063 9.99415Z" fill="currentColor"></path><path d="M9.09514 10.2834C9.17851 10.1627 9.26617 10.0358 9.38402 9.99415C9.49288 9.95571 9.63547 10.0127 9.77241 10.0675C9.94706 10.1374 10.1125 10.2036 10.1871 10.0633C10.469 9.53316 10.2677 8.87486 9.73755 8.59297C9.20739 8.31108 8.54909 8.51234 8.2672 9.04248C7.98531 9.57264 8.18657 10.2309 8.71673 10.5128C8.87762 10.5984 8.98246 10.4466 9.09514 10.2834Z" fill="currentColor"></path><path d="M17.161 11.018C17.5512 11.018 17.8676 10.7016 17.8676 10.3113C17.8676 9.92101 17.5512 9.60461 17.161 9.60461C16.7706 9.60461 16.4543 9.92101 16.4543 10.3113C16.4543 10.7016 16.7706 11.018 17.161 11.018Z" fill="currentColor"></path><path d="M7.75666 10.3113C7.75666 10.7016 7.44026 11.018 7.04997 11.018C6.65967 11.018 6.34329 10.7016 6.34329 10.3113C6.34329 9.92101 6.65967 9.60461 7.04997 9.60461C7.44026 9.60461 7.75666 9.92101 7.75666 10.3113Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.2643 11.867C10.7827 12.123 11.3674 12.4118 11.9967 12.4118C12.6281 12.4118 13.2188 12.1198 13.7412 11.8612C13.8755 11.7946 14.0128 11.7271 14.1376 11.6754C14.2558 11.6264 14.4041 11.5735 14.555 11.5634C14.723 11.5521 14.9473 11.5939 15.1049 11.7968C15.2359 11.9654 15.2584 12.172 15.2584 12.3283C15.2584 12.9001 15.062 13.7136 14.5621 14.3945C14.0482 15.0944 13.2161 15.6471 11.9967 15.6471C10.7774 15.6471 9.94528 15.0944 9.43142 14.3945C8.93144 13.7136 8.73514 12.9001 8.73514 12.3283C8.73514 12.1765 8.75633 11.981 8.87358 11.8169C9.01568 11.618 9.22619 11.5584 9.40046 11.5617C9.5519 11.5646 9.69847 11.613 9.81184 11.6576C9.93225 11.7049 10.0627 11.7677 10.1901 11.8304L10.2643 11.867ZM9.6146 12.5191C9.65304 12.9157 9.80861 13.4387 10.1325 13.8798C10.259 14.052 10.4113 14.2126 10.5946 14.3489C10.8301 14.0628 11.1482 13.8473 11.5124 13.7389C11.5993 13.713 11.6889 13.8627 11.7805 14.0159C11.869 14.1637 11.9594 14.3149 12.0514 14.3149C12.1494 14.3149 12.2457 14.1659 12.3397 14.0204C12.4379 13.8684 12.5336 13.7204 12.6261 13.75C12.6531 13.7586 12.6799 13.7678 12.7063 13.7776C13.0007 13.8867 13.2605 14.0671 13.4646 14.2979C13.619 14.1732 13.7499 14.031 13.861 13.8798C14.1849 13.4386 14.3404 12.9156 14.3789 12.5191C14.3062 12.5523 14.2234 12.5929 14.1271 12.6406L14.0759 12.666C13.5846 12.9098 12.8353 13.2816 11.9967 13.2816C11.1555 13.2816 10.4002 12.9061 9.90763 12.6612L9.90682 12.6608C9.87181 12.6434 9.83812 12.6266 9.80583 12.6107C9.73404 12.5754 9.67084 12.5448 9.6146 12.5191ZM14.3845 12.2678C14.3845 12.2678 14.3845 12.2678 14.3846 12.2681L14.3848 12.2693C14.3846 12.2683 14.3845 12.2678 14.3845 12.2678Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.4818 20.3557C13.0168 20.4352 12.5388 20.4766 12.0511 20.4766C11.5966 20.4766 11.1505 20.4406 10.7155 20.3714C10.1735 20.9859 9.32496 21.297 8.18783 21.297C7.49528 21.297 6.69532 21.1805 5.81077 20.9511L5.81039 20.951C5.79063 20.9455 5.18516 20.7768 4.52417 20.5147C3.44871 20.0883 2.89489 19.691 2.67202 19.1868C2.52503 18.8541 2.53568 18.4968 2.70224 18.1807C2.71768 18.1513 2.73421 18.1226 2.75182 18.095C2.4748 17.6719 2.52785 17.2611 2.57961 17.0639C2.64571 16.8123 2.78248 16.6031 2.96817 16.4529C2.88011 16.3066 2.82118 16.1485 2.79574 15.9721C2.74225 15.6018 2.8651 15.2318 3.14169 14.9306C3.35695 14.696 3.66137 14.5668 3.9984 14.5668L4.00736 14.5669C3.75908 13.7723 3.62529 12.9272 3.62529 12.0508C3.62529 7.39737 7.39765 3.625 12.0511 3.625C16.7046 3.625 20.4769 7.39737 20.4769 12.0508C20.4769 12.9294 20.3425 13.7766 20.093 14.5729C20.1336 14.5689 20.1735 14.5668 20.2126 14.5668C20.5496 14.5668 20.854 14.696 21.0693 14.9306C21.3459 15.2318 21.4687 15.6018 21.4153 15.9721C21.3898 16.1485 21.3309 16.3066 21.2428 16.4529C21.4285 16.6031 21.5653 16.8123 21.6314 17.0639C21.6831 17.2611 21.7362 17.6719 21.4592 18.095C21.4768 18.1226 21.4933 18.1513 21.5087 18.1807C21.6753 18.4968 21.686 18.8541 21.539 19.1868C21.3161 19.691 20.7623 20.0883 19.6868 20.5147C19.0256 20.7769 18.42 20.9456 18.4007 20.951L18.4002 20.9511C17.5157 21.1805 16.7157 21.297 16.0232 21.297C14.8764 21.297 14.0231 20.9806 13.4818 20.3557ZM12.0511 4.49476C16.2242 4.49476 19.6072 7.87772 19.6072 12.0508C19.6072 12.6276 19.5425 13.1893 19.4201 13.7291C19.2075 13.5224 18.9259 13.4098 18.6153 13.4098C18.3335 13.4098 18.0436 13.5031 17.7536 13.6871C17.5611 13.8093 17.3485 14.0258 17.1295 14.2981C16.9266 14.0167 16.6427 13.8297 16.3178 13.7786C16.2556 13.7688 16.1923 13.7638 16.1299 13.7638C15.3882 13.7638 14.942 14.4072 14.7733 14.986C14.6896 15.1815 14.2878 16.0722 13.6833 16.6762C12.7664 17.5926 12.5342 18.5377 12.9826 19.55C12.6774 19.5875 12.3665 19.6069 12.0511 19.6069C11.7713 19.6069 11.495 19.5917 11.223 19.562C11.6786 18.5452 11.4482 17.5962 10.5277 16.6762C9.92322 16.0722 9.52139 15.1815 9.43767 14.986C9.26894 14.4072 8.82275 13.7638 8.08106 13.7638C8.01866 13.7638 7.95538 13.7688 7.8932 13.7786C7.56834 13.8297 7.28436 14.0167 7.08149 14.2981C6.86253 14.0258 6.64987 13.8093 6.45744 13.6871C6.16737 13.5031 5.87752 13.4098 5.59572 13.4098C5.24368 13.4098 4.92905 13.5544 4.70965 13.8166L4.70412 13.8233C4.56745 13.2548 4.49506 12.6613 4.49506 12.0508C4.49506 7.87772 7.87802 4.49476 12.0511 4.49476ZM5.59572 14.2796C5.70662 14.2796 5.84208 14.3268 5.99146 14.4216C6.45526 14.7158 7.35025 16.2542 7.67793 16.8526C7.78774 17.053 7.97539 17.1378 8.14434 17.1378C8.47963 17.1378 8.74143 16.8045 8.175 16.3809C7.32328 15.7436 7.62205 14.7018 8.02866 14.6377C8.04649 14.6349 8.0641 14.6336 8.08106 14.6336C8.45071 14.6336 8.61379 15.2707 8.61379 15.2707C8.61379 15.2707 9.09173 16.4709 9.91278 17.2913C10.7338 18.112 10.7762 18.7706 10.1778 19.6482C9.76971 20.2466 8.98844 20.4273 8.18783 20.4273C7.35742 20.4273 6.50614 20.2329 6.02908 20.1092C6.0056 20.1031 3.10429 19.2835 3.47176 18.586C3.53352 18.4688 3.63528 18.4218 3.76335 18.4218C4.038 18.4218 4.43201 18.6387 4.80181 18.8423C5.12882 19.0224 5.43692 19.192 5.62681 19.192C5.71727 19.192 5.78098 19.1535 5.80707 19.0596C5.88544 18.7784 5.35099 18.5713 4.76671 18.3449C4.06546 18.0732 3.29243 17.7736 3.42088 17.2848C3.46241 17.1263 3.57505 17.0619 3.73334 17.0622C4.13901 17.0622 4.84392 17.4854 5.41743 17.8297C5.81072 18.0658 6.14222 18.2648 6.27305 18.2648C6.29762 18.2648 6.31523 18.2577 6.3248 18.2424C6.48592 17.9824 6.39764 17.8008 5.26195 17.1135C5.17294 17.0596 5.08601 17.0074 5.00159 16.9567C4.00899 16.3606 3.36466 15.9737 3.78249 15.5188C3.83467 15.4618 3.9086 15.4366 3.9984 15.4366C4.68791 15.4368 6.31697 16.9193 6.31697 16.9193C6.31697 16.9193 6.75664 17.3766 7.02256 17.3766C7.08367 17.3766 7.13563 17.3524 7.17086 17.2929C7.26579 17.1328 6.82107 16.6806 6.34216 16.1936C5.87006 15.7135 5.36473 15.1997 5.31044 14.8986C5.23629 14.4877 5.36241 14.2796 5.59572 14.2796ZM18.2195 14.4216C18.3689 14.3268 18.5044 14.2796 18.6153 14.2796C18.8486 14.2796 18.9747 14.4877 18.9006 14.8986C18.8463 15.1997 18.3409 15.7135 17.8688 16.1936C17.3899 16.6806 16.9452 17.1328 17.0401 17.2929C17.0754 17.3524 17.1273 17.3766 17.1884 17.3766C17.4544 17.3766 17.894 16.9193 17.894 16.9193C17.894 16.9193 19.5231 15.4368 20.2126 15.4366C20.3024 15.4366 20.3763 15.4618 20.4285 15.5188C20.8463 15.9737 20.202 16.3606 19.2094 16.9567C19.125 17.0074 19.038 17.0596 18.949 17.1135C17.8133 17.8008 17.7251 17.9824 17.8862 18.2424C17.8958 18.2577 17.9134 18.2648 17.9379 18.2648C18.0688 18.2648 18.4003 18.0658 18.7936 17.8297C19.3671 17.4854 20.072 17.0622 20.4776 17.0622C20.6359 17.0619 20.7486 17.1263 20.7901 17.2848C20.9186 17.7736 20.1455 18.0732 19.4443 18.3449C18.86 18.5713 18.3255 18.7784 18.4039 19.0596C18.43 19.1535 18.4937 19.192 18.5842 19.192C18.7741 19.192 19.0822 19.0224 19.4092 18.8423C19.779 18.6387 20.173 18.4218 20.4476 18.4218C20.5757 18.4218 20.6775 18.4688 20.7392 18.586C21.1067 19.2835 18.2054 20.1031 18.1819 20.1092C17.7048 20.2329 16.8536 20.4273 16.0232 20.4273C15.2225 20.4273 14.4413 20.2466 14.0331 19.6482C13.4348 18.7706 13.4772 18.112 14.2982 17.2913C15.1193 16.4709 15.5972 15.2707 15.5972 15.2707C15.5972 15.2707 15.7603 14.6336 16.1299 14.6336C16.1469 14.6336 16.1645 14.6349 16.1823 14.6377C16.5889 14.7018 16.8877 15.7436 16.036 16.3809C15.4696 16.8045 15.7314 17.1378 16.0667 17.1378C16.2356 17.1378 16.4233 17.053 16.5331 16.8526C16.8607 16.2542 17.7557 14.7158 18.2195 14.4216Z" fill="currentColor"></path></svg><span>Hugging Face</span></li></ul></span></div></div><span aria-hidden="true"><figure class="absolute inset-0 z-0 items-end top-auto aspect-390/430 w-full md:w-[calc(100%+4rem)] 2xl:w-full md:-mx-8 2xl:mx-0 bottom-0 sm:-bottom-28 md:bottom-0 lg:-bottom-28 xl:bottom-0 hidden sm:block" role="img" aria-label="Supabase Vector uses pgvector to store, index, and access embeddings"><span class="absolute w-full h-full lg:aspect-390/430! flex items-end justify-center inset-0 top-16 md:top-20 lg:top-0 bottom-auto mx-auto"><img alt="Supabase Vector graph" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block absolute inset-0 z-0 object-contain object-center" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/index/products/vector-dark.svg"/><img alt="Supabase Vector graph" loading="lazy" decoding="async" data-nimg="fill" class="dark:hidden absolute inset-0 z-0 object-contain object-center" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/index/products/vector-light.svg"/><svg viewBox="0 0 390 430" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute w-full h-full z-20 m-auto opacity-0 group-hover:opacity-100 transition-opacity"><path d="m195.918 125.344 80.861 46.685v93.37l-80.861 46.685-80.861-46.685v-93.37l80.861-46.685Z" stroke="url(#paint0_radial_484_53266)" stroke-width="2"></path><defs><radialGradient id="paint0_radial_484_53266" cx="0" cy="0" r="2" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0) rotate(56.4303) scale(132.019)"><stop stop-color="hsl(var(--brand-default))"></stop><stop offset="1" stop-color="hsl(var(--brand-default))" stop-opacity="0"></stop></radialGradient></defs></svg></span></figure></span><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a href="https://supabase.com/docs/guides/api" class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus-ring rounded-xl col-span-6 xl:col-span-3"><div class="group/panel [--panel-radius:var(--radius-lg)] md:[--panel-radius:var(--radius-xl)] rounded-(--panel-radius) p-px bg-surface-75 bg-linear-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md hover:bg-none hover:bg-border-stronger! relative w-full h-full"><div class="z-10 rounded-[calc(var(--panel-radius)-1px)] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:font-normal! [&amp;_strong]:text-foreground! p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.13477 12.8129C4.13477 14.1481 4.43245 15.4138 4.96506 16.5471M12.925 4.02271C11.5644 4.02271 10.276 4.33184 9.12614 4.88371M21.7152 12.8129C21.7152 11.4644 21.4115 10.1867 20.8688 9.0447M12.925 21.6032C14.2829 21.6032 15.5689 21.2952 16.717 20.7454M16.717 20.7454C17.2587 21.5257 18.1612 22.0366 19.1831 22.0366C20.84 22.0366 22.1831 20.6935 22.1831 19.0366C22.1831 17.3798 20.84 16.0366 19.1831 16.0366C17.5263 16.0366 16.1831 17.3798 16.1831 19.0366C16.1831 19.6716 16.3804 20.2605 16.717 20.7454ZM4.96506 16.5471C4.16552 17.086 3.63965 17.9999 3.63965 19.0366C3.63965 20.6935 4.98279 22.0366 6.63965 22.0366C8.2965 22.0366 9.63965 20.6935 9.63965 19.0366C9.63965 17.3798 8.2965 16.0366 6.63965 16.0366C6.01951 16.0366 5.44333 16.2248 4.96506 16.5471ZM9.12614 4.88371C8.58687 4.08666 7.67444 3.56274 6.63965 3.56274C4.98279 3.56274 3.63965 4.90589 3.63965 6.56274C3.63965 8.2196 4.98279 9.56274 6.63965 9.56274C8.2965 9.56274 9.63965 8.2196 9.63965 6.56274C9.63965 5.94069 9.45032 5.36285 9.12614 4.88371ZM20.8688 9.0447C21.6621 8.50486 22.1831 7.59464 22.1831 6.56274C22.1831 4.90589 20.84 3.56274 19.1831 3.56274C17.5263 3.56274 16.1831 4.90589 16.1831 6.56274C16.1831 8.2196 17.5263 9.56274 19.1831 9.56274C19.8081 9.56274 20.3884 9.37165 20.8688 9.0447Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Data APIs</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:text-foreground!">Instant ready-to-use <strong>REST APIs</strong>.</p></div></div><span aria-hidden="true"><figure class="absolute inset-0 overflow-hidden hidden sm:block"><div class="absolute z-0 inset-0 flex flex-nowrap"><div class="relative h-full aspect-330/430! -right-10 -left-10 items-end pb-2 z-10 flex pause animate-[marquee-reverse_30000ms_linear_both_infinite] motion-safe:group-hover:run will-change-transform"><img draggable="false" alt="Supabase restful DataAPIs" loading="lazy" width="330" height="430" decoding="async" data-nimg="1" class="hidden dark:block h-full! object-contain aspect-330/430!" style="color:transparent" src="/images/index/products/data-apis-lines-dark.svg"/><img draggable="false" alt="Supabase restful DataAPIs" loading="lazy" width="330" height="430" decoding="async" data-nimg="1" class="dark:block h-full! aspect-330/430! not-sr-only" style="color:transparent" src="/images/index/products/data-apis-lines-light.svg"/></div><div class="relative h-full aspect-330/430! -right-10 -left-10 items-end pb-2 z-10 flex pause animate-[marquee-reverse_30000ms_linear_both_infinite] motion-safe:group-hover:run will-change-transform"><img draggable="false" alt="Supabase restful DataAPIs" loading="lazy" width="330" height="430" decoding="async" data-nimg="1" class="hidden dark:block h-full! object-contain aspect-330/430!" style="color:transparent" src="/images/index/products/data-apis-lines-dark.svg"/><img draggable="false" alt="Supabase restful DataAPIs" loading="lazy" width="330" height="430" decoding="async" data-nimg="1" class="dark:block h-full! aspect-330/430! not-sr-only" style="color:transparent" src="/images/index/products/data-apis-lines-light.svg"/></div><div class="relative h-full aspect-330/430! -right-10 -left-10 items-end pb-2 z-10 flex pause animate-[marquee-reverse_30000ms_linear_both_infinite] motion-safe:group-hover:run will-change-transform"><img draggable="false" alt="Supabase restful DataAPIs" loading="lazy" width="330" height="430" decoding="async" data-nimg="1" class="hidden dark:block h-full! object-contain aspect-330/430!" style="color:transparent" src="/images/index/products/data-apis-lines-dark.svg"/><img draggable="false" alt="Supabase restful DataAPIs" loading="lazy" width="330" height="430" decoding="async" data-nimg="1" class="dark:block h-full! aspect-330/430! not-sr-only" style="color:transparent" src="/images/index/products/data-apis-lines-light.svg"/></div><img draggable="false" alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block absolute h-full! aspect-330/430 inset-0 z-10 object-contain -mt-1.5 object-center bottom-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/index/products/data-apis-dark.svg"/><img draggable="false" alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="dark:hidden absolute h-full aspect-330/430 inset-0 z-10 object-contain -mt-1.5 object-center bottom-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/index/products/data-apis-light.svg"/></div></figure></span><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><p class="text-xl sm:text-2xl text-foreground-lighter col-span-full tracking-[-.01rem]"><span class="text-foreground">Use one or all.</span> Best of breed products. Integrated as a platform.</p></div></section><section id="social-proof"><div><div class="section-container relative py-16 sm:py-18 md:py-24 py-6!"><p class="text-sm text-foreground-lighter">Trusted by fast-growing companies worldwide</p></div><div class="border-y border-border"><div class="section-container relative py-16 sm:py-18 md:py-24 border-x border-border py-10!"><ul aria-label="Trusted by fast-growing companies worldwide" class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-y-10 gap-x-6 list-none"><li class="flex items-center justify-center h-10 text-foreground-lighter opacity-70"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -43 950 259" role="img" aria-label="Lovable" class="h-8 lg:h-12 w-auto"><path fill-rule="evenodd" clip-rule="evenodd" d="M50.7971 0C78.8516 0 101.594 22.8504 101.594 51.0379V70.4355H118.5C146.554 70.4355 169.297 93.2859 169.297 121.473C169.297 149.661 146.554 172.511 118.5 172.511H0V51.0379C0 22.8504 22.7426 0 50.7971 0Z" fill="currentColor"></path><path d="M894.108 172.511C882.443 172.511 872.308 170.288 863.705 165.84C855.102 161.32 848.394 154.539 843.582 145.498C838.843 136.458 836.473 125.266 836.473 111.923C836.473 99.2372 838.952 88.3008 843.91 79.1142C848.868 69.8547 855.721 62.8189 864.47 58.0069C873.22 53.1948 883.172 50.7888 894.327 50.7888C905.045 50.7888 914.559 53.1219 922.871 57.7881C931.183 62.4543 937.635 69.2349 942.228 78.1299C946.895 87.0249 949.228 97.6696 949.228 110.064C949.228 114.512 949.191 118.048 949.118 120.673H861.955V97.7061H928.011L915.544 101.971C915.544 95.9927 914.669 90.9984 912.919 86.9884C911.242 82.9055 908.763 79.8433 905.482 77.8018C902.201 75.7603 898.228 74.7396 893.561 74.7396C888.676 74.7396 884.375 75.9426 880.656 78.3486C877.011 80.6817 874.167 84.1814 872.126 88.8476C870.157 93.5138 869.173 99.1278 869.173 105.69V116.954C869.173 123.662 870.194 129.349 872.235 134.015C874.277 138.681 877.193 142.217 880.984 144.623C884.776 146.956 889.26 148.123 894.436 148.123C900.123 148.123 904.826 146.665 908.544 143.748C912.263 140.759 914.596 136.567 915.544 131.172H948.681C947.66 139.629 944.78 146.956 940.041 153.154C935.375 159.351 929.141 164.127 921.34 167.481C913.539 170.834 904.461 172.511 894.108 172.511Z" fill="currentColor"></path><path d="M793.427 12.5112H826.564V169.34H793.427V12.5112Z" fill="currentColor"></path><path d="M737.038 172.511C730.768 172.511 725.154 171.418 720.196 169.23C715.311 167.043 711.155 163.762 707.729 159.388C704.302 154.94 701.75 149.472 700.073 142.983L703.573 143.967V169.34H670.764V53.9603H703.901V79.7703L700.183 80.4265C701.859 74.2292 704.411 68.9432 707.838 64.5686C711.338 60.1212 715.603 56.7309 720.634 54.3978C725.664 51.9918 731.315 50.7887 737.585 50.7887C746.99 50.7887 755.156 53.2312 762.083 58.1162C769.009 63.0011 774.332 70.0369 778.05 79.2235C781.768 88.3372 783.628 99.1642 783.628 111.705C783.628 124.172 781.732 134.999 777.941 144.186C774.149 153.3 768.717 160.299 761.645 165.184C754.646 170.069 746.444 172.511 737.038 172.511ZM726.758 147.248C731.716 147.248 735.872 145.79 739.226 142.874C742.652 139.957 745.204 135.838 746.881 130.515C748.631 125.193 749.506 118.923 749.506 111.705C749.506 104.487 748.631 98.2164 746.881 92.894C745.204 87.5716 742.652 83.4522 739.226 80.5358C735.872 77.5465 731.716 76.0519 726.758 76.0519C721.873 76.0519 717.681 77.5465 714.181 80.5358C710.754 83.4522 708.166 87.6081 706.416 93.0034C704.666 98.3258 703.792 104.56 703.792 111.705C703.792 118.923 704.666 125.193 706.416 130.515C708.166 135.838 710.754 139.957 714.181 142.874C717.681 145.79 721.873 147.248 726.758 147.248ZM670.764 12.5112H703.901V53.9603H670.764V12.5112Z" fill="currentColor"></path><path d="M587.583 172.511C580.365 172.511 573.876 171.09 568.116 168.246C562.429 165.403 557.945 161.356 554.664 156.107C551.456 150.784 549.852 144.587 549.852 137.515C549.852 126.724 553.023 118.485 559.367 112.798C565.71 107.039 574.86 103.284 586.817 101.534L606.831 98.6904C610.841 98.1071 614.012 97.378 616.345 96.5031C618.679 95.6282 620.392 94.4616 621.486 93.0034C622.579 91.4723 623.126 89.5402 623.126 87.2071C623.126 84.8011 622.47 82.6138 621.157 80.6453C619.918 78.6038 618.022 76.9998 615.471 75.8332C612.992 74.5938 609.966 73.9741 606.393 73.9741C600.706 73.9741 596.149 75.4687 592.723 78.458C589.296 81.3744 587.437 85.3844 587.145 90.4881H552.914C553.206 82.7597 555.539 75.9062 559.913 69.9276C564.361 63.8761 570.522 59.1734 578.396 55.8196C586.27 52.4657 595.384 50.7888 605.737 50.7888C616.601 50.7888 625.787 52.5751 633.297 56.1477C640.807 59.6473 646.457 64.6781 650.248 71.2399C654.113 77.8018 656.045 85.6396 656.045 94.7533V142.874C656.045 148.05 656.409 152.862 657.138 157.31C657.94 161.684 659.07 164.455 660.529 165.621V169.34H626.079C625.277 166.205 624.657 162.669 624.22 158.731C623.782 154.794 623.527 150.638 623.454 146.264L628.813 143.967C627.428 149.144 624.876 153.919 621.157 158.294C617.512 162.596 612.809 166.059 607.049 168.684C601.363 171.235 594.874 172.511 587.583 172.511ZM599.831 148.232C604.498 148.232 608.617 147.212 612.19 145.17C615.762 143.056 618.496 140.139 620.392 136.421C622.36 132.703 623.345 128.474 623.345 123.735V108.643L626.079 110.174C624.329 112.507 622.142 114.293 619.517 115.532C616.965 116.772 613.502 117.829 609.127 118.704L600.706 120.345C595.092 121.438 590.864 123.115 588.02 125.375C585.25 127.635 583.864 130.807 583.864 134.89C583.864 138.973 585.359 142.217 588.348 144.623C591.337 147.029 595.165 148.232 599.831 148.232Z" fill="currentColor"></path><path d="M437.14 53.9604H472.355L502.649 152.935H492.041L521.132 53.9604H555.363L515.445 169.34H478.589L437.14 53.9604Z" fill="currentColor"></path><path d="M385.345 172.511C373.898 172.511 363.837 170.032 355.161 165.075C346.557 160.117 339.886 153.044 335.147 143.858C330.481 134.671 328.148 123.917 328.148 111.595C328.148 99.2737 330.481 88.556 335.147 79.4423C339.886 70.2557 346.557 63.1834 355.161 58.2256C363.837 53.2677 373.898 50.7888 385.345 50.7888C396.792 50.7888 406.817 53.2677 415.42 58.2256C424.024 63.1834 430.659 70.2557 435.325 79.4423C440.064 88.556 442.433 99.2737 442.433 111.595C442.433 123.917 440.064 134.671 435.325 143.858C430.659 153.044 424.024 160.117 415.42 165.075C406.817 170.032 396.792 172.511 385.345 172.511ZM385.345 147.139C390.157 147.139 394.277 145.826 397.703 143.202C401.13 140.504 403.755 136.53 405.578 131.281C407.4 125.959 408.312 119.397 408.312 111.595C408.312 100.003 406.307 91.2172 402.297 85.2386C398.287 79.1871 392.636 76.1613 385.345 76.1613C380.533 76.1613 376.377 77.5102 372.878 80.2078C369.451 82.8326 366.826 86.8061 365.003 92.1285C363.181 97.378 362.269 103.867 362.269 111.595C362.269 119.324 363.181 125.849 365.003 131.172C366.826 136.494 369.451 140.504 372.878 143.202C376.377 145.826 380.533 147.139 385.345 147.139Z" fill="currentColor"></path><path d="M231.297 12.5112H265.637V144.902L259.513 137.793C259.513 137.793 276.521 137.793 305.78 137.793C335.038 137.793 331.037 169.34 331.037 169.34H231.297V12.5112Z" fill="currentColor"></path></svg></li><li class="flex items-center justify-center h-10 text-foreground-lighter opacity-70"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 114 60" role="img" aria-label="Mozilla" class="h-8 lg:h-12 w-auto"><path fill="currentColor" d="M103.092 37.493a2 2 0 0 1-.545.089c-.608 0-.894-.26-.894-1.008v-5.65c0-2.966-2.364-4.411-5.16-4.411-2.136 0-3.284.26-5.565 1.18l-.51 2.993 2.967.317.421-1.466c.609-.317 1.211-.374 1.99-.374 2.105 0 2.136 1.585 2.136 2.91v.431c-.665-.088-1.413-.114-2.136-.114-2.967 0-6.053.748-6.053 3.95 0 2.706 2.13 3.72 4.006 3.72 2.105 0 3.43-1.268 4.178-2.593.171 1.585 1.122 2.593 2.853 2.593.805 0 1.642-.229 2.333-.608zm-7.981-.083c-1.123 0-1.528-.665-1.528-1.502 0-1.413 1.154-1.787 2.479-1.787.603 0 1.267.088 1.876.171-.089 2.167-1.502 3.118-2.827 3.118m-4.994-17.47-5.623 19.835h-3.663l5.623-19.835zm-7.55 0-5.623 19.835h-3.658l5.623-19.835zm-15.61 6.833h3.892v4.666h-3.892zm0 8.33h3.892v4.672h-3.892zm-5.664-.172 2.941.286-.805 4.558h-11.36l-.374-1.96 7.15-8.215h-4.063l-.577 2.016-2.681-.291.462-4.557h11.417l.29 1.959-7.212 8.22h4.21zm-18.629-8.417c-4.671 0-6.978 3.143-6.978 6.947 0 4.152 2.769 6.6 6.775 6.6 4.152 0 7.15-2.625 7.15-6.776 0-3.633-2.28-6.771-6.947-6.771m-.088 10.693c-2.016 0-3.056-1.73-3.056-3.98 0-2.452 1.18-3.86 3.087-3.86 1.756 0 3.17 1.179 3.17 3.803 0 2.479-1.268 4.037-3.201 4.037m-10.237-.26h1.73v2.828h-5.45v-7.322c0-2.25-.749-3.113-2.22-3.113-1.787 0-2.509 1.268-2.509 3.087v4.52h1.73v2.828h-5.445v-7.322c0-2.25-.749-3.113-2.22-3.113-1.787 0-2.51 1.268-2.51 3.087v4.52h2.48v2.828H10v-2.827h1.73v-7.353H10v-2.827h5.446v1.959c.78-1.382 2.136-2.219 3.95-2.219 1.875 0 3.6.894 4.24 2.796.722-1.73 2.192-2.796 4.24-2.796 2.332 0 4.468 1.414 4.468 4.495v5.945z"></path></svg></li><li class="flex items-center justify-center h-10 text-foreground-lighter opacity-70"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 113 60" role="img" aria-label="Pwc" class="h-8 lg:h-12 w-auto"><g clip-path="url(#pwc-logo-clip)"><mask id="b" width="96" height="56" x="7" y="18" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M102.931 18.71H7.608v54.48h95.323z"></path></mask><g mask="url(#b)"><path fill="currentColor" d="M102.931 42.104H76.766V35.42h26.165z"></path><path fill="currentColor" d="M99.532 42.104H76.766V25.39h22.766z"></path><path fill="currentColor" d="M90.126 42.103h-13.36V18.711h13.36z"></path><path fill="currentColor" d="M92.755 42.103h-15.99V21.321h15.99z"></path><path fill="currentColor" d="M76.762 21.325v20.776h13.363V21.325z"></path><path fill="currentColor" d="M63.368 42.104h13.398v3.34H63.368z"></path><path fill="currentColor" d="M90.046 25.386v10.081h2.717v-10.08z"></path><path fill="currentColor" d="M76.762 25.386v16.715h13.363V25.386z"></path><path fill="currentColor" d="M85.12 35.533h-8.354v-3.461h8.355z"></path><path fill="currentColor" d="M76.762 35.426V42.1H99.54v-6.675z"></path><path fill="currentColor" d="M90.11 35.426V42.1h2.653v-6.675z"></path><path fill="currentColor" d="M76.762 35.426V42.1h13.363v-6.675z"></path><path fill="currentColor" d="M76.762 35.426V42.1h8.367v-6.675z"></path><path fill="currentColor" d="M65.304 24.755c-2.28.404-3.495 2.123-3.495 5.105 0 3.033 1.62 5.055 4.002 5.055 1.165 0 2.178-.405 4.305-1.466v2.477c-2.583 1.213-4.103 1.516-6.13 1.516-2.279 0-3.9-.556-5.166-1.92-1.317-1.315-2.026-3.033-2.026-5.005 0-4.296 3.242-7.279 7.953-7.279 3.09 0 5.268 1.466 5.268 3.539 0 1.364-1.013 2.325-2.482 2.325-.76 0-1.368-.253-2.23-.708M53.906 30.517c2.077-2.578 2.837-3.64 2.837-4.903 0-1.264-1.014-2.376-2.432-2.376-.81 0-1.57.455-1.925.86v5.307l-3.394 4.55V23.642H45.75l-5.37 8.846v-8.846h-1.823l-4.914 1.112v1.264l2.685.252V37.24h3.394l5.167-8.492v8.492h3.8M23.36 35.521h.76c2.735 0 4.255-1.668 4.255-5.004 0-2.78-1.216-4.296-3.496-4.296-.304 0-.76.05-1.52.202zm0 5.965 2.229.506v1.263h-8.764v-1.264l2.026-.505V26.221h-2.229v-1.264l5.32-1.617h1.418v1.82c2.482-1.517 3.343-1.77 4.66-1.77 2.938 0 5.167 2.73 5.167 6.52 0 4.348-2.989 7.33-7.548 7.33-.506 0-1.368-.05-2.28-.101"></path></g></g><defs><clipPath id="pwc-logo-clip"><path fill="#fff" d="M10.43 18.5h92v27h-92z"></path></clipPath></defs></svg></li><li class="flex items-center justify-center h-10 text-foreground-lighter opacity-70"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 166 60" role="img" aria-label="Figma" class="h-8 lg:h-12 w-auto"><path fill="currentColor" fill-rule="evenodd" d="M45.155 10h16.479q.02 1.977-.039 3.945-6.198.03-12.398.02v8.317q4.761-.01 9.522.02a49 49 0 0 1 0 3.886q-4.761.03-9.522.02.01 7.325-.02 14.651-1.98.018-4.022 0zM30.853 10.04q4.604.73 5.81 5.246.727 5.21-3.925 7.579l-.039-.04a5.1 5.1 0 0 1-1.846.467h-.078q-.978.038-1.943.078h-5.247a571 571 0 0 1-.077-13.292q3.171-.014 6.315-.039l1.01.078a.1.1 0 0 0 .02-.078M23.43 23.331q-3.751.004-7.346 0h-.038a.1.1 0 0 0-.04-.058 5.7 5.7 0 0 1-.97-.195 18 18 0 0 1-1.361-.485q-2.18-1.169-3.07-3.46a.11.11 0 0 1 .038-.096 5 5 0 0 1-.388-1.769.56.56 0 0 0-.117-.31v-.506q.09-.105.117-.253.039-1.11.486-2.157l.524-1.049q1.326-1.985 3.615-2.681a.11.11 0 0 1 .097.038 2.8 2.8 0 0 1 1.05-.194q.482-.084.97-.117h6.22q.124.036.252.078-.018 6.608-.04 13.214" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M30.853 10.04a.1.1 0 0 1-.02.077l-1.01-.078q-3.144.025-6.315.04-.039 6.653.078 13.291h-.118q0-.039-.038-.039.021-6.605.039-13.214a7 7 0 0 0-.253-.078h-6.218q-.489.033-.972.117a2.8 2.8 0 0 0-1.049.194.11.11 0 0 0-.097-.038 7.3 7.3 0 0 1 1.554-.292q7.21-.049 14.42.02M68.396 11.089q2.228-.05 2.895 2.06.277 2.112-1.651 3.012-2.031.599-3.207-1.186-.877-1.865.603-3.284a3.2 3.2 0 0 1 1.36-.602M11.265 12.993l-.524 1.05a6 6 0 0 0-.486 2.157.5.5 0 0 1-.117.252q.074-1.328.603-2.565.207-.487.524-.894M10.138 17.346q.082.027.078.116-.09-.017-.078-.116" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M10.138 16.957a.56.56 0 0 1 .117.311q.032.91.388 1.768a.11.11 0 0 0-.038.098 5.3 5.3 0 0 1-.39-1.672q.006-.089-.077-.116zM85.069 19.522q3.542-.109 6.043 2.371.01-.87.059-1.73 2-.028 4.003-.019.01 9.872-.02 19.743-.559 5.993-5.888 8.687-4.269 1.9-8.589 0a9 9 0 0 1-1.166-.68l-.039-.078a224 224 0 0 1 2.002-3.42q2.755 1.86 5.849.719 3.288-1.495 3.79-5.072.009-1.665.058-3.323-.04-.039-.078 0-2.895 2.775-6.918 2.293-4.296-.706-6.471-4.489-1.809-3.474-1.166-7.229.69-3.57 3.44-5.927a8.73 8.73 0 0 1 5.09-1.846m.233 3.965q3.477-.093 5.188 2.992 1.009 2.12.467 4.43-.821 2.838-3.556 3.945-3.36.93-5.655-1.73-2.142-2.931-.816-6.334 1.344-2.81 4.372-3.303M110.059 19.522q3.576-.068 5.849 2.682.252.397.525.777 2.814-3.967 7.656-3.362 3.988.878 5.422 4.723.356 1.003.505 2.06.096 7.227.039 14.457h-3.984q.01-6.608-.019-13.214-.255-3.227-3.362-4.1-2.797-.39-4.372 1.923a4.4 4.4 0 0 0-.622 1.71q-.029 6.84-.019 13.68h-4.042q.01-6.761-.02-13.524-.486-3.05-3.478-3.79-2.781-.333-4.334 2.041a4.7 4.7 0 0 0-.582 1.827q-.03 6.724-.02 13.447h-4.003q-.007-10.344-.039-20.657a71 71 0 0 1 4.042-.058q-.01.914.02 1.827 1.856-2.351 4.838-2.449M143.832 19.522q4.248-.109 7.268 2.876.048-1.126.039-2.215 2-.058 4.003-.039V40.86q-2.002.02-4.003-.039a48 48 0 0 0-.039-2.215q-2.265 2.259-5.402 2.779-6.441.703-9.969-4.722-2.443-4.382-1.322-9.095 1.007-4.027 4.373-6.432a10.25 10.25 0 0 1 5.052-1.613m.233 3.965q3.476-.129 5.616 2.604 2.4 3.48.816 7.462-1.608 3.36-5.266 3.944-3.456.196-5.616-2.507-2.06-2.888-1.282-6.373.92-3.304 4.061-4.722.364-.126.738-.233.495-.061.933-.175M66.687 20.144h4.041q.01 10.338-.019 20.676a104 104 0 0 1-4.023.039zM13.675 22.593q.667.27 1.36.485.477.14.972.195a.1.1 0 0 1 .038.058 8 8 0 0 1-1.904-.486 4 4 0 0 0-.466-.252M16.084 23.331q3.595.005 7.346 0 .039 0 .039.039v13.253h-6.763a.56.56 0 0 1-.272 0 1.5 1.5 0 0 0-.272 0 4 4 0 0 1-.563-.078l-.04.039a6 6 0 0 0-.33-.117.43.43 0 0 0-.272-.077 6 6 0 0 1-2.37-1.244.26.26 0 0 0-.117-.117 4.5 4.5 0 0 1-.855-.855q.005-.09-.078-.116a5.2 5.2 0 0 1-1.088-2.177.44.44 0 0 0-.078-.194.36.36 0 0 1-.039-.194 1.6 1.6 0 0 0-.077-.35 1.1 1.1 0 0 1-.04-.389q.03-.168-.077-.272v-1.01q.104-.087.078-.233a6.4 6.4 0 0 1 .738-2.449q.082-.027.078-.116l.039-.078q.082-.027.078-.117.102-.185.233-.35.082-.027.078-.116 1.757-2.326 4.624-2.682M23.469 23.37h.039q-.02 2.79.039 5.558a.23.23 0 0 1-.078.155z" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M30.775 23.292q.02.078.04 0h.038q3.762.616 5.422 4.081 1.385 3.665-.933 6.801-2.445 2.791-5.985 2.488-3.77-.609-5.402-4.042a26 26 0 0 1-.35-1.088 1.8 1.8 0 0 1-.058-.428q.021-.128-.078-.194v-1.827a.23.23 0 0 0 .078-.155q.364-2.41 2.215-4.023a6.8 6.8 0 0 1 3.42-1.516q-.174-.028-.35-.019.964-.04 1.943-.078M11.46 26.013q.005.09-.078.116-.005-.089.078-.116M11.149 26.48q.005.089-.078.116-.005-.09.078-.117M11.032 26.674q.005.089-.078.116-.005-.09.078-.116M10.216 29.239q.025.146-.078.233-.027-.15.078-.234M10.138 30.482q.108.105.078.272a.09.09 0 0 1-.058-.039.7.7 0 0 1-.02-.233M10.255 31.143q.057.165.078.35a.5.5 0 0 1-.078-.35M10.372 31.687q.06.084.077.194-.1-.066-.077-.194M11.537 34.058q.082.027.078.116-.082-.027-.078-.116M12.47 35.03q.077.038.117.116-.117 0-.117-.117M14.958 36.39a.43.43 0 0 1 .272.077.43.43 0 0 1-.273-.077M16.434 36.623a.5.5 0 0 1-.272.039v-.04q.119-.012.272 0" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M16.434 36.623a.56.56 0 0 0 .272 0l6.743.078q.03 3.478.02 6.956.021.397-.078.778a1.9 1.9 0 0 0-.117.466q-.805 3.09-3.692 4.489a2.6 2.6 0 0 1-.583.175q-.189.032-.35.116-.21.024-.388.117a.28.28 0 0 1-.233.039 1.3 1.3 0 0 0-.311.02.09.09 0 0 0-.04.057h-.271a.34.34 0 0 0-.272.078h-.467a.09.09 0 0 0-.038-.058 2 2 0 0 0-.39-.02h-.038a6 6 0 0 0-.777-.116h-.04a1.1 1.1 0 0 0-.388-.117.36.36 0 0 1-.194-.039.23.23 0 0 0-.194-.077 1.1 1.1 0 0 1-.467-.156.3.3 0 0 0-.116-.078 4.8 4.8 0 0 1-1.4-.855.43.43 0 0 0-.233-.194 5.8 5.8 0 0 1-1.476-1.904.6.6 0 0 0-.078-.156 3 3 0 0 1-.389-1.01.5.5 0 0 0-.117-.311v-.117a4.4 4.4 0 0 0-.116-.621v-.117a.5.5 0 0 0-.078-.35v-1.01q.1-.067.078-.195a.8.8 0 0 1 .039-.35q.063-.181.077-.388.095-.178.117-.389v-.039a.7.7 0 0 0 .117-.31 5.98 5.98 0 0 1 1.865-2.76.3.3 0 0 0 .195-.155 5.3 5.3 0 0 1 1.36-.855.6.6 0 0 0 .272-.117q.183-.104.389-.175.152-.048.31-.058.21-.024.389-.117h.039a6 6 0 0 0 .7-.116h.077a.5.5 0 0 0 .272-.04" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M23.469 30.91q.1.066.077.194l-.078 12.553q.01-3.478-.019-6.956l-6.743-.078h6.762zM16.084 36.662q-.34.076-.7.116a.13.13 0 0 1 .079-.058 3.5 3.5 0 0 1 .621-.058M15.346 36.778a1.1 1.1 0 0 1-.389.117.73.73 0 0 1 .39-.117M14.258 37.128a.6.6 0 0 1-.272.117.37.37 0 0 1 .272-.117M12.626 38.1a.3.3 0 0 1-.195.155.3.3 0 0 1 .195-.155M10.566 41.015a.7.7 0 0 1-.117.31.5.5 0 0 1 .117-.31M10.45 41.364q-.024.21-.117.389a.73.73 0 0 1 .116-.389M10.333 41.753q-.015.207-.078.389a1.3 1.3 0 0 1 .02-.311.13.13 0 0 1 .057-.078M10.216 42.491q.021.128-.078.195-.023-.128.078-.195M10.138 43.696a.5.5 0 0 1 .078.35.44.44 0 0 1-.078-.35M10.216 44.163q.079.3.116.621a.13.13 0 0 1-.058-.077 4 4 0 0 1-.058-.544M23.391 44.435q0 .255-.117.466.03-.247.117-.466M10.333 44.9a.5.5 0 0 1 .116.312.7.7 0 0 1-.117-.311M10.838 46.222a.6.6 0 0 1 .078.156q-.098-.04-.078-.156M12.392 48.282q.15.053.233.194a.43.43 0 0 1-.233-.194M14.024 49.331a.3.3 0 0 1 .117.078q-.097.013-.117-.078M14.607 49.565a.23.23 0 0 1 .195.077q-.128.022-.195-.077M19 49.565a.52.52 0 0 1-.35.116q.16-.084.35-.116M14.996 49.681q.21.024.389.117a.73.73 0 0 1-.389-.117M18.65 49.681a.73.73 0 0 1-.39.117q.18-.093.39-.117M18.028 49.837q-.162.067-.35.077a.09.09 0 0 1 .04-.058q.154-.03.31-.02M15.424 49.798q.4.032.777.116a2 2 0 0 1-.777-.116M16.24 49.915q.195-.01.388.019a.1.1 0 0 1 .04.058.64.64 0 0 1-.428-.078M17.406 49.914a.09.09 0 0 1-.039.059.7.7 0 0 1-.233.02.34.34 0 0 1 .272-.079" clip-rule="evenodd"></path></svg></li><li class="flex items-center justify-center h-10 text-foreground-lighter opacity-70"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 101 60" role="img" aria-label="V0" class="h-8 lg:h-12 w-auto"><g fill="currentColor" clip-path="url(#v0-logo-clip)"><path d="M57.015 10h19.054c7.726 0 13.99 6.263 13.99 13.99V42.16h-7.827V23.99a7 7 0 0 0-.022-.555L63.158 42.158q.096.003.193.003h18.882v7.391H63.35c-7.726 0-14.162-6.324-14.162-14.05V17.378h7.827v18.124q0 .523.08 1.032l19.472-19.135a6 6 0 0 0-.498-.02H57.015zM37.765 48.191 10.228 17.375h11.078l16.168 18.093V17.375h8.26V45.15c0 4.192-5.176 6.168-7.969 3.042"></path></g><defs><clipPath id="v0-logo-clip"><path fill="#fff" d="M10.228 10h80v40h-80z"></path></clipPath></defs></svg></li><li class="flex items-center justify-center h-10 text-foreground-lighter opacity-70"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 114 60" role="img" aria-label="Bolt" class="h-8 lg:h-12 w-auto"><path fill="currentColor" d="M54.241 45.251c-8.584 0-12.785-4.931-12.785-11.141S47.3 20.046 55.885 20.046c8.584 0 12.785 4.931 12.785 11.141s-5.845 14.064-14.429 14.064m.365-7.854c2.923 0 4.932-2.74 4.932-5.662s-1.461-3.653-4.018-3.653c-2.558 0-4.932 2.74-4.932 5.662 0 2.923 1.461 3.653 4.018 3.653m23.197 7.306h-8.95l7.306-33.242h8.95l-7.306 33.06z"></path><path fill="currentColor" fill-rule="evenodd" d="M27.76 45.251c-2.739 0-5.479-.913-6.94-3.105l-.548 2.557L10.227 50l1.095-5.297 7.306-33.242h8.95l-2.557 11.69c2.01-2.192 4.018-3.105 6.575-3.105 5.48 0 8.95 3.47 8.95 10.045 0 6.576-4.2 15.16-12.785 15.16m3.471-13.333c0 3.105-2.192 5.48-5.114 5.48s-3.105-.549-4.018-1.645l1.46-6.027c1.097-1.096 2.193-1.644 3.654-1.644 2.192 0 4.018 1.644 4.018 4.018z" clip-rule="evenodd"></path><path fill="currentColor" d="M94.414 45.251c-5.115 0-8.95-1.826-8.95-6.027s0-1.279.182-1.827l2.01-8.95h-4.019l1.827-7.67h4.018l1.461-6.576L100.99 10l-1.096 4.2-1.461 6.576h4.931l-1.826 7.672h-4.932l-1.278 5.844v1.096c0 1.096.73 2.01 2.192 2.01 1.46 0 1.095 0 1.278-.183v7.123c-.913.73-2.557.913-4.2.913z"></path></svg></li><li class="flex items-center justify-center h-10 text-foreground-lighter opacity-70"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 139 62" role="img" aria-label="Github" class="h-8 lg:h-12 w-auto"><path fill="currentColor" d="M82.549 39.079h-.04c.02 0 .02.02.04.02h.02zm0 .02c-.158 0-.572.079-1.006.079-1.36 0-1.834-.631-1.834-1.46v-5.482h2.78c.159 0 .277-.138.277-.335v-2.978c0-.157-.138-.295-.276-.295h-2.78V24.92c0-.138-.1-.217-.257-.217h-3.786c-.158 0-.237.099-.237.217v3.806s-1.913.473-2.03.493a.296.296 0 0 0-.218.296V31.9c0 .197.138.335.296.335h1.933v5.758c0 4.28 2.977 4.713 5.008 4.713.927 0 2.051-.295 2.229-.394.098-.04.157-.158.157-.276v-2.623c0-.158-.098-.276-.256-.315m41.53-3.846c0-3.175-1.282-3.589-2.623-3.45-1.045.058-1.893.591-1.893.591v6.172s.848.592 2.13.631c1.794.04 2.386-.611 2.386-3.944m4.259-.276c0 6.015-1.952 7.73-5.344 7.73-2.879 0-4.417-1.459-4.417-1.459s-.059.809-.158.907c-.059.099-.138.138-.256.138h-2.583c-.178 0-.336-.138-.336-.295l.04-19.464c0-.158.138-.296.296-.296h3.727c.157 0 .296.138.296.296v6.606s1.439-.927 3.549-.927l-.02-.04c2.091 0 5.206.79 5.206 6.804m-15.282-6.33h-3.688c-.197 0-.296.138-.296.335v9.525s-.966.67-2.287.67c-1.302 0-1.696-.591-1.696-1.912v-8.322a.303.303 0 0 0-.296-.296h-3.747a.303.303 0 0 0-.296.296v8.973c0 3.845 2.15 4.811 5.108 4.811 2.445 0 4.417-1.34 4.417-1.34s.099.69.138.788c.04.079.158.158.276.158h2.347c.197 0 .296-.138.296-.296l.039-13.094c.02-.158-.138-.296-.315-.296m-41.53-.02h-3.727c-.158 0-.296.158-.296.355V41.84c0 .355.237.473.532.473h3.372c.355 0 .434-.158.434-.473V28.923c-.02-.157-.158-.295-.315-.295m-1.854-5.935a2.41 2.41 0 0 0-2.425 2.425 2.41 2.41 0 0 0 2.425 2.426c1.321 0 2.386-1.065 2.386-2.426 0-1.34-1.065-2.425-2.386-2.425m28.91-.434h-3.708a.303.303 0 0 0-.296.296v7.158h-5.797v-7.158a.303.303 0 0 0-.296-.296h-3.727a.303.303 0 0 0-.296.296v19.463c0 .158.158.296.296.296h3.727a.303.303 0 0 0 .296-.296v-8.321h5.797l-.04 8.321c0 .158.139.296.297.296h3.727a.303.303 0 0 0 .295-.296V22.554c.02-.158-.118-.296-.276-.296m-33.07 8.618v10.057c0 .059-.02.197-.1.217 0 0-2.188 1.557-5.797 1.557-4.358 0-9.544-1.36-9.544-10.372s4.515-10.866 8.933-10.846c3.825 0 5.363.868 5.6 1.025.06.099.099.158.099.237l-.71 3.135c0 .158-.158.355-.355.296-.631-.197-1.578-.572-3.806-.572-2.583 0-5.344.73-5.344 6.547 0 5.798 2.623 6.488 4.516 6.488 1.617 0 2.189-.197 2.189-.197v-4.023h-2.584c-.197 0-.335-.138-.335-.296v-3.234c0-.157.138-.296.335-.296h6.567c.197-.02.335.119.335.276"></path><path fill="currentColor" fill-rule="evenodd" d="M25.027 16.5C16.723 16.5 10 23.224 10 31.526c0 6.646 4.299 12.266 10.274 14.258.75.118 1.045-.316 1.045-.71 0-.355-.02-1.538-.02-2.8-3.766.69-4.752-.927-5.048-1.755-.177-.434-.907-1.775-1.538-2.13-.532-.276-1.282-.986-.02-1.006 1.184-.02 2.031 1.085 2.307 1.538 1.361 2.268 3.51 1.637 4.378 1.243.138-.967.533-1.637.967-2.012-3.333-.374-6.843-1.676-6.843-7.414 0-1.637.591-2.998 1.538-4.043-.158-.375-.67-1.913.158-3.983 0 0 1.262-.395 4.14 1.538a13.966 13.966 0 0 1 7.494 0c2.88-1.952 4.122-1.538 4.122-1.538.828 2.07.296 3.608.158 3.983.966 1.045 1.538 2.386 1.538 4.043 0 5.758-3.51 7.04-6.863 7.414.552.474 1.026 1.361 1.026 2.78 0 2.012-.02 3.63-.02 4.122 0 .395.276.868 1.025.71a15.065 15.065 0 0 0 10.235-14.257c0-8.283-6.724-15.007-15.026-15.007" clip-rule="evenodd"></path></svg></li><li class="flex items-center justify-center h-10 text-foreground-lighter opacity-70"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 149 60" role="img" aria-label="Betashares" class="h-8 lg:h-12 w-auto"><g fill="currentColor" fill-rule="evenodd" clip-path="url(#betashares-logo-clip)" clip-rule="evenodd"><path d="M36.341 30.003c0 7.091-5.748 12.84-12.84 12.84-7.09 0-12.84-5.749-12.84-12.84s5.75-12.84 12.84-12.84c7.092 0 12.84 5.749 12.84 12.84m-15.725-5.14a.085.085 0 0 0-.128.075v10.139a.086.086 0 0 0 .128.074l8.78-5.07a.086.086 0 0 0 0-.148zm1.532-.784c-.078 0-.107.105-.038.145h-.002l7.044 4.067c.07.04.146-.037.107-.105l-2.294-3.99a.23.23 0 0 0-.201-.117zM19.042 34.09c.04.07.146.042.146-.038v-8.103c0-.08-.105-.106-.146-.038l-2.284 3.973a.23.23 0 0 0 0 .233zm10.102-2.362c.07-.04.147.037.107.105l-.001.002-2.286 3.973a.23.23 0 0 1-.202.117h-4.597c-.08 0-.107-.105-.04-.145zm2.437-2.114a.78.78 0 0 1 0 .774l-3.706 6.446a.78.78 0 0 1-.674.39h-7.407a.78.78 0 0 1-.673-.39l-3.706-6.446a.78.78 0 0 1 0-.774l3.706-6.446a.78.78 0 0 1 .673-.39h7.407a.78.78 0 0 1 .674.39zM43.308 32.33c0-1.697 1.253-3.045 3.037-3.045s3.038 1.348 3.038 3.045-1.275 3.066-3.038 3.066c-1.764 0-3.038-1.37-3.038-3.066m3.568 5.17c2.89 0 4.865-2.288 4.865-5.17s-1.976-5.15-4.865-5.15c-1.402 0-2.782.634-3.505 1.758V22.95h-2.358v14.304h2.23v-1.758c.68 1.288 2.168 2.003 3.633 2.003zm7.97-6.336c.362-1.308 1.338-2.125 2.783-2.125s2.465.817 2.805 2.125zM57.8 37.56c2.082 0 3.91-.879 4.823-2.84v-.042c-.638.041-1.593-.389-1.976-.899l-.02.02c-.383 1.023-1.402 1.78-2.783 1.78-1.657 0-2.91-1.044-3.123-2.739h7.966c.382-3.085-1.657-5.722-5.036-5.722-2.996 0-5.163 2.33-5.163 5.21s2.21 5.232 5.312 5.232m5.388-8.112h1.38v7.806h2.381v-7.806h1.509v-2.044h-1.509v-3.148h-2.38v3.148h-1.381zm8.06 2.882c0-1.697 1.253-3.045 3.037-3.045s3.06 1.369 3.06 3.045-1.254 3.066-3.06 3.066-3.038-1.37-3.038-3.066m2.528 5.15c1.381 0 2.89-.675 3.569-1.942v1.716h2.294v-9.85h-2.294v1.716c-.68-1.266-2.188-1.941-3.569-1.941-2.91 0-4.887 2.288-4.887 5.15 0 2.86 1.976 5.149 4.887 5.149zm11.263.081c2.338 0 3.93-1.43 3.93-3.29s-1.487-2.677-3.059-2.984l-.957-.184c-.85-.184-1.487-.409-1.487-1.062 0-.572.552-1.103 1.424-1.103.956 0 1.7.47 1.932 1.471h.02c.404-.47 1.361-.838 1.997-.756l.021-.021c-.383-1.39-1.763-2.533-3.91-2.533-2.146 0-3.782 1.39-3.782 3.066 0 1.512 1.02 2.411 3.08 2.84l.999.204c.786.184 1.402.43 1.402 1.145 0 .717-.552 1.288-1.593 1.288-1.274 0-2.188-.817-2.358-1.84l-.021-.02c-.404.47-1.36.817-1.997.736l-.02.02c.382 1.84 2.082 3.025 4.376 3.025zm5.077-.307h2.359v-5.599c0-1.43 1.02-2.37 2.422-2.37 1.401 0 2.294.899 2.294 2.288v5.681h2.358v-6.518c0-2.084-1.657-3.576-3.846-3.576-1.296 0-2.57.572-3.228 1.736V22.95h-2.359zm12.922-4.924c0-1.697 1.253-3.045 3.037-3.045s3.06 1.369 3.06 3.045-1.253 3.066-3.06 3.066c-1.806 0-3.037-1.37-3.037-3.066m2.528 5.15c1.381 0 2.89-.675 3.569-1.942v1.716h2.294v-9.85h-2.294v1.716c-.679-1.266-2.188-1.941-3.569-1.941-2.91 0-4.887 2.288-4.887 5.15 0 2.86 1.976 5.149 4.887 5.149zm7.716-7.378v7.152h2.358v-4.372c0-1.716.531-3.31 2.252-3.31.51 0 .956.122 1.189.306h.021c.021-.633.574-1.553 1.126-1.9v-.041c-.383-.429-1.062-.694-1.976-.694-1.296 0-2.21.777-2.677 1.839v-1.676h-2.295v2.698zm8.647 1.062c.36-1.308 1.338-2.125 2.782-2.125 1.445 0 2.465.817 2.805 2.125zm2.953 6.396c2.082 0 3.909-.879 4.823-2.84v-.042c-.638.041-1.593-.389-1.976-.899l-.02.02c-.383 1.023-1.402 1.78-2.783 1.78-1.656 0-2.91-1.044-3.123-2.739h7.966c.382-3.085-1.657-5.722-5.036-5.722-2.996 0-5.162 2.33-5.162 5.21s2.209 5.232 5.311 5.232m9.863.001c2.337 0 3.93-1.43 3.93-3.29s-1.487-2.677-3.06-2.984l-.956-.184c-.85-.184-1.488-.409-1.488-1.062 0-.572.552-1.103 1.424-1.103.957 0 1.7.47 1.933 1.471h.02c.404-.47 1.36-.838 1.997-.756l.02-.021c-.382-1.39-1.763-2.533-3.909-2.533s-3.782 1.39-3.782 3.066c0 1.512 1.02 2.411 3.08 2.84l.998.204c.787.184 1.402.43 1.402 1.145 0 .717-.552 1.288-1.593 1.288-1.274 0-2.188-.817-2.358-1.84l-.021-.02c-.403.47-1.36.817-1.996.736l-.021.02c.383 1.84 2.082 3.025 4.377 3.025z"></path></g><defs><clipPath id="betashares-logo-clip"><path fill="#fff" d="M10.59 17.04h128.13v25.92H10.59z"></path></clipPath></defs></svg></li><li class="flex items-center justify-center h-10 text-foreground-lighter opacity-70"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 136 61" role="img" aria-label="Mobbin" class="h-8 lg:h-12 w-auto"><path fill="currentColor" d="M46.046 29.768h-8.978v8.877h8.978zm-35.912 8.877V30.83l8.93-8.83h7.903v7.816l-8.93 8.83z"></path><path fill="currentColor" d="M23.6 38.646V30.83L32.53 22h7.904v7.816l-8.93 8.83zm41.143-4.952L60.15 23.252h-3.71v13.933h2.77l.007-9.39 4.191 9.39h2.672l4.198-9.387v9.387h2.771V23.252h-3.713zm14.999-6.947c-4.62 0-5.59 2.857-5.59 5.252 0 3.66 1.847 5.438 5.644 5.438s5.608-1.763 5.608-5.388-1.905-5.304-5.66-5.304zm-2.709 5.203c0-1.83.418-2.76 2.709-2.76 2.132 0 2.782.676 2.782 2.897S81.882 35 79.778 35s-2.746-.711-2.746-3.048zm15.644-5.186h-.054c-1.664.008-2.963 1.18-3.305 1.712v-5.224H86.51v13.933h2.808v-.094l.015-1.329c.456.736 1.677 1.678 3.274 1.678 3.49 0 4.98-1.567 4.98-5.236 0-3.67-1.514-5.438-4.91-5.438zM94.76 32c0 2.773-1.293 2.997-2.856 2.997s-2.82-.22-2.82-2.93c0-2.06.8-2.863 2.856-2.863s2.82.704 2.82 2.795zm10.105-5.235h-.054c-1.664.008-2.963 1.18-3.305 1.712v-5.224H98.7v13.933h2.807v-.094l.015-1.329c.456.734 1.676 1.675 3.274 1.675 3.49 0 4.98-1.566 4.98-5.236 0-3.668-1.514-5.437-4.91-5.437M106.95 32c0 2.773-1.293 2.997-2.856 2.997s-2.82-.22-2.82-2.93c0-2.06.801-2.863 2.857-2.863s2.819.704 2.819 2.795zm6.823-5.015h-2.808v10.201h2.808zm7.524-.223c-1.558 0-2.818.967-3.222 1.715v-1.492h-2.807v10.201h2.807V31.24c0-1.333.401-1.969 2.677-1.969 1.724 0 2.336.532 2.336 2.035v5.878h2.807v-5.27c0-3.834-1.16-5.135-4.598-5.156zm-7.524-3.509h-2.808v2.643h2.808z"></path></svg></li><li class="flex items-center justify-center h-10 text-foreground-lighter opacity-70"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 60" role="img" aria-label="Resend" class="h-8 lg:h-12 w-auto"><path fill="currentColor" d="M10.983 38.903V21.829h7.561q1.586 0 2.878.732a5.25 5.25 0 0 1 2.025 1.927q.756 1.22.756 2.78 0 1.538-.756 2.805a5.37 5.37 0 0 1-2.025 1.976q-1.291.732-2.878.732H14.52v6.122zm9.683 0-4.341-7.708 3.756-.61 4.83 8.342zm-6.146-9.098h3.853q.66 0 1.147-.293a2.1 2.1 0 0 0 .78-.854q.27-.56.269-1.244 0-.73-.317-1.268a2.1 2.1 0 0 0-.927-.83Q18.715 25 17.91 25h-3.39zM32 39.147q-2.097 0-3.683-.854a6.26 6.26 0 0 1-2.439-2.342q-.854-1.488-.854-3.414 0-1.512.488-2.757.487-1.243 1.366-2.146a5.9 5.9 0 0 1 2.073-1.415 6.7 6.7 0 0 1 2.635-.512q1.316 0 2.439.488 1.122.487 1.927 1.366.829.853 1.268 2.049.44 1.17.39 2.536l-.024 1.074H27.22l-.561-2.122h8.073l-.39.439V31a2.15 2.15 0 0 0-.44-1.17 2.47 2.47 0 0 0-.95-.83 2.7 2.7 0 0 0-1.318-.317q-1.073 0-1.829.415a2.73 2.73 0 0 0-1.122 1.219q-.39.805-.39 1.951 0 1.17.488 2.025.512.853 1.415 1.341.925.465 2.17.464.855 0 1.561-.269.708-.267 1.513-.926l1.658 2.317q-.707.633-1.56 1.073a8.7 8.7 0 0 1-1.757.634 7.5 7.5 0 0 1-1.78.22M43.292 39.147q-1.804 0-3.22-.586-1.389-.61-2.244-1.658L40 35.049a4.4 4.4 0 0 0 1.659 1.17 5.3 5.3 0 0 0 1.854.342q.366 0 .658-.073a2 2 0 0 0 .537-.244q.22-.171.317-.39a1.1 1.1 0 0 0 .122-.512.94.94 0 0 0-.44-.83q-.243-.146-.755-.317-.512-.195-1.317-.414-1.245-.318-2.123-.732-.853-.44-1.365-.976a4.1 4.1 0 0 1-.683-1.097 4 4 0 0 1-.22-1.342q0-.878.39-1.585.39-.732 1.074-1.244a5.3 5.3 0 0 1 1.61-.78 6.1 6.1 0 0 1 1.902-.293q1 0 1.951.243a7 7 0 0 1 1.756.708 6 6 0 0 1 1.44 1.049l-1.854 2.048a6 6 0 0 0-1-.756 5 5 0 0 0-1.122-.536 3.4 3.4 0 0 0-1.05-.195q-.414 0-.755.073-.317.073-.537.244-.22.146-.341.366a1.19 1.19 0 0 0 .024 1q.147.243.39.414.27.147.78.342.538.195 1.44.439 1.17.317 1.976.707.83.39 1.317.903.415.439.61 1t.195 1.244q0 1.194-.683 2.122-.66.926-1.83 1.463t-2.634.537M55.81 39.147q-2.097 0-3.682-.854a6.26 6.26 0 0 1-2.44-2.342q-.853-1.488-.853-3.415 0-1.511.488-2.756.487-1.243 1.366-2.146a5.9 5.9 0 0 1 2.073-1.415 6.7 6.7 0 0 1 2.634-.512 6.05 6.05 0 0 1 2.44.488q1.121.487 1.926 1.366.83.853 1.269 2.049.438 1.17.39 2.536l-.025 1.073H51.03l-.56-2.122h8.073l-.39.44V31a2.15 2.15 0 0 0-.44-1.17 2.47 2.47 0 0 0-.95-.83 2.7 2.7 0 0 0-1.318-.317q-1.073 0-1.83.414a2.73 2.73 0 0 0-1.121 1.22q-.39.805-.39 1.951 0 1.17.487 2.025.513.854 1.415 1.341.927.465 2.17.464.855 0 1.562-.269.706-.268 1.512-.927l1.659 2.318q-.708.633-1.561 1.073a8.7 8.7 0 0 1-1.757.634 7.5 7.5 0 0 1-1.78.22M62.76 38.903V26h3.317l.098 2.634-.683.293a3.9 3.9 0 0 1 .951-1.586 5.4 5.4 0 0 1 1.683-1.17 4.9 4.9 0 0 1 2.05-.44q1.463 0 2.438.586 1 .586 1.488 1.78.512 1.172.512 2.903v7.903h-3.463v-7.635q0-.878-.244-1.463-.245-.585-.756-.854-.488-.268-1.22-.244-.585 0-1.097.195-.489.171-.854.513a3 3 0 0 0-.561.78q-.195.44-.195.951v7.757H62.76M81.764 39.147q-1.708 0-3.05-.854-1.316-.878-2.097-2.366-.756-1.512-.756-3.488 0-1.926.756-3.439.78-1.536 2.098-2.39 1.341-.879 3.048-.878.904 0 1.732.292.854.27 1.512.756.684.488 1.098 1.098.415.585.464 1.22l-.879.17v-8.415h3.488v18.05h-3.292l-.147-2.976.683.073a2.36 2.36 0 0 1-.439 1.171 4.2 4.2 0 0 1-1.049 1.024q-.633.44-1.463.708a5.9 5.9 0 0 1-1.708.244m.78-2.878q.976 0 1.707-.488a3.3 3.3 0 0 0 1.147-1.342q.414-.854.414-2 0-1.121-.414-1.976a3.3 3.3 0 0 0-1.147-1.341q-.73-.488-1.707-.488-.976 0-1.707.488-.708.487-1.122 1.342-.39.853-.39 1.975 0 1.146.39 2 .414.855 1.122 1.342.731.488 1.707.488"></path></svg></li><li class="flex items-center justify-center h-10 text-foreground-lighter opacity-70"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 164 60" role="img" aria-label="Langchain" class="h-8 lg:h-12 w-auto"><g fill="currentColor" clip-path="url(#langchain-logo-clip)"><path d="M47.027 24.422c-.634 0-1.23.245-1.676.691L43.55 26.91a2.36 2.36 0 0 0-.673 1.963c.064.53.297 1.007.673 1.381.26.259.546.423.894.537q.027.157.028.316c0 .477-.186.924-.522 1.259l-.11.11a3.9 3.9 0 0 1-1.558-.957c-.602-.6-1-1.358-1.15-2.19l-.02-.116-.092.074q-.093.075-.175.158l-1.802 1.797a2.363 2.363 0 0 0 1.676 4.034c.608 0 1.213-.23 1.675-.691l1.802-1.797a2.363 2.363 0 0 0 0-3.343 2.34 2.34 0 0 0-.872-.55 1.942 1.942 0 0 1 .552-1.705 4.1 4.1 0 0 1 1.59.99c.6.6.997 1.356 1.15 2.19l.02.116.092-.074q.092-.075.177-.16l1.801-1.796a2.362 2.362 0 0 0-1.676-4.034z"></path><path d="M46.061 17.85H22.484C15.766 17.85 10.3 23.3 10.3 30s5.466 12.15 12.183 12.15h23.578c6.718 0 12.184-5.45 12.184-12.15S52.779 17.85 46.06 17.85M34.431 36.9c-.388.08-.825.094-1.122-.216-.11.252-.366.12-.563.087l-.052.146c-.656.044-1.148-.624-1.462-1.128-.62-.336-1.326-.54-1.961-.89-.037.578.09 1.294-.462 1.667-.028 1.112 1.686.132 1.843.96-.121.014-.257-.02-.354.074-.447.434-.96-.328-1.475-.013-.692.347-.762.632-1.618.703-.048-.071-.028-.119.012-.162.241-.28.258-.609.67-.728-.424-.067-.779.166-1.136.351-.464.19-.46-.428-1.174.033-.08-.065-.042-.123.004-.173.181-.22.42-.254.69-.241-1.325-.737-1.949.9-2.56.086-.185.048-.254.214-.37.33-.1-.109-.024-.242-.02-.37-.119-.056-.27-.083-.234-.274-.234-.079-.398.06-.572.191-.157-.121.106-.299.155-.425.14-.243.46-.05.621-.225.46-.261 1.103.163 1.63.091.405.051.907-.364.703-.779-.433-.552-.357-1.276-.366-1.936-.054-.386-.981-.877-1.25-1.292-.33-.374-.589-.808-.847-1.235-.932-1.8-.639-4.111-1.813-5.782-.531.293-1.223.154-1.681-.238-.248.224-.259.519-.278.83-.593-.59-.52-1.709-.045-2.367.194-.26.425-.474.683-.663.059-.042.078-.083.077-.149.47-2.104 3.669-1.699 4.68-.208.733.918.955 2.132 1.787 2.983 1.12 1.223 2.395 2.3 3.428 3.6.978 1.19 1.676 2.585 2.285 3.99.248.467.25 1.04.619 1.438.181.24 1.068.896.876 1.128.11.24.94.572.652.805m15.54-7.18-1.802 1.798a4.15 4.15 0 0 1-1.717 1.031l-.033.01-.012.032a4.1 4.1 0 0 1-.947 1.46l-1.802 1.797a4.14 4.14 0 0 1-2.944 1.215 4.15 4.15 0 0 1-2.945-7.089l1.802-1.796a4.1 4.1 0 0 1 1.714-1.028l.033-.01.012-.032c.21-.551.529-1.045.95-1.465l1.801-1.797a4.14 4.14 0 0 1 2.945-1.215c1.113 0 2.159.431 2.945 1.215a4.12 4.12 0 0 1 1.218 2.937c0 1.11-.432 2.154-1.218 2.936z"></path><path d="M27.102 34.724c-.158.615-.21 1.661-1.011 1.692-.066.355.246.488.531.374.282-.129.416.102.51.332.436.063 1.079-.145 1.103-.659-.65-.373-.85-1.083-1.132-1.74zM69.532 24.219h-2.14v12.983h9.18v-2.068h-7.04zM87.331 37.202h2.14v-.023h.029l.004-.096c0-.027.008-.287-.031-.688v-4.832c0-1.818 1.325-2.645 2.557-2.645 1.325 0 1.97.714 1.97 2.183v6.1h2.14v-6.384c0-2.426-1.54-3.933-4.02-3.933-1.054 0-1.994.3-2.733.868l-.02-.69h-2.033v10.14zM104.851 27.807c-.744-.604-1.7-.923-2.779-.923-2.886 0-4.68 1.99-4.68 5.194s1.794 5.212 4.68 5.212c1.018 0 1.927-.277 2.642-.804-.061 1.572-1.046 2.505-2.659 2.505-1.358 0-2.125-.432-2.283-1.284l-.02-.106-2.08.635.02.085c.35 1.693 1.934 2.703 4.238 2.703 1.563 0 2.789-.425 3.645-1.265.863-.847 1.3-2.067 1.3-3.626v-9.07h-1.98l-.043.744zm-.134 4.36c0 1.935-.942 3.09-2.521 3.09-1.693 0-2.663-1.158-2.663-3.178s.971-3.161 2.663-3.161c1.541 0 2.506 1.15 2.521 3zM117.421 33.085c-.444 1.435-1.583 2.226-3.207 2.226-2.322 0-3.766-1.763-3.766-4.601s1.457-4.601 3.802-4.601c1.623 0 2.558.636 3.033 2.061l.222.667 2.021-.949-.189-.534c-.77-2.168-2.547-3.314-5.14-3.314-1.762 0-3.258.637-4.326 1.84-1.057 1.19-1.616 2.86-1.616 4.83 0 4.052 2.338 6.67 5.959 6.67 2.551 0 4.527-1.334 5.286-3.57l.193-.572-2.076-.79-.198.638zM125.414 26.884c-1.022 0-1.932.28-2.646.813v-4.723h-2.14v14.229h2.14v-5.639c0-1.83 1.325-2.663 2.558-2.663 1.324 0 1.969.715 1.969 2.184v6.119h2.141V30.8c0-2.378-1.578-3.914-4.021-3.914zM141.946 22.668c-.795 0-1.372.578-1.372 1.373 0 .794.577 1.372 1.372 1.372s1.372-.578 1.372-1.372-.577-1.373-1.372-1.373M149.568 26.884c-1.054 0-1.994.3-2.732.868l-.02-.69h-2.033v10.14h2.141v-5.639c0-1.818 1.325-2.645 2.557-2.645 1.325 0 1.969.714 1.969 2.183v6.1h2.141v-6.384c0-2.426-1.541-3.933-4.021-3.933zM142.986 27.062h-2.13v5.027a6 6 0 0 0-2.073-1.117v-.512c0-2.239-1.47-3.576-3.933-3.576-2 0-3.497.94-4.106 2.577l-.164.441 1.715 1.265.295-.767c.388-1.012 1.107-1.483 2.26-1.483 1.154 0 1.793.555 1.793 1.65v.056l-.208-.006c-2.291-.036-3.963.5-4.968 1.591-1.029 1.117-.939 2.37-.925 2.509l.009.096h.01c.16 1.562 1.524 2.565 3.507 2.565 1.092 0 2.101-.304 2.864-.86l.008.683h1.843v-3.172l-.04-.029c-.26-.19-.715-.437-1.398-.523a4 4 0 0 0-.608-.037h-.096v.292c0 .67-.77 1.614-2.485 1.614-1.266 0-1.455-.532-1.455-.85v-.032c.01-.142.07-.49.384-.815.4-.413 1.299-.896 3.315-.865 1.46.023 2.58.43 3.33 1.213.92.96 1.093 2.275 1.125 2.79v.415h2.129v-10.14zM81.797 26.84c-2 0-3.496.94-4.106 2.576l-.164.442 1.716 1.265.294-.767c.388-1.012 1.107-1.483 2.26-1.483 1.154 0 1.793.555 1.793 1.65v.256l-2.205.389c-2.584.457-3.894 1.562-3.894 3.282 0 1.721 1.383 2.884 3.523 2.884 1.093 0 2.101-.304 2.864-.86l.009.683h1.842v-6.74c0-2.24-1.47-3.577-3.932-3.577m1.793 5.945v.903c0 .671-.772 1.615-2.486 1.615-1.266 0-1.454-.532-1.454-.85 0-.282 0-.942 2.242-1.358z"></path></g><defs><clipPath id="langchain-logo-clip"><path fill="#fff" d="M10.3 17.76h143.291v24.48H10.3z"></path></clipPath></defs></svg></li><li class="flex items-center justify-center h-10 text-foreground-lighter opacity-70"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 143 60" role="img" aria-label="1Password" class="h-8 lg:h-12 w-auto"><path fill="currentColor" fill-rule="evenodd" d="M22.48 41.59c6.4 0 11.59-5.19 11.59-11.59s-5.19-11.59-11.59-11.59S10.89 23.6 10.89 30s5.19 11.59 11.59 11.59m2.218-17.766v6.656c0 .178-.07.35-.197.475l-.8.8a.135.135 0 0 0 0 .19l.8.8a.67.67 0 0 1 .197.475v3.135a.67.67 0 0 1-.672.672h-3.093a.67.67 0 0 1-.672-.672v-6.621c0-.179.071-.35.197-.476l.782-.782a.134.134 0 0 0 0-.19l-.782-.782a.67.67 0 0 1-.197-.476v-3.204c0-.372.301-.673.672-.673h3.093c.371 0 .672.302.672.673" clip-rule="evenodd"></path><path fill="currentColor" d="M86.833 26.552c.954 0 1.836-.018 2.718.018.09 0 .234.234.27.378l1.404 6.75c.054.252.108.486.198.864.09-.234.144-.324.162-.432a830 830 0 0 0 1.71-7.146c.072-.342.198-.468.558-.45.738.018 1.458.018 2.196 0 .324-.018.432.108.504.414.612 2.412 1.242 4.824 1.854 7.236.036.108.072.216.162.45.27-1.278.504-2.412.756-3.564.288-1.368.576-2.754.846-4.122.072-.324.216-.432.54-.414.792.018 1.584 0 2.43 0-.054.288-.09.522-.144.738-.774 3.168-1.566 6.336-2.34 9.504-.09.36-.234.468-.594.468-1.116-.018-2.25-.018-3.384-.018-.558-2.376-1.116-4.734-1.656-7.074-.036 0-.054-.018-.09-.018-.558 2.358-1.116 4.716-1.692 7.074h-3.744c-.918-3.528-1.782-7.056-2.664-10.656M130.049 22.575v5.093c-.27-.216-.522-.45-.774-.648-1.728-1.332-4.608-.864-5.958 1.026s-1.494 3.96-.81 6.12c.504 1.62 1.566 2.79 3.258 3.222 1.602.414 3.402-.036 4.176-1.53.018-.036.072-.054.198-.162v1.53h2.844V22.575zm-.108 9.251c.018.972-.162 1.782-.774 2.484-.756.864-2.646.9-3.348-.324-.774-1.368-.792-2.79-.018-4.14.792-1.386 2.808-1.368 3.654 0 .396.63.522 1.332.486 1.98M55.281 24.176a4.8 4.8 0 0 0-2.898-.936c-1.872-.018-3.744-.018-5.616-.018-.108 0-.198.018-.324.036v13.968h3.078v-.504c0-1.206.018-2.43 0-3.636 0-.306.09-.414.414-.414.9 0 1.8 0 2.7-.072 2.718-.216 4.338-1.944 4.41-4.644.018-1.548-.504-2.844-1.764-3.78m-3.582 5.778c-.594 0-1.188-.018-1.8 0-.288 0-.396-.09-.396-.396.018-.558 0-1.098 0-1.656 0-.54.018-1.08 0-1.62 0-.27.072-.414.378-.396.756.036 1.53.018 2.286.054.9.054 1.53.648 1.638 1.548.216 1.548-.558 2.448-2.106 2.466M67.22 37.226c-.054-2.538-.054-5.04-.198-7.524-.072-1.17-.756-2.124-1.8-2.754-1.638-.99-4.608-.972-6.246.63-.576.576-1.026 1.224-1.224 2.052.756.18 1.476.324 2.16.54.396.108.666.108.828-.36.072-.216.27-.432.45-.594.522-.468 1.134-.576 1.8-.378.612.198.936.666 1.062 1.278.18.828.018 1.026-.828 1.026-.756 0-1.53-.018-2.286 0-.468.018-.936.054-1.386.162-2.214.522-3.06 3.294-1.53 4.986 1.512 1.656 4.464 1.656 5.976-.036.09-.09.108-.234.162-.342.054.054.126.09.18.144v1.188h2.88zm-4.95-2.052a4 4 0 0 1-.936 0c-.612-.09-.99-.54-.972-1.098.018-.576.378-1.008 1.026-1.026.9-.036 1.782 0 2.7 0 .18.972-.63 1.962-1.818 2.124M108.605 26.282c-3.078-.054-5.454 2.304-5.508 5.454-.054 3.168 2.214 5.652 5.166 5.778 3.132.126 5.778-2.088 5.796-5.58.018-3.294-2.358-5.652-5.454-5.652m1.8 7.56c-1.008 1.494-3.042 1.368-3.798-.27-.234-.504-.306-1.098-.468-1.674.162-.576.234-1.17.468-1.692.324-.756.954-1.224 1.782-1.314.864-.072 1.53.306 2.016 1.026.702 1.062.702 2.88 0 3.924M76.94 29.432c-.846.162-1.692.306-2.52.45-.072.018-.216-.162-.27-.27-.504-1.008-1.53-1.44-2.61-1.062-.396.144-.684.378-.72.828-.054.468.216.756.612.882.972.306 1.962.522 2.916.846.63.216 1.296.468 1.8.864 1.098.882 1.224 2.52.432 3.726-.648.972-1.566 1.494-2.7 1.692-1.728.306-3.402.18-4.896-.846-.684-.468-1.08-1.134-1.242-1.998.81-.198 1.584-.396 2.358-.576.09-.018.288.09.324.198.612 1.224 2.16 1.296 3.024 1.008.396-.126.702-.396.702-.882.018-.486-.324-.666-.684-.774-.882-.252-1.782-.486-2.664-.738-.324-.09-.648-.216-.972-.342-1.098-.45-1.8-1.206-1.872-2.448-.072-1.206.324-2.196 1.35-2.898.9-.63 1.926-.792 2.988-.81 1.314 0 2.574.216 3.564 1.17.54.54.9 1.17 1.08 1.98M77.57 34.526c.792-.198 1.548-.396 2.304-.558.108-.018.324.072.378.162.576 1.134 1.944 1.314 2.934 1.044.504-.126.792-.486.81-.9.018-.504-.342-.684-.72-.792-.882-.27-1.782-.486-2.682-.72-.324-.09-.648-.216-.972-.342-1.08-.45-1.764-1.206-1.854-2.412-.072-1.188.306-2.178 1.296-2.88.9-.648 1.944-.828 3.024-.828 1.314 0 2.556.216 3.564 1.17.54.504.918 1.188 1.098 1.98-.666.126-1.35.216-1.998.378-.45.108-.684.036-.918-.432-.468-.918-1.728-1.242-2.664-.774-.324.162-.522.432-.522.81s.198.648.522.756c.756.252 1.548.45 2.304.702.666.216 1.368.378 1.98.702 1.512.81 1.908 2.646.954 4.086-.63.972-1.566 1.494-2.682 1.692-1.728.306-3.402.18-4.896-.846-.684-.45-1.08-1.116-1.26-1.998M40.395 37.208V26.75h-2.052v-2.466c.432-.072.882-.126 1.314-.234.54-.126.99-.396 1.332-.846.072-.09.18-.198.27-.198.738-.018 1.494 0 2.268 0v14.202zM117.95 26.588v1.71c.036 0 .054.018.09.018.126-.198.234-.414.36-.612.684-1.098 2.034-1.656 3.258-1.368.324.072.522.18.414.612a11.6 11.6 0 0 0-.36 2.07c-.036.45-.252.414-.576.414-.54-.018-1.098 0-1.638.09-.684.108-1.08.576-1.188 1.242-.072.414-.09.828-.09 1.242-.018 1.566 0 3.15 0 4.716v.522h-3.042V26.606c.882-.018 1.782-.018 2.772-.018"></path></svg></li></ul></div></div></div></section><section id="dashboard" class="border-b border-border"><div class="section-container relative py-16 sm:py-18 md:py-24 pt-10! pb-4! space-y-8 overflow-hidden"><div class="pt-12 flex flex-col gap-8"><h3 class="text-2xl md:text-4xl text-foreground-lighter"><span class="text-foreground">Stay productive and manage your app</span><br class="hidden sm:block"/> without leaving the dashboard</h3><div class="flex gap-2" role="tablist"><button tabindex="0" aria-selected="true" role="tab" class="py-1.5 px-3 lg:py-2 lg:px-8 border rounded-full bg-alternative text-sm transition-all hover:border-foreground-lighter hover:text-foreground opacity-100 !border-foreground">Table Editor</button><button tabindex="0" aria-selected="false" role="tab" class="py-1.5 px-3 lg:py-2 lg:px-8 border rounded-full bg-alternative text-sm opacity-80 transition-all hover:border-foreground-lighter hover:text-foreground">SQL Editor</button><button tabindex="0" aria-selected="false" role="tab" class="py-1.5 px-3 lg:py-2 lg:px-8 border rounded-full bg-alternative text-sm opacity-80 transition-all hover:border-foreground-lighter hover:text-foreground">RLS Policies</button></div></div><div class="relative rounded-2xl shadow-lg p-2 h-full border flex flex-col overflow-hidden bg-default w-full mx-auto -mb-16"><div class="w-full px-2 pt-1 pb-3 relative flex items-center gap-1.5 lg:gap-2"><div class="w-2 h-2 bg-border rounded-full"></div><div class="w-2 h-2 bg-border rounded-full"></div><div class="w-2 h-2 bg-border rounded-full"></div></div><div class="h-full w-full aspect-video overflow-hidden rounded-lg"></div></div></div></section><section id="frameworks"><div class="border-b border-border"><div class="section-container relative py-16 md:py-18 lg:py-24"><div class="grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-0"><div class="flex flex-col justify-between gap-6 md:gap-10"><h3 class="text-2xl md:text-4xl text-foreground-lighter">Use Supabase with<!-- --> <span class="md:block"><span class="inline-block text-foreground" style="filter:blur(0px);opacity:1">React</span></span></h3></div><div class="border border-border flex flex-col rounded-md overflow-clip"><div role="tablist" aria-label="Framework" class="grid grid-cols-6 border-b border-border"><button tabindex="0" role="tab" aria-selected="true" aria-label="React" class="flex items-center justify-center py-4 border-r border-border last:border-r-0 transition-colors bg-surface-75 text-foreground"><svg aria-hidden="true" width="28" height="28" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M45.74 23.6983C45.2739 23.5379 44.7909 23.3861 44.2937 23.2426C44.3754 22.909 44.4504 22.5798 44.5171 22.2561C45.6119 16.9418 44.8961 12.6605 42.4518 11.2509C40.1079 9.89927 36.2748 11.3085 32.4035 14.6776C32.0313 15.0016 31.6579 15.3446 31.2848 15.704C31.0362 15.4662 30.7879 15.2364 30.5403 15.0165C26.4831 11.4141 22.4164 9.89599 19.9744 11.3097C17.6329 12.6652 16.9394 16.69 17.9249 21.7265C18.0201 22.2129 18.1313 22.7097 18.2571 23.2148C17.6816 23.3782 17.1259 23.5524 16.5943 23.7377C11.8376 25.3961 8.7998 27.9952 8.7998 30.6911C8.7998 33.4755 12.0609 36.2683 17.0153 37.9617C17.4063 38.0953 17.812 38.2217 18.2301 38.3416C18.0944 38.8879 17.9763 39.4232 17.8773 39.9454C16.9376 44.8944 17.6714 48.8242 20.0068 50.1711C22.4189 51.5622 26.4673 50.1324 30.4093 46.6865C30.7209 46.4141 31.0336 46.1253 31.3469 45.8225C31.7529 46.2135 32.1582 46.5835 32.5615 46.9306C36.3798 50.2164 40.151 51.5432 42.4842 50.1925C44.894 48.7975 45.6772 44.576 44.6604 39.4399C44.5828 39.0476 44.4924 38.6469 44.3909 38.239C44.6752 38.155 44.9543 38.0682 45.2265 37.978C50.3771 36.2715 53.7282 33.5127 53.7282 30.6911C53.7282 27.9854 50.5924 25.3688 45.74 23.6983ZM44.6228 36.1561C44.3772 36.2375 44.1251 36.3161 43.8682 36.3923C43.2996 34.5922 42.5322 32.6781 41.5931 30.7005C42.4893 28.7699 43.227 26.8803 43.7797 25.0919C44.2393 25.2249 44.6854 25.3651 45.1152 25.5132C49.2728 26.9444 51.8089 29.0605 51.8089 30.6911C51.8089 32.4279 49.07 34.6826 44.6228 36.1561ZM42.7776 39.8126C43.2272 42.0837 43.2914 44.1371 42.9936 45.7423C42.726 47.1847 42.1878 48.1463 41.5225 48.5315C40.1066 49.351 37.0787 48.2857 33.8132 45.4757C33.4388 45.1535 33.0618 44.8096 32.6835 44.4455C33.9495 43.061 35.2147 41.4514 36.4495 39.6638C38.6215 39.4711 40.6735 39.156 42.5344 38.7258C42.626 39.0955 42.7074 39.4581 42.7776 39.8126ZM24.1169 48.3898C22.7336 48.8784 21.6318 48.8924 20.9658 48.5084C19.5486 47.691 18.9594 44.5358 19.7631 40.3033C19.8551 39.8186 19.9647 39.3207 20.091 38.8118C21.9314 39.2187 23.9684 39.5116 26.1456 39.6881C27.3887 41.4373 28.6905 43.0452 30.0024 44.453C29.7157 44.7297 29.4302 44.9931 29.1463 45.2413C27.4032 46.7651 25.6564 47.8461 24.1169 48.3898ZM17.6361 36.1455C15.4453 35.3967 13.6361 34.4235 12.396 33.3616C11.2817 32.4073 10.7191 31.4599 10.7191 30.6911C10.7191 29.0551 13.1581 26.9684 17.226 25.5501C17.7196 25.378 18.2363 25.2158 18.7725 25.0635C19.3347 26.8923 20.0722 28.8043 20.9623 30.7378C20.0607 32.7 19.3128 34.6425 18.745 36.4927C18.3628 36.3829 17.9924 36.2672 17.6361 36.1455ZM19.8085 21.3579C18.9642 17.0428 19.5249 13.7876 20.936 12.9708C22.4391 12.1006 25.7628 13.3413 29.2659 16.4518C29.4898 16.6506 29.7146 16.8587 29.9401 17.074C28.6347 18.4756 27.3448 20.0714 26.1127 21.8103C23.9997 22.0061 21.977 22.3208 20.1174 22.742C20.0004 22.2717 19.8969 21.8097 19.8085 21.3579ZM39.1886 26.1433C38.744 25.3754 38.2876 24.6257 37.8223 23.8964C39.2558 24.0777 40.6293 24.3182 41.9191 24.6126C41.5318 25.8536 41.0492 27.1511 40.4811 28.4813C40.0735 27.7076 39.6425 26.9275 39.1886 26.1433ZM31.2854 18.4456C32.1707 19.4047 33.0573 20.4756 33.9293 21.6374C33.0506 21.5959 32.161 21.5743 31.264 21.5743C30.3755 21.5743 29.4925 21.5954 28.6192 21.6362C29.4921 20.4852 30.3863 19.4158 31.2854 18.4456ZM23.3317 26.1566C22.8876 26.9267 22.4645 27.7025 22.0634 28.4799C21.5045 27.1543 21.0263 25.8509 20.6357 24.5923C21.9176 24.3054 23.2846 24.0709 24.7089 23.8931C24.2371 24.6291 23.7769 25.3843 23.3317 26.1564V26.1566ZM24.75 37.626C23.2783 37.4618 21.8908 37.2394 20.6093 36.9604C21.0061 35.6793 21.4948 34.3481 22.0655 32.994C22.4677 33.7707 22.8925 34.5469 23.3393 35.3187H23.3393C23.7945 36.1049 24.266 36.875 24.75 37.626ZM31.3385 43.0719C30.4289 42.0904 29.5215 41.0047 28.6353 39.8368C29.4956 39.8706 30.3726 39.8879 31.264 39.8879C32.1798 39.8879 33.085 39.8672 33.9761 39.8276C33.1012 41.0164 32.2178 42.1038 31.3385 43.0719ZM40.4994 32.9249C41.0999 34.2937 41.6061 35.618 42.0081 36.8772C40.7054 37.1744 39.2989 37.4138 37.8171 37.5916C38.2835 36.8525 38.7439 36.0899 39.1963 35.3055C39.6539 34.5118 40.0885 33.717 40.4994 32.9249ZM37.5337 34.3466C36.8314 35.5643 36.1104 36.7268 35.3784 37.8241C34.0452 37.9194 32.6678 37.9685 31.264 37.9685C29.8659 37.9685 28.5058 37.9251 27.1962 37.8401C26.4347 36.7284 25.698 35.5625 25.0002 34.3571H25.0004C24.3044 33.155 23.6638 31.9427 23.0834 30.7372C23.6636 29.5289 24.3025 28.3152 24.9945 27.1152L24.9944 27.1155C25.6882 25.9123 26.4184 24.7521 27.1729 23.6473C28.509 23.5463 29.8792 23.4936 31.2639 23.4936H31.264C32.655 23.4936 34.0269 23.5467 35.3626 23.6486C36.1056 24.7453 36.8308 25.9017 37.5274 27.1051C38.2319 28.3219 38.879 29.5275 39.4642 30.7099C38.8808 31.9126 38.2351 33.1303 37.5337 34.3466ZM41.4931 12.9137C42.9976 13.7813 43.5826 17.2804 42.6374 21.8688C42.5771 22.1615 42.5092 22.4597 42.4354 22.762C40.5715 22.3319 38.5474 22.0118 36.4282 21.813C35.1937 20.055 33.9143 18.4567 32.6302 17.0731C32.9755 16.741 33.3202 16.4243 33.6636 16.1254C36.9805 13.2388 40.0806 12.0991 41.4931 12.9137ZM31.264 26.6791C33.4797 26.6791 35.276 28.4753 35.276 30.6911C35.276 32.9068 33.4797 34.703 31.264 34.703C29.0483 34.703 27.252 32.9068 27.252 30.6911C27.252 28.4753 29.0483 26.6791 31.264 26.6791Z" fill="currentColor"></path></svg></button><button tabindex="0" role="tab" aria-selected="false" aria-label="Next.js" class="flex items-center justify-center py-4 border-r border-border last:border-r-0 transition-colors text-foreground-muted hover:text-foreground-light hover:bg-surface-75/50"><svg aria-hidden="true" width="28" height="28" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.3148 48.6796C38.9009 50.9525 34.8014 52.2771 30.3924 52.2771C18.4957 52.2771 8.85156 42.6329 8.85156 30.7362C8.85156 18.8395 18.4957 9.19531 30.3924 9.19531C42.2891 9.19531 51.9333 18.8395 51.9333 30.7362C51.9333 37.1564 49.1245 42.9207 44.6688 46.8671L39.5552 40.2803V21.8278H36.584V36.4531L25.2299 21.8278H21.4808V39.6473H24.4801V25.6368L42.3148 48.6796Z" fill="currentColor"></path></svg></button><button tabindex="0" role="tab" aria-selected="false" aria-label="Flutter" class="flex items-center justify-center py-4 border-r border-border last:border-r-0 transition-colors text-foreground-muted hover:text-foreground-light hover:bg-surface-75/50"><svg aria-hidden="true" width="28" height="28" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M46.5067 10.3828L34.3509 10.3962L14.75 29.9971L20.7974 36.0519L26.1125 30.7666L46.5067 10.3828Z M34.6996 28.4653C34.5272 28.4573 34.3493 28.4491 34.2378 28.5965L23.7856 39.0471L29.7894 45.0142L29.7825 45.021L34.079 49.3212C34.1072 49.3462 34.1352 49.3741 34.1637 49.4026C34.2813 49.5201 34.4074 49.6462 34.5895 49.6055C36.5743 49.601 38.5591 49.6017 40.544 49.6025C42.529 49.6032 44.5142 49.604 46.4998 49.5995L35.9333 39.0234L46.4963 28.467L34.906 28.464C34.8415 28.4719 34.7711 28.4686 34.6996 28.4653Z" fill="currentColor"></path></svg></button><button tabindex="0" role="tab" aria-selected="false" aria-label="Svelte" class="flex items-center justify-center py-4 border-r border-border last:border-r-0 transition-colors text-foreground-muted hover:text-foreground-light hover:bg-surface-75/50"><svg aria-hidden="true" width="28" height="28" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.9094 11.2292C35.956 7.37668 44.3187 9.17299 48.553 15.2334H48.5532C50.5831 18.0746 51.3826 21.614 50.771 25.0519C50.4778 26.677 49.8581 28.2259 48.9493 29.6047C50.2752 32.1335 50.7201 35.0322 50.2136 37.8422C49.6086 41.2154 47.6106 44.1777 44.7096 46.0024L34.0903 52.7707C28.0445 56.623 19.6818 54.8274 15.4466 48.7665C13.4171 45.9251 12.6176 42.3859 13.2288 38.948C13.5223 37.3227 14.1422 35.7738 15.0512 34.3949C13.7247 31.8665 13.2794 28.9677 13.786 26.1577C14.3913 22.7845 16.3893 19.8223 19.29 17.9974L29.9094 11.2292ZM19.8146 45.9861C21.8311 48.8931 25.4469 50.2333 28.8709 49.343H28.8708C29.6345 49.139 30.3624 48.8192 31.0293 48.3946L41.6512 41.6252C43.396 40.5274 44.5979 38.7455 44.9622 36.7164C45.33 34.6483 44.8489 32.5192 43.6278 30.8101C41.6113 27.9032 37.9955 26.5629 34.5715 27.4531C33.8084 27.6571 33.081 27.9768 32.4147 28.4012L28.3617 30.9842C28.1601 31.1125 27.9401 31.2092 27.7093 31.271C26.6776 31.5384 25.5887 31.1342 24.9815 30.2584C24.614 29.7429 24.4693 29.1012 24.5801 28.4779C24.6899 27.8669 25.0519 27.3302 25.5774 26.9996L36.2002 20.2298C36.4017 20.1015 36.6218 20.0048 36.8526 19.9431C37.8838 19.6754 38.9725 20.0795 39.5793 20.9551C39.9039 21.4146 40.0556 21.974 40.0078 22.5345L39.9714 22.9285L40.3662 23.0484C41.8596 23.4989 43.265 24.2014 44.5218 25.1254L45.0657 25.5245L45.2658 24.9145C45.3729 24.59 45.4577 24.2586 45.5196 23.9225C45.8873 21.8544 45.4063 19.7254 44.1852 18.0162C42.1687 15.1093 38.553 13.7691 35.129 14.6593C34.3653 14.8633 33.6374 15.1832 32.9705 15.6077L22.3487 22.3777C20.6036 23.475 19.4016 25.2568 19.0376 27.2858C18.6699 29.3539 19.1509 31.4829 20.372 33.192C22.3885 36.099 26.0043 37.4392 29.4283 36.549C30.1914 36.345 30.9188 36.0256 31.5853 35.6017L35.6389 33.0177C35.8402 32.8895 36.06 32.7929 36.2905 32.7311C37.3221 32.4637 38.4111 32.868 39.0183 33.7438C39.3857 34.2592 39.5306 34.9007 39.4205 35.524C39.3102 36.1352 38.948 36.6718 38.4224 37.0028L27.7996 43.7722C27.5981 43.9006 27.378 43.9973 27.1471 44.059C26.116 44.3266 25.0273 43.9225 24.4204 43.0469C24.0955 42.5876 23.9438 42.0281 23.992 41.4675L24.0284 41.0735L23.6336 40.9537C22.1404 40.5032 20.7351 39.8011 19.4783 38.8776L18.934 38.4778L18.734 39.0878C18.6266 39.4122 18.5418 39.7437 18.4801 40.0798C18.1125 42.1479 18.5935 44.277 19.8146 45.9861Z" fill="currentColor"></path></svg></button><button tabindex="0" role="tab" aria-selected="false" aria-label="Vue" class="flex items-center justify-center py-4 border-r border-border last:border-r-0 transition-colors text-foreground-muted hover:text-foreground-light hover:bg-surface-75/50"><svg aria-hidden="true" width="28" height="28" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.0532 13.4531H50.1147L30.2756 47.8158L10.4365 13.4531H17.4978L30.2755 35.5845L43.0532 13.4531ZM42.1764 13.4531L30.2755 34.0659L18.3746 13.4531L25.6939 13.4531L30.2756 21.3888L34.8572 13.4531L42.1764 13.4531Z" fill="currentColor"></path></svg></button><button tabindex="0" role="tab" aria-selected="false" aria-label="Nuxt" class="flex items-center justify-center py-4 border-r border-border last:border-r-0 transition-colors text-foreground-muted hover:text-foreground-light hover:bg-surface-75/50"><svg aria-hidden="true" width="28" height="28" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.5784 45.4741H50.2199C50.7802 45.4741 51.3307 45.3325 51.8159 45.0634C52.3012 44.7943 52.7041 44.4072 52.9842 43.9409C53.2642 43.4748 53.4115 42.946 53.4113 42.4078C53.4111 41.8696 53.2633 41.3409 52.9828 40.875L41.1352 21.164C40.8552 20.6979 40.4524 20.3109 39.9672 20.0418C39.4821 19.7727 38.9317 19.631 38.3715 19.631C37.8113 19.631 37.261 19.7727 36.7758 20.0418C36.2906 20.3109 35.8878 20.6979 35.6078 21.164L32.5784 26.2073L26.6555 16.3452C26.3753 15.8792 25.9723 15.4922 25.487 15.2232C25.0017 14.9541 24.4513 14.8125 23.8909 14.8125C23.3306 14.8125 22.7802 14.9541 22.2949 15.2232C21.8096 14.9541 21.4066 15.8792 21.1263 16.3452L6.38358 40.875C6.10311 41.3409 5.95532 41.8696 5.95508 42.4078C5.95483 42.946 6.10214 43.4748 6.38219 43.9409C6.66224 44.4072 7.06515 44.7943 7.5504 45.0634C8.03564 45.3325 8.58612 45.4741 9.14645 45.4741H20.2203C24.6079 45.4741 27.8436 43.6229 30.07 40.0113L38.3706 26.2073L47.0599 40.6619H35.4754L32.5784 45.4741Z" fill="currentColor"></path></svg></button></div><div role="tabpanel" aria-label="React code example" class="relative h-[440px] overflow-auto"><div style="opacity:0"><div class="hidden dark:block [&amp;_pre]:!bg-transparent [&amp;_pre]:m-0 [&amp;_pre]:p-6" style="font-size:0.8125rem;font-weight:500;line-height:1.7"><pre class="shiki supabase-dark" style="background-color:#00000000;color:#ffffff" tabindex="0"><code><span class="line"><span style="color:#BDA4FF">import</span><span style="color:#FFFFFF"> { createClient } </span><span style="color:#BDA4FF">from</span><span style="color:#FFFFFF"> '</span><span style="color:#FFCDA1">@supabase/supabase-js</span><span style="color:#FFFFFF">'</span></span>
<span class="line"></span>
<span class="line"><span style="color:#BDA4FF">const</span><span style="color:#3ECF8E"> supabase</span><span style="color:#BDA4FF"> =</span><span style="color:#3ECF8E"> createClient</span><span style="color:#FFFFFF">(</span></span>
<span class="line"><span style="color:#FFFFFF">  process.env.</span><span style="color:#3ECF8E">SUPABASE_URL</span><span style="color:#FFFFFF">,</span></span>
<span class="line"><span style="color:#FFFFFF">  process.env.</span><span style="color:#3ECF8E">SUPABASE_ANON_KEY</span></span>
<span class="line"><span style="color:#FFFFFF">)</span></span>
<span class="line"></span>
<span class="line"><span style="color:#BDA4FF">export</span><span style="color:#BDA4FF"> default</span><span style="color:#BDA4FF"> function</span><span style="color:#3ECF8E"> App</span><span style="color:#FFFFFF">() {</span></span>
<span class="line"><span style="color:#BDA4FF">  const</span><span style="color:#FFFFFF"> [</span><span style="color:#3ECF8E">todos</span><span style="color:#FFFFFF">, </span><span style="color:#3ECF8E">setTodos</span><span style="color:#FFFFFF">] </span><span style="color:#BDA4FF">=</span><span style="color:#3ECF8E"> useState</span><span style="color:#FFFFFF">([])</span></span>
<span class="line"></span>
<span class="line"><span style="color:#3ECF8E">  useEffect</span><span style="color:#FFFFFF">(() </span><span style="color:#BDA4FF">=></span><span style="color:#FFFFFF"> {</span></span>
<span class="line"><span style="color:#FFFFFF">    supabase.</span><span style="color:#3ECF8E">from</span><span style="color:#FFFFFF">(</span><span style="color:#FFFFFF">'</span><span style="color:#FFCDA1">todos</span><span style="color:#FFFFFF">'</span><span style="color:#FFFFFF">).</span><span style="color:#3ECF8E">select</span><span style="color:#FFFFFF">(</span><span style="color:#FFFFFF">'</span><span style="color:#FFCDA1">*</span><span style="color:#FFFFFF">'</span><span style="color:#FFFFFF">)</span></span>
<span class="line"><span style="color:#FFFFFF">      .</span><span style="color:#3ECF8E">then</span><span style="color:#FFFFFF">(({ data }) </span><span style="color:#BDA4FF">=></span><span style="color:#3ECF8E"> setTodos</span><span style="color:#FFFFFF">(data))</span></span>
<span class="line"><span style="color:#FFFFFF">  }, [])</span></span>
<span class="line"></span>
<span class="line"><span style="color:#BDA4FF">  return</span><span style="color:#FFFFFF"> &#x3C;</span><span style="color:#3ECF8E">TodoList</span><span style="color:#3ECF8E"> items</span><span style="color:#BDA4FF">=</span><span style="color:#FFFFFF">{todos} /></span></span>
<span class="line"><span style="color:#FFFFFF">}</span></span></code></pre></div><div class="block dark:hidden [&amp;_pre]:!bg-transparent [&amp;_pre]:m-0 [&amp;_pre]:p-6" style="font-size:0.8125rem;font-weight:500;line-height:1.7"><pre class="shiki supabase-light" style="background-color:#00000000;color:#525252" tabindex="0"><code><span class="line"><span style="color:#6B35DC">import</span><span style="color:#A0A0A0"> {</span><span style="color:#525252"> createClient </span><span style="color:#A0A0A0">}</span><span style="color:#6B35DC"> from</span><span style="color:#A0A0A0"> '</span><span style="color:#B45309">@supabase/supabase-js</span><span style="color:#A0A0A0">'</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6B35DC">const</span><span style="color:#15593B"> supabase</span><span style="color:#6B35DC"> =</span><span style="color:#15593B"> createClient</span><span style="color:#525252">(</span></span>
<span class="line"><span style="color:#525252">  process</span><span style="color:#A0A0A0">.</span><span style="color:#525252">env</span><span style="color:#A0A0A0">.</span><span style="color:#15593B">SUPABASE_URL</span><span style="color:#A0A0A0">,</span></span>
<span class="line"><span style="color:#525252">  process</span><span style="color:#A0A0A0">.</span><span style="color:#525252">env</span><span style="color:#A0A0A0">.</span><span style="color:#15593B">SUPABASE_ANON_KEY</span></span>
<span class="line"><span style="color:#525252">)</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6B35DC">export</span><span style="color:#6B35DC"> default</span><span style="color:#6B35DC"> function</span><span style="color:#15593B"> App</span><span style="color:#A0A0A0">()</span><span style="color:#A0A0A0"> {</span></span>
<span class="line"><span style="color:#6B35DC">  const</span><span style="color:#A0A0A0"> [</span><span style="color:#15593B">todos</span><span style="color:#A0A0A0">,</span><span style="color:#15593B"> setTodos</span><span style="color:#A0A0A0">]</span><span style="color:#6B35DC"> =</span><span style="color:#15593B"> useState</span><span style="color:#525252">([])</span></span>
<span class="line"></span>
<span class="line"><span style="color:#15593B">  useEffect</span><span style="color:#525252">(</span><span style="color:#A0A0A0">()</span><span style="color:#6B35DC"> =></span><span style="color:#A0A0A0"> {</span></span>
<span class="line"><span style="color:#525252">    supabase</span><span style="color:#A0A0A0">.</span><span style="color:#15593B">from</span><span style="color:#525252">(</span><span style="color:#A0A0A0">'</span><span style="color:#B45309">todos</span><span style="color:#A0A0A0">'</span><span style="color:#525252">)</span><span style="color:#A0A0A0">.</span><span style="color:#15593B">select</span><span style="color:#525252">(</span><span style="color:#A0A0A0">'</span><span style="color:#B45309">*</span><span style="color:#A0A0A0">'</span><span style="color:#525252">)</span></span>
<span class="line"><span style="color:#A0A0A0">      .</span><span style="color:#15593B">then</span><span style="color:#525252">(</span><span style="color:#A0A0A0">({</span><span style="color:#525252"> data </span><span style="color:#A0A0A0">})</span><span style="color:#6B35DC"> =></span><span style="color:#15593B"> setTodos</span><span style="color:#525252">(data))</span></span>
<span class="line"><span style="color:#A0A0A0">  },</span><span style="color:#525252"> [])</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6B35DC">  return</span><span style="color:#A0A0A0"> &#x3C;</span><span style="color:#15593B">TodoList</span><span style="color:#15593B"> items</span><span style="color:#6B35DC">=</span><span style="color:#A0A0A0">{</span><span style="color:#525252">todos</span><span style="color:#A0A0A0">}</span><span style="color:#A0A0A0"> /></span></span>
<span class="line"><span style="color:#A0A0A0">}</span></span></code></pre></div></div><a href="/docs/guides/getting-started/quickstarts/reactjs" class="absolute bottom-4 right-4 flex items-center gap-1.5 rounded-full bg-surface-100 border border-border px-3 py-1.5 text-xs text-foreground-light hover:text-foreground hover:bg-surface-200 transition-colors whitespace-nowrap">Read docs for React<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0"><path d="M3.5 2.5H9.5V8.5M9.5 2.5L2.5 9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div></div></section><section id="examples" class="border-b border-border"><div class="section-container relative py-16 sm:py-18 md:py-24 flex flex-col gap-16 py-24!"><div class="flex flex-col gap-4 md:flex-row md:items-end md:justify-between"><h3 class="text-2xl md:text-4xl text-foreground-lighter max-w-xl">Kickstart your next project <br/><span class="text-foreground">with production ready templates</span></h3><a href="/docs/guides/examples" class="text-sm text-foreground-light hover:text-foreground underline">View all examples</a></div><div><div class="grid grid-cols-1 md:grid-cols-2 gap-3"><a target="_blank" rel="noopener noreferrer" class="group flex flex-col bg-surface-75 border border-border rounded-lg overflow-hidden hover:bg-surface-100 transition-colors" href="https://github.com/supabase-community/nextjs-subscription-payments"><div class="px-6 py-5 flex flex-col gap-2.5"><img src="/images/logos/frameworks/stripe.svg" alt="" class="h-5 w-fit object-contain object-left "/><div><h4 class="text-foreground text-sm font-medium">Stripe Subscriptions Starter</h4><p class="text-foreground-lighter text-sm mt-1 line-clamp-2">The all-in-one subscription starter kit for high-performance SaaS applications, powered by Stripe, Supabase, and Vercel.</p></div></div><div class="flex-1 flex items-center justify-center px-6 pt-4 pb-0 overflow-hidden"><div class="w-full rounded-t-lg border border-b-0 border-border-stronger/50 shadow-lg -mb-[10%] overflow-hidden"><div class="flex items-center gap-1.5 px-3 py-2.5 border-b border-border bg-background-200"><span class="size-2.5 rounded-full bg-foreground-muted/30"></span><span class="size-2.5 rounded-full bg-foreground-muted/30"></span><span class="size-2.5 rounded-full bg-foreground-muted/30"></span></div><div class="h-[240px] flex items-center justify-center bg-background"><div aria-label="Pricing page with subscription tiers" class="flex flex-col items-center justify-center gap-3 p-5 w-full"><div class="flex -mb-8"><div class="w-24 aspect-[9/16] border flex flex-col items-center"><div class="flex flex-col items-center justify-center gap-2 p-2"><div class="rounded bg-foreground-muted/10 w-8 h-2.5"></div><div class="rounded bg-foreground-muted/10 w-16 h-2.5"></div></div><div class="rounded bg-foreground-muted/10 w-20 aspect-square mt-4"></div></div><div class="w-24 aspect-[9/16] border flex flex-col items-center border-l-0 bg-[#635BFF]/5"><div class="flex flex-col items-center justify-center gap-2 p-2"><div class="rounded w-8 h-2.5 bg-purple-800"></div><div class="rounded w-16 h-2.5 bg-purple-900"></div></div><div class="rounded bg-foreground-muted/10 w-20 aspect-square mt-4 dark:bg-muted"></div></div><div class="w-24 aspect-[9/16] border flex flex-col items-center border-l-0"><div class="flex flex-col items-center justify-center gap-2 p-2"><div class="rounded bg-foreground-muted/10 w-8 h-2.5"></div><div class="rounded bg-foreground-muted/10 w-16 h-2.5"></div></div><div class="rounded bg-foreground-muted/10 w-20 aspect-square mt-4"></div></div></div></div></div></div></div></a><a target="_blank" rel="noopener noreferrer" class="group flex flex-col bg-surface-75 border border-border rounded-lg overflow-hidden hover:bg-surface-100 transition-colors" href="https://github.com/vercel/next.js/tree/canary/examples/with-supabase"><div class="px-6 py-5 flex flex-col gap-2.5"><img src="/images/logos/frameworks/nextjs.svg" alt="" class="h-5 w-fit object-contain object-left  dark:invert"/><div><h4 class="text-foreground text-sm font-medium">Next.js Starter</h4><p class="text-foreground-lighter text-sm mt-1 line-clamp-2">A Next.js App Router template configured with cookie-based auth using Supabase, TypeScript and Tailwind CSS.</p></div></div><div class="flex-1 flex items-center justify-center px-6 pt-4 pb-0 overflow-hidden"><div class="w-full rounded-t-lg border border-b-0 border-border-stronger/50 shadow-lg -mb-[10%] overflow-hidden"><div class="flex items-center gap-1.5 px-3 py-2.5 border-b border-border bg-background-200"><span class="size-2.5 rounded-full bg-foreground-muted/30"></span><span class="size-2.5 rounded-full bg-foreground-muted/30"></span><span class="size-2.5 rounded-full bg-foreground-muted/30"></span></div><div class="h-[240px] flex items-center justify-center bg-background"><div aria-label="Dashboard with sidebar navigation and data grid" class="flex w-full h-full"><div class="w-24 border-r border-foreground-muted/10 flex flex-col gap-2 p-3 pt-3"><div class="h-3 w-3 rounded-sm bg-[#0070F3]"></div><div class="flex flex-col gap-1.5 mt-3"><div class="rounded h-2 w-full bg-muted"></div><div class="rounded bg-foreground-muted/10 h-2 w-14"></div><div class="rounded bg-foreground-muted/10 h-2 w-full"></div><div class="rounded bg-foreground-muted/10 h-2 w-10"></div></div></div><div class="flex-1 flex flex-col gap-2 p-3"><div class="rounded h-2.5 w-16 bg-muted"></div><div class="grid grid-cols-4 grid-rows-3 gap-1.5 flex-1"><div class="rounded-sm bg-foreground-muted/10 min-h-[40px]"></div><div class="rounded-sm min-h-[40px] bg-muted/70"></div><div class="rounded-sm bg-foreground-muted/10 min-h-[40px]"></div><div class="rounded-sm bg-foreground-muted/10 min-h-[40px]"></div><div class="rounded-sm bg-foreground-muted/10 min-h-[40px]"></div><div class="rounded-sm bg-foreground-muted/10 min-h-[40px]"></div><div class="rounded-sm min-h-[40px] bg-muted/70"></div><div class="rounded-sm bg-foreground-muted/10 min-h-[40px]"></div><div class="rounded-sm bg-foreground-muted/10 min-h-[40px]"></div><div class="rounded-sm min-h-[40px] bg-muted/70"></div><div class="rounded-sm bg-foreground-muted/10 min-h-[40px]"></div><div class="rounded-sm bg-foreground-muted/10 min-h-[40px]"></div></div></div></div></div></div></div></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 mt-3"><a target="_blank" rel="noopener noreferrer" class="group flex flex-col bg-surface-75 border border-border rounded-lg px-6 py-10 hover:bg-surface-100 transition-colors" href="https://github.com/supabase-community/vercel-ai-chatbot"><div class="flex items-center gap-2 mb-3"><img src="/images/logos/frameworks/openai.svg" alt="" class="h-5 w-5 object-contain dark:invert"/></div><h4 class="text-foreground text-sm font-medium">AI Chatbot</h4><p class="text-foreground-lighter text-sm mt-1 line-clamp-2">An open-source AI chatbot app template built with Next.js, the Vercel AI SDK, OpenAI, and Supabase.</p></a><a target="_blank" rel="noopener noreferrer" class="group flex flex-col bg-surface-75 border border-border rounded-lg px-6 py-10 hover:bg-surface-100 transition-colors" href="https://github.com/langchain-ai/langchain-nextjs-template"><div class="flex items-center gap-2 mb-3"><img src="/images/logos/frameworks/langchain.svg" alt="" class="h-5 w-5 object-contain"/></div><h4 class="text-foreground text-sm font-medium">LangChain + Next.js Starter</h4><p class="text-foreground-lighter text-sm mt-1 line-clamp-2">Starter template and example use-cases for LangChain projects in Next.js, including chat, agents, and retrieval.</p></a><a target="_blank" rel="noopener noreferrer" class="group flex flex-col bg-surface-75 border border-border rounded-lg px-6 py-10 hover:bg-surface-100 transition-colors" href="https://github.com/supabase/supabase/tree/master/examples/user-management/flutter-user-management"><div class="flex items-center gap-2 mb-3"><img src="/images/logos/frameworks/flutter.svg" alt="" class="h-5 w-5 object-contain"/></div><h4 class="text-foreground text-sm font-medium">Flutter User Management</h4><p class="text-foreground-lighter text-sm mt-1 line-clamp-2">Get started with Supabase and Flutter by building a user management app with auth, file storage, and database.</p></a><a target="_blank" rel="noopener noreferrer" class="group flex flex-col bg-surface-75 border border-border rounded-lg px-6 py-10 hover:bg-surface-100 transition-colors" href="https://github.com/supabase-community/create-t3-turbo"><div class="flex items-center gap-2 mb-3"><img src="/images/logos/frameworks/expo.svg" alt="" class="h-5 w-5 object-contain dark:invert"/></div><h4 class="text-foreground text-sm font-medium">Expo React Native Starter</h4><p class="text-foreground-lighter text-sm mt-1 line-clamp-2">An extended version of create-t3-turbo implementing authentication on both the web and mobile applications.</p></a></div></div></div></section><section id="customer-stories"><div class="py-24 flex flex-col gap-16"><div class="section-container relative py-16 sm:py-18 md:py-24 py-0!"><div class="flex flex-col gap-4 md:flex-row md:items-end md:justify-between"><h3 class="text-2xl md:text-4xl text-foreground-lighter max-w-xl">How industry leaders <br/> <span class="text-foreground">are building with Supabase</span></h3><a class="text-sm text-foreground-light hover:text-foreground underline" href="/customers">More customer stories</a></div></div><div class="section-container relative py-16 sm:py-18 md:py-24 py-0!"><div class="flex flex-col gap-2 lg:hidden"><div role="button" tabindex="0" aria-expanded="true" aria-label="Lovable" class="text-left rounded-lg p-5 flex flex-col gap-4 overflow-hidden transition-opacity cursor-pointer" style="background:linear-gradient(to bottom, #FD49A8 0%, #FD2980 10%, #FC1A58 20%, #FA1F41 30%, #FA2733 40%, #FB3D26 50%, #FC541F 60%, #FE6A1E 70%, #FE771D 80%, #FF861B 90%, #FF8F1B 100%)"><img src="/images/customers/logos/lovable-homepage-icon.svg" alt="Lovable" class="object-contain shrink-0 h-6 w-6" style="filter:brightness(0) invert(1)"/><div class="flex flex-col gap-3 flex-1"><div><p class="text-sm font-medium" style="color:white">Lovable</p><p class="text-xs mt-0.5" style="color:rgba(255,255,255,0.6)">Powering millions of AI-generated apps with a complete Supabase backend.</p></div><p class="text-xl font-normal leading-snug text-pretty" style="color:white;font-family:var(--font-heading)">Lovable is about unlocking creativity for anyone. Only 1% of the population knows how to code. Lovable has unlocked that ability for the other 99%.</p><div class="flex items-center gap-2 mb-4"><img src="/images/blog/avatars/bryan-byrne-lovable.jpeg" alt="Bryan Byrne, Product Manager, Lovable" class="h-6 w-6 rounded-full object-cover shrink-0 ring-1 ring-white/30"/><p class="text-xs" style="color:rgba(255,255,255,0.65)">Bryan Byrne, Product Manager, Lovable</p></div><a class="text-xs underline" style="color:rgba(255,255,255,0.7)" href="/customers/lovable">Read the story →</a></div></div><div role="button" tabindex="0" aria-expanded="false" aria-label="eXp Realty" class="text-left rounded-lg p-5 flex flex-col gap-4 overflow-hidden transition-opacity cursor-pointer" style="background:#0c0f24"><img src="/images/customers/logos/exprealty-homepage-icon.svg" alt="eXp Realty" class="object-contain shrink-0 h-6 w-6" style="filter:brightness(0) invert(1);transform:scale(1.35)"/></div><div role="button" tabindex="0" aria-expanded="false" aria-label="Phoenix Energy" class="text-left rounded-lg p-5 flex flex-col gap-4 overflow-hidden transition-opacity cursor-pointer" style="background:#002533"><img src="/images/customers/logos/phoenix-energy-homepage-icon.svg" alt="Phoenix Energy" class="object-contain shrink-0 h-6 w-6" style="filter:brightness(0) invert(1)"/></div><div role="button" tabindex="0" aria-expanded="false" aria-label="Chatbase" class="text-left rounded-lg p-5 flex flex-col gap-4 overflow-hidden transition-opacity cursor-pointer" style="background:#000000"><img src="/images/customers/logos/chatbase-homepage-icon.svg" alt="Chatbase" class="object-contain shrink-0 h-6 w-6" style="filter:brightness(0) invert(1)"/></div><div role="button" tabindex="0" aria-expanded="false" aria-label="Rally" class="text-left rounded-lg p-5 flex flex-col gap-4 overflow-hidden transition-opacity cursor-pointer" style="background:color(display-p3 0.118 0.176 0.769 / 1)"><img src="/images/customers/logos/rally-icon.svg" alt="Rally" class="object-contain shrink-0 h-6 w-6"/></div></div><div class="hidden lg:grid min-h-[480px] gap-2" style="grid-template-columns:1fr 76px 76px 76px 76px"><div role="button" tabindex="0" aria-expanded="true" aria-label="Lovable" class="text-left flex flex-col items-start gap-8 overflow-hidden cursor-pointer" style="background:linear-gradient(to bottom, #FD49A8 0%, #FD2980 10%, #FC1A58 20%, #FA1F41 30%, #FA2733 40%, #FB3D26 50%, #FC541F 60%, #FE6A1E 70%, #FE771D 80%, #FF861B 90%, #FF8F1B 100%);border-radius:8px;padding:32px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12)"><div><img src="/images/customers/logos/lovable-homepage-icon.svg" alt="Lovable" class="object-contain shrink-0 h-8 w-8" style="filter:brightness(0) invert(1)"/></div><div class="flex flex-col gap-1.5 flex-1 w-[35rem]" aria-hidden="false" style="opacity:1;filter:blur(0px)"><div class="flex flex-col gap-1"><p class="text-sm font-medium" style="color:white">Lovable</p><p class="text-xs leading-relaxed text-pretty" style="color:rgba(255,255,255,0.6)">Powering millions of AI-generated apps with a complete Supabase backend.</p></div><div class="flex flex-col gap-4 mt-auto"><p class="text-2xl font-normal leading-snug text-balance" style="color:white;font-family:var(--font-heading)">Lovable is about unlocking creativity for anyone. Only 1% of the population knows how to code. Lovable has unlocked that ability for the other 99%.</p><div class="flex items-center gap-2.5 mb-4"><img src="/images/blog/avatars/bryan-byrne-lovable.jpeg" alt="Bryan Byrne, Product Manager, Lovable" class="h-7 w-7 rounded-full object-cover shrink-0 ring-1 ring-white/30"/><p class="text-xs" style="color:rgba(255,255,255,0.65)">Bryan Byrne, Product Manager, Lovable</p></div><a class="text-xs underline" style="color:rgba(255,255,255,0.7)" href="/customers/lovable">Read the story →</a></div></div></div><div role="button" tabindex="0" aria-expanded="false" aria-label="eXp Realty" class="text-left flex flex-col items-start gap-8 overflow-hidden cursor-pointer" style="background:#0c0f24;border-radius:8px;padding:32px 22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12)"><div><img src="/images/customers/logos/exprealty-homepage-icon.svg" alt="eXp Realty" class="object-contain shrink-0 h-8 w-8" style="filter:brightness(0) invert(1);transform:scale(1.35)"/></div><div class="flex flex-col gap-1.5 flex-1 w-[35rem]" aria-hidden="true" inert="" style="opacity:0;filter:blur(2px)"><div class="flex flex-col gap-1"><p class="text-sm font-medium" style="color:white">eXp Realty</p><p class="text-xs leading-relaxed text-pretty" style="color:rgba(255,255,255,0.6)">Empowering 2,000+ employees to build production software with AI.</p></div><div class="flex flex-col gap-4 mt-auto"><p class="text-2xl font-normal leading-snug text-balance" style="color:white;font-family:var(--font-heading)">The thing that makes everything possible, all of our rapid development now and AI-generated or assisted development, is Supabase. That&#x27;s the giant whose shoulders we can stand on.</p><div class="flex items-center gap-2.5 mb-4"><img src="/images/blog/avatars/seth-siegler.jpg" alt="Seth Siegler, Chief Innovation Officer, eXp Realty" class="h-7 w-7 rounded-full object-cover shrink-0 ring-1 ring-white/30"/><p class="text-xs" style="color:rgba(255,255,255,0.65)">Seth Siegler, Chief Innovation Officer, eXp Realty</p></div><a class="text-xs underline" style="color:rgba(255,255,255,0.7)" href="/customers/exprealty">Read the story →</a></div></div></div><div role="button" tabindex="0" aria-expanded="false" aria-label="Phoenix Energy" class="text-left flex flex-col items-start gap-8 overflow-hidden cursor-pointer" style="background:#002533;border-radius:8px;padding:32px 22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12)"><div><img src="/images/customers/logos/phoenix-energy-homepage-icon.svg" alt="Phoenix Energy" class="object-contain shrink-0 h-8 w-8" style="filter:brightness(0) invert(1)"/></div><div class="flex flex-col gap-1.5 flex-1 w-[35rem]" aria-hidden="true" inert="" style="opacity:0;filter:blur(2px)"><div class="flex flex-col gap-1"><p class="text-sm font-medium" style="color:white">Phoenix Energy</p><p class="text-xs leading-relaxed text-pretty" style="color:rgba(255,255,255,0.6)">Migrated critical infrastructure from MongoDB with zero downtime.</p></div><div class="flex flex-col gap-4 mt-auto"><p class="text-2xl font-normal leading-snug text-balance" style="color:white;font-family:var(--font-heading)">We needed a system that could handle serious performance and security requirements — without slowing down our developers. Supabase has given us both.</p><div class="flex items-center gap-2.5 mb-4"><img src="/images/blog/avatars/kris-woods-phoenix-energy.jpg" alt="Kris Woods, CTO, Phoenix Energy" class="h-7 w-7 rounded-full object-cover shrink-0 ring-1 ring-white/30"/><p class="text-xs" style="color:rgba(255,255,255,0.65)">Kris Woods, CTO, Phoenix Energy</p></div><a class="text-xs underline" style="color:rgba(255,255,255,0.7)" href="/customers/phoenix-energy">Read the story →</a></div></div></div><div role="button" tabindex="0" aria-expanded="false" aria-label="Chatbase" class="text-left flex flex-col items-start gap-8 overflow-hidden cursor-pointer" style="background:#000000;border-radius:8px;padding:32px 22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12)"><div><img src="/images/customers/logos/chatbase-homepage-icon.svg" alt="Chatbase" class="object-contain shrink-0 h-8 w-8" style="filter:brightness(0) invert(1)"/></div><div class="flex flex-col gap-1.5 flex-1 w-[35rem]" aria-hidden="true" inert="" style="opacity:0;filter:blur(2px)"><div class="flex flex-col gap-1"><p class="text-sm font-medium" style="color:white">Chatbase</p><p class="text-xs leading-relaxed text-pretty" style="color:rgba(255,255,255,0.6)">Scaled from zero to $10M ARR on a single Postgres-backed platform.</p></div><div class="flex flex-col gap-4 mt-auto"><p class="text-2xl font-normal leading-snug text-balance" style="color:white;font-family:var(--font-heading)">Instead of splitting things out as we go, we try to consolidate things more as we do. The technology itself works better when you have things that are closely tied together. That&#x27;s why we&#x27;re on Supabase.</p><div class="flex items-center gap-2.5 mb-4"><img src="/images/blog/avatars/yasser-elsaid-chatbase.jpeg" alt="Yasser Elsaid, Founder and CEO, Chatbase" class="h-7 w-7 rounded-full object-cover shrink-0 ring-1 ring-white/30"/><p class="text-xs" style="color:rgba(255,255,255,0.65)">Yasser Elsaid, Founder and CEO, Chatbase</p></div><a class="text-xs underline" style="color:rgba(255,255,255,0.7)" href="/customers/chatbase">Read the story →</a></div></div></div><div role="button" tabindex="0" aria-expanded="false" aria-label="Rally" class="text-left flex flex-col items-start gap-8 overflow-hidden cursor-pointer" style="background:linear-gradient(to bottom left, color(display-p3 0.275 0.306 0.8 / 1) 0%, color(display-p3 0.118 0.176 0.769 / 1) 100%);border-radius:8px;padding:32px 22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12)"><div><img src="/images/customers/logos/rally-icon.svg" alt="Rally" class="object-contain shrink-0 h-8 w-8"/></div><div class="flex flex-col gap-1.5 flex-1 w-[35rem]" aria-hidden="true" inert="" style="opacity:0;filter:blur(2px)"><div class="flex flex-col gap-1"><p class="text-sm font-medium" style="color:white">Rally</p><p class="text-xs leading-relaxed text-pretty" style="color:rgba(255,255,255,0.6)">From first line of code to fully licensed fintech in three months.</p></div><div class="flex flex-col gap-4 mt-auto"><p class="text-2xl font-normal leading-snug text-balance" style="color:white;font-family:var(--font-heading)">We could not have built this company without Supabase. If I had to go and build all these components myself, we wouldn&#x27;t even have launched.</p><div class="flex items-center gap-2.5 mb-4"><img src="/images/blog/avatars/thiago-peres-rally.jpeg" alt="Thiago Peres, Founder &amp; CTO, Rally" class="h-7 w-7 rounded-full object-cover shrink-0 ring-1 ring-white/30"/><p class="text-xs" style="color:rgba(255,255,255,0.65)">Thiago Peres, Founder &amp; CTO, Rally</p></div><a class="text-xs underline" style="color:rgba(255,255,255,0.7)" href="/customers/rally">Read the story →</a></div></div></div></div></div></div></section><section id="community"><div class="border-b border-border"><div class="mx-auto"><div class="flex flex-col items-center gap-3 px-6 py-20"><h3 class="text-2xl md:text-4xl text-center">Join the community</h3><p class="text-foreground-lighter text-center">Discover what our community has to say about their Supabase experience.</p><a target="_blank" rel="noopener noreferrer" data-size="small" type="button" tabindex="0" class="relative inline-flex items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring control-surface-shadows border-0 raised-control-surface text-base md:text-sm leading-4 px-3 py-2 h-[34px] rounded-[calc(var(--radius-md)*(1+(34/26-1)*0.35))] mt-2" href="https://discord.supabase.com/"><span class="truncate">Join us on Discord</span></a></div><div aria-hidden="true" class="relative overflow-hidden h-[620px]" style="mask-image:linear-gradient(to bottom, black 50%, transparent 100%), linear-gradient(to right, transparent, black 10%, black 90%, transparent);-webkit-mask-image:linear-gradient(to bottom, black 50%, transparent 100%), linear-gradient(to right, transparent, black 10%, black 90%, transparent);mask-composite:intersect;-webkit-mask-composite:destination-in"><div class="grid grid-cols-2 md:grid-cols-5 gap-2 -mx-4"><div class="flex flex-col gap-2" style="transform:translateY(0px)"><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://twitter.com/nerdburn/status/1356857261495214085"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@nerdburn twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F66VSV9Mm_400x400.png&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F66VSV9Mm_400x400.png&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F66VSV9Mm_400x400.png&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@nerdburn</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">It’s fun, feels lightweight, and really quick to spin up user auth and a few tables. Almost too easy! Highly recommend.</p></div></a></div><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/adeelibr/status/1981356783818985774"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@adeelibr twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Fk0aPYRHF_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2Fk0aPYRHF_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Fk0aPYRHF_400x400.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@adeelibr</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">@supabase shout out, their MCP is awesome. It&#x27;s helping me create better row securities and telling me best practises for setting up a supabase app</p></div></a></div><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/SteinlageScott/status/1958603243401183701"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@SteinlageScott twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FnbmmwDll_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FnbmmwDll_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FnbmmwDll_400x400.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@SteinlageScott</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">I love @supabase&#x27;s built-in Advisors. The security and performance linters improve everything and boost my confidence in what I&#x27;m building!</p></div></a></div></div><div class="flex flex-col gap-2" style="transform:translateY(60px)"><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/patrickc/status/1979157875600617913"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@patrickc twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F_iAaSUQf_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F_iAaSUQf_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F_iAaSUQf_400x400.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@patrickc</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">Very impressed by @supabase&#x27;s growth. For new startups, they seem to have gone from &quot;promising&quot; to &quot;standard&quot; in remarkably short order.</p></div></a></div><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/TyronBache/status/1924425289959928039"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@TyronBache twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F89h9ROOs_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F89h9ROOs_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F89h9ROOs_400x400.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@TyronBache</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">Really impressed with @supabase&#x27;s Assistant.

It has helped me troubleshoot and solve complex CORS Configuration issues on Pinger.</p></div></a></div><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/BowTiedQilin/status/1497602628410388480"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@BowTiedQilin twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FZmOmQeTl_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FZmOmQeTl_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FZmOmQeTl_400x400.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@BowTiedQilin</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">Working with @supabase has been one of the best dev experiences I&#x27;ve had lately.

Incredibly easy to set up, great documentation, and so many fewer hoops to jump through than the competition.

I definitely plan to use it on any and all future projects.</p></div></a></div></div><div class="flex flex-col gap-2" style="transform:translateY(100px)"><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/shadcn/status/1672913636132790272"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@shadcn twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FTUYae5z7.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FTUYae5z7.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FTUYae5z7.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@shadcn</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">Supabase is really good. ⚡</p></div></a></div><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/MinimEditor/status/1954422981708722372"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@MinimEditor twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F5KvPPRZz_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F5KvPPRZz_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F5KvPPRZz_400x400.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@MinimEditor</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">I’ve always used Supabase just as a database.

Yesterday, I helped debug a founder’s vibe-coding project built with React + React Router — no backend server.
The “backend” was entirely Supabase Edge Functions as the API.
First time using Supabase this way.
Impressive.</p></div></a></div><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/adm_lawson/status/1958216298309066887"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@adm_lawson twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FI5pY1PAA_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FI5pY1PAA_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FI5pY1PAA_400x400.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@adm_lawson</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">Love supabse edge functions. Cursor+Supabase+MCP+Docker desktop is all I need</p></div></a></div></div><div class="flex flex-col gap-2" style="transform:translateY(60px)"><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/Aliahsan_sfv/status/1967167095894098210"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@Aliahsan_sfv twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F2SQwtv8c_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F2SQwtv8c_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F2SQwtv8c_400x400.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@Aliahsan_sfv</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">Okay, I finally tried Supabase today and wow... why did I wait so long? 😅 Went from &#x27;how do I even start&#x27; to having auth + database + real-time updates working in like 20 minutes. Sometimes the hype is actually justified! #Supabase</p></div></a></div><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/orlandopedro_/status/1958618806143578336"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@orlandopedro_ twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FZjIOtCGg_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FZjIOtCGg_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FZjIOtCGg_400x400.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@orlandopedro_</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">Love @supabase custom domains

makes the auth so much better</p></div></a></div><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/gokul_i/status/1958880167889133811"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@gokul_i twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FEtC0mhne_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FEtC0mhne_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FEtC0mhne_400x400.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@gokul_i</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">First time running @supabase in local. It just works. Very good DX imo.</p></div></a></div></div><div class="flex flex-col gap-2" style="transform:translateY(0px)"><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/yatsiv_yuriy/status/1979182362480071162"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@yatsiv_yuriy twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FY1swF6ef_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FY1swF6ef_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FY1swF6ef_400x400.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@yatsiv_yuriy</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">Supabase is the best product experience I&#x27;ve had in years.
Not just tech - taste.
From docs to latency to the URL structure that makes you think &quot;oh, that&#x27;s obvious&quot;
Feels like every other platform should study how they built it
@supabase I love you</p></div></a></div><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/sdusteric/status/1957703488470921550"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@sdusteric twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FFQsUZJMC_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FFQsUZJMC_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FFQsUZJMC_400x400.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@sdusteric</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">Loving #Supabase MCP. Claude Code would not only plan what data we should save but also figure out a migration script by checking what the schema looks like on Supabase via MCP.</p></div></a></div><div style="opacity:1;transform:none"><a target="_blank" rel="noopener noreferrer" tabindex="-1" class="block group/tweet-card" href="https://x.com/dadooos_/status/1947924753618243663"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-xs"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@dadooos_ twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FT42R9GFf_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FT42R9GFf_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FT42R9GFf_400x400.jpg&amp;w=128&amp;q=75"/></div><p class="text-foreground text-sm font-medium">@dadooos_</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base whitespace-pre-line">Run supabase locally and just wow in silence! I am impressed! This is the kind of tooling I would want for my team.</p></div></a></div></div></div></div></div></div></section><section id="open-source" class="border-b border-border overflow-hidden"><div class="relative"><div class="hidden md:block absolute inset-y-0 right-0 w-1/2" style="mask-image:radial-gradient(ellipse 70% 80% at 50% 50%, black 25%, transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 50%, black 25%, transparent 75%)"><svg viewBox="0 0 251.5 139.5" preserveAspectRatio="xMidYMid slice" class="absolute inset-0 h-full w-full" aria-hidden="true"><rect x="0" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0s"></rect><rect x="0" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.01s"></rect><rect x="0" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.02s"></rect><rect x="0" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.03s"></rect><rect x="0" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.04s"></rect><rect x="0" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.05s"></rect><rect x="0" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.06s"></rect><rect x="0" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.07s"></rect><rect x="0" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.08s"></rect><rect x="0" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.09s"></rect><rect x="0" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.1s"></rect><rect x="0" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.11s"></rect><rect x="0" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.12s"></rect><rect x="0" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="0" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.14s"></rect><rect x="0" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.15s"></rect><rect x="0" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="0" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.17s"></rect><rect x="0" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="0" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="0" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="0" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.21s"></rect><rect x="0" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="0" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="0" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="0" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="0" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="0" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="0" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="0" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29s"></rect><rect x="0" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="0" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="0" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="0" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="0" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="0" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35000000000000003s"></rect><rect x="0" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="0" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="0" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="0" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="3.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.02s"></rect><rect x="3.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.03s"></rect><rect x="3.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.04s"></rect><rect x="3.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.05s"></rect><rect x="3.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.06s"></rect><rect x="3.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.07s"></rect><rect x="3.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.08s"></rect><rect x="3.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.09000000000000001s"></rect><rect x="3.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.1s"></rect><rect x="3.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.11s"></rect><rect x="3.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.12000000000000001s"></rect><rect x="3.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="3.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.13999999999999999s"></rect><rect x="3.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.15s"></rect><rect x="3.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="3.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.16999999999999998s"></rect><rect x="3.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="3.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="3.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19999999999999998s"></rect><rect x="3.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.21s"></rect><rect x="3.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="3.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.22999999999999998s"></rect><rect x="3.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="3.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="3.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="3.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="3.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="3.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="3.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.30000000000000004s"></rect><rect x="3.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="3.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="3.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="3.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="3.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.35000000000000003s"></rect><rect x="3.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.36000000000000004s"></rect><rect x="3.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.37000000000000005s"></rect><rect x="3.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="3.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="3.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="3.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="7" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.04s"></rect><rect x="7" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.05s"></rect><rect x="7" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.06s"></rect><rect x="7" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.07s"></rect><rect x="7" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.08s"></rect><rect x="7" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.09s"></rect><rect x="7" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.1s"></rect><rect x="7" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.11000000000000001s"></rect><rect x="7" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.12s"></rect><rect x="7" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="7" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.14s"></rect><rect x="7" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.15s"></rect><rect x="7" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="7" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.17s"></rect><rect x="7" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.18000000000000002s"></rect><rect x="7" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="7" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="7" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.21000000000000002s"></rect><rect x="7" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="7" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="7" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24000000000000002s"></rect><rect x="7" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="7" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="7" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="7" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27999999999999997s"></rect><rect x="7" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29s"></rect><rect x="7" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="7" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="7" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="7" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32999999999999996s"></rect><rect x="7" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="7" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="7" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="7" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="7" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="7" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="7" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39999999999999997s"></rect><rect x="7" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41s"></rect><rect x="7" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="7" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="10.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.06s"></rect><rect x="10.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.06999999999999999s"></rect><rect x="10.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.08s"></rect><rect x="10.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.09s"></rect><rect x="10.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.1s"></rect><rect x="10.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.11s"></rect><rect x="10.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.12s"></rect><rect x="10.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="10.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.14s"></rect><rect x="10.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.15s"></rect><rect x="10.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="10.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16999999999999998s"></rect><rect x="10.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="10.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="10.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="10.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.21s"></rect><rect x="10.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="10.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="10.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="10.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="10.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="10.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="10.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="10.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="10.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="10.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="10.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="10.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="10.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="10.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="10.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="10.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="10.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="10.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="10.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="10.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="10.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="10.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="10.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="10.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="14" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.08s"></rect><rect x="14" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.09s"></rect><rect x="14" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.1s"></rect><rect x="14" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.11s"></rect><rect x="14" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.12s"></rect><rect x="14" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="14" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.14s"></rect><rect x="14" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.15000000000000002s"></rect><rect x="14" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="14" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.16999999999999998s"></rect><rect x="14" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="14" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="14" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="14" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.21000000000000002s"></rect><rect x="14" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22000000000000003s"></rect><rect x="14" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22999999999999998s"></rect><rect x="14" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="14" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="14" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="14" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="14" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="14" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.29s"></rect><rect x="14" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="14" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="14" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="14" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="14" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="14" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.35000000000000003s"></rect><rect x="14" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.36000000000000004s"></rect><rect x="14" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="14" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="14" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="14" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="14" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="14" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="14" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="14" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="14" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="14" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="14" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="17.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.1s"></rect><rect x="17.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.11s"></rect><rect x="17.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.12000000000000001s"></rect><rect x="17.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="17.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.14s"></rect><rect x="17.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.15000000000000002s"></rect><rect x="17.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="17.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.17s"></rect><rect x="17.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="17.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="17.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="17.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.21000000000000002s"></rect><rect x="17.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="17.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="17.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24000000000000002s"></rect><rect x="17.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="17.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="17.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="17.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="17.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="17.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.30000000000000004s"></rect><rect x="17.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="17.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="17.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="17.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="17.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="17.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="17.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="17.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="17.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="17.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="17.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="17.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="17.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="17.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44000000000000006s"></rect><rect x="17.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45000000000000007s"></rect><rect x="17.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="17.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="17.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="17.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="21" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.12s"></rect><rect x="21" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="21" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.13999999999999999s"></rect><rect x="21" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.15s"></rect><rect x="21" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="21" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.16999999999999998s"></rect><rect x="21" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="21" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="21" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="21" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.21s"></rect><rect x="21" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="21" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22999999999999998s"></rect><rect x="21" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="21" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="21" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="21" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="21" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="21" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="21" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="21" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="21" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="21" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32999999999999996s"></rect><rect x="21" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="21" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="21" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="21" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="21" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="21" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="21" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="21" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.41s"></rect><rect x="21" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="21" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="21" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="21" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="21" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="21" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="21" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="21" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="21" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="21" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="24.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.14s"></rect><rect x="24.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.15000000000000002s"></rect><rect x="24.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="24.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.17s"></rect><rect x="24.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.18000000000000002s"></rect><rect x="24.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="24.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="24.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.21000000000000002s"></rect><rect x="24.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.22000000000000003s"></rect><rect x="24.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="24.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24000000000000002s"></rect><rect x="24.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="24.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="24.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="24.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="24.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="24.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.30000000000000004s"></rect><rect x="24.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.31000000000000005s"></rect><rect x="24.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="24.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="24.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="24.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="24.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="24.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="24.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="24.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="24.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="24.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="24.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="24.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="24.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="24.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="24.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="24.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="24.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48000000000000004s"></rect><rect x="24.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.49000000000000005s"></rect><rect x="24.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="24.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="24.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="24.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="28" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="28" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.17s"></rect><rect x="28" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="28" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="28" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="28" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.21000000000000002s"></rect><rect x="28" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="28" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="28" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="28" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="28" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="28" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="28" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="28" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="28" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.30000000000000004s"></rect><rect x="28" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="28" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="28" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="28" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="28" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="28" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="28" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="28" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="28" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="28" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="28" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="28" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="28" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="28" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.44000000000000006s"></rect><rect x="28" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.44999999999999996s"></rect><rect x="28" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="28" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="28" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="28" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="28" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="28" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="28" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="28" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="28" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="28" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="31.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="31.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="31.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.19999999999999998s"></rect><rect x="31.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.21s"></rect><rect x="31.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="31.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22999999999999998s"></rect><rect x="31.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="31.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="31.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="31.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="31.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="31.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29s"></rect><rect x="31.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="31.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="31.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="31.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32999999999999996s"></rect><rect x="31.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="31.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="31.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="31.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="31.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="31.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="31.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="31.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="31.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="31.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="31.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="31.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="31.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="31.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="31.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="31.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="31.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="31.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="31.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="31.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="31.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="31.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="31.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="31.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="35" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="35" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.21000000000000002s"></rect><rect x="35" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="35" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="35" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24000000000000002s"></rect><rect x="35" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="35" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="35" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="35" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="35" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="35" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.30000000000000004s"></rect><rect x="35" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="35" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="35" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="35" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="35" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="35" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="35" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="35" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="35" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="35" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="35" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="35" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="35" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="35" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="35" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="35" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="35" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="35" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48000000000000004s"></rect><rect x="35" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="35" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="35" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="35" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="35" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="35" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="35" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="35" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="35" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="35" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="35" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="38.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="38.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="38.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="38.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="38.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="38.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="38.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="38.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="38.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="38.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="38.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="38.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="38.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="38.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="38.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="38.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="38.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="38.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="38.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="38.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="38.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="38.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="38.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="38.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="38.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="38.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="38.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="38.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="38.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="38.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="38.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="38.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="38.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="38.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="38.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="38.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="38.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.58s"></rect><rect x="38.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="38.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="38.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="42" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="42" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="42" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="42" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="42" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.27999999999999997s"></rect><rect x="42" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.29s"></rect><rect x="42" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="42" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="42" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="42" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.32999999999999996s"></rect><rect x="42" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="42" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="42" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="42" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="42" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="42" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="42" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="42" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="42" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="42" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="42" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="42" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44999999999999996s"></rect><rect x="42" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="42" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="42" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="42" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="42" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="42" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="42" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="42" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="42" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="42" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="42" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="42" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="42" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="42" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="42" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="42" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="42" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="42" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="45.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="45.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="45.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="45.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="45.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="45.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="45.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="45.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="45.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="45.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="45.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="45.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="45.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="45.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="45.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="45.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="45.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="45.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="45.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="45.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="45.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="45.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="45.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="45.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="45.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="45.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="45.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="45.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="45.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="45.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="45.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="45.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="45.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="45.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="45.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="45.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6100000000000001s"></rect><rect x="45.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="45.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="45.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="45.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="49" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="49" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="49" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.30000000000000004s"></rect><rect x="49" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.31000000000000005s"></rect><rect x="49" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="49" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="49" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="49" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.35000000000000003s"></rect><rect x="49" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.36000000000000004s"></rect><rect x="49" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="49" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="49" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="49" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="49" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="49" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="49" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="49" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.44000000000000006s"></rect><rect x="49" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45000000000000007s"></rect><rect x="49" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="49" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="49" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.48000000000000004s"></rect><rect x="49" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="49" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="49" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="49" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="49" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="49" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="49" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="49" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="49" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="49" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="49" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="49" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="49" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6100000000000001s"></rect><rect x="49" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6200000000000001s"></rect><rect x="49" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6300000000000001s"></rect><rect x="49" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="49" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="49" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="49" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="52.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="52.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="52.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="52.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32999999999999996s"></rect><rect x="52.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="52.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="52.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="52.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="52.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="52.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="52.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="52.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41s"></rect><rect x="52.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="52.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="52.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="52.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44999999999999996s"></rect><rect x="52.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="52.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="52.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="52.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="52.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="52.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="52.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="52.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="52.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="52.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="52.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="52.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="52.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="52.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="52.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="52.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="52.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="52.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="52.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="52.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="52.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6599999999999999s"></rect><rect x="52.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="52.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="52.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="56" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="56" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="56" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="56" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="56" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="56" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="56" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="56" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="56" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="56" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="56" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="56" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="56" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="56" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="56" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="56" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="56" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="56" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="56" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="56" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="56" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="56" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="56" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="56" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="56" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="56" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="56" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="56" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="56" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="56" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="56" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="56" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="56" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="56" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="56" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="56" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="56" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="56" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="56" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="56" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="59.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="59.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.35000000000000003s"></rect><rect x="59.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36000000000000004s"></rect><rect x="59.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="59.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="59.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="59.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="59.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="59.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="59.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="59.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44000000000000006s"></rect><rect x="59.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="59.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="59.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="59.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48000000000000004s"></rect><rect x="59.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="59.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="59.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="59.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="59.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="59.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="59.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="59.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="59.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="59.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="59.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="59.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="59.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6100000000000001s"></rect><rect x="59.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6200000000000001s"></rect><rect x="59.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="59.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="59.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="59.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="59.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="59.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="59.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="59.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="59.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="59.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="59.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="63" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="63" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="63" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="63" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="63" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39999999999999997s"></rect><rect x="63" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41s"></rect><rect x="63" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="63" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="63" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="63" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.44999999999999996s"></rect><rect x="63" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="63" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="63" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="63" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="63" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="63" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="63" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="63" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="63" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="63" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="63" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="63" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.57s"></rect><rect x="63" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.58s"></rect><rect x="63" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="63" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="63" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="63" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="63" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="63" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="63" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6499999999999999s"></rect><rect x="63" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6599999999999999s"></rect><rect x="63" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="63" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="63" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="63" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="63" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="63" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="63" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="63" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="63" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="66.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="66.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="66.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="66.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="66.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="66.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="66.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="66.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="66.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="66.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="66.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="66.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="66.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="66.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="66.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="66.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="66.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="66.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.585s"></rect><rect x="66.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="66.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="66.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="66.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="66.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.585s"></rect><rect x="66.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="66.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="66.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="66.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="66.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="66.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="66.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="66.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="66.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="66.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="66.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="66.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="66.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="66.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="66.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="66.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="66.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="70" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="70" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="70" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="70" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="70" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="70" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="70" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="70" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="70" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48000000000000004s"></rect><rect x="70" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="70" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="70" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="70" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="70" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="70" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="70" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="70" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="70" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="70" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="70" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="70" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="70" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="70" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="70" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="70" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="70" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="70" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="70" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="70" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="70" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="70" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="70" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="70" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="73.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="73.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="73.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="73.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44999999999999996s"></rect><rect x="73.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="73.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="73.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="73.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="73.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="73.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="73.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="73.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="73.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="73.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="73.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="73.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.57s"></rect><rect x="73.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.58s"></rect><rect x="73.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="73.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="73.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="73.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="73.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="73.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.615s"></rect><rect x="73.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="73.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6599999999999999s"></rect><rect x="73.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="73.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="73.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="73.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="73.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="73.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="73.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="73.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="73.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="73.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="73.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="73.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="73.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="73.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="73.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="77" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="77" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="77" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="77" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="77" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="77" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="77" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="77" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="77" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="77" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="77" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="77" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="77" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="77" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="77" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="77" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="77" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="77" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="77" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="77" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="77" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="77" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="77" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="77" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="77" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="77" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="77" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="77" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="77" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="77" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="77" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="77" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="77" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="77" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="77" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="77" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="77" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="77" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="77" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="77" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="80.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="80.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="80.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.48000000000000004s"></rect><rect x="80.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="80.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="80.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="80.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="80.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="80.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="80.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="80.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="80.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="80.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="80.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="80.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="80.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="80.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="80.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="80.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="80.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="80.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="80.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="80.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="80.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="80.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="80.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="80.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="80.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="80.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="80.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="80.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="80.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="80.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="80.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="80.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="80.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="80.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="80.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="80.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="80.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="84" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="84" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="84" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="84" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="84" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="84" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="84" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="84" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="84" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5599999999999999s"></rect><rect x="84" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.57s"></rect><rect x="84" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.58s"></rect><rect x="84" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="84" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="84" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="84" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="84" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="84" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="84" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="84" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6599999999999999s"></rect><rect x="84" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="84" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="84" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="84" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="84" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="84" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="84" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="84" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="84" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="84" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="84" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="84" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="84" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="84" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="84" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="84" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="84" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="84" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="84" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="84" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="84" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="87.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="87.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="87.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="87.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="87.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="87.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="87.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="87.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="87.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.58s"></rect><rect x="87.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="87.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="87.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="87.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="87.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="87.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="87.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="87.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="87.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.675s"></rect><rect x="87.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="87.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="87.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="87.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="87.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.675s"></rect><rect x="87.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="87.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="87.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="87.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="87.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="87.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="87.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="87.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="87.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="87.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="87.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="87.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="87.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="87.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="87.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="87.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="87.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="91" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="91" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="91" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="91" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="91" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="91" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="91" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="91" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="91" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="91" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="91" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="91" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="91" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="91" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="91" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="91" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="91" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="91" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="91" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="91" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="91" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="91" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="91" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="91" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="91" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="91" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="91" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="91" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="91" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="91" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="91" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="91" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="91" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="94.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="94.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="94.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="94.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="94.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="94.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="94.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="94.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6100000000000001s"></rect><rect x="94.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="94.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="94.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="94.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="94.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="94.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="94.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="94.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="94.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7000000000000001s"></rect><rect x="94.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7100000000000001s"></rect><rect x="94.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="94.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="94.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="94.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="94.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.705s"></rect><rect x="94.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="94.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="94.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="94.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="94.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="94.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="94.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="94.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="94.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="94.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="94.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="94.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8800000000000001s"></rect><rect x="94.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8900000000000001s"></rect><rect x="94.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="94.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="94.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="94.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="98" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="98" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="98" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="98" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="98" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="98" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6100000000000001s"></rect><rect x="98" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6200000000000001s"></rect><rect x="98" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6300000000000001s"></rect><rect x="98" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="98" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="98" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="98" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="98" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="98" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="98" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7000000000000001s"></rect><rect x="98" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7100000000000001s"></rect><rect x="98" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7200000000000001s"></rect><rect x="98" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.7300000000000001s"></rect><rect x="98" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="98" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="98" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="98" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="98" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="98" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="98" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="98" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="98" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="98" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="98" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="98" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="98" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="98" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="98" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8800000000000001s"></rect><rect x="98" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8900000000000001s"></rect><rect x="98" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9000000000000001s"></rect><rect x="98" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9100000000000001s"></rect><rect x="98" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="98" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="98" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="98" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="101.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.58s"></rect><rect x="101.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="101.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="101.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="101.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="101.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="101.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6399999999999999s"></rect><rect x="101.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6499999999999999s"></rect><rect x="101.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6599999999999999s"></rect><rect x="101.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="101.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="101.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="101.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="101.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="101.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="101.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="101.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="101.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="101.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="101.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="101.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="101.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7899999999999999s"></rect><rect x="101.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7999999999999999s"></rect><rect x="101.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8099999999999999s"></rect><rect x="101.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.82s"></rect><rect x="101.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.83s"></rect><rect x="101.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="101.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="101.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="101.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8699999999999999s"></rect><rect x="101.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8799999999999999s"></rect><rect x="101.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8899999999999999s"></rect><rect x="101.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8999999999999999s"></rect><rect x="101.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9099999999999999s"></rect><rect x="101.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="101.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="101.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="101.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="101.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="101.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="105" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="105" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="105" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="105" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="105" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="105" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="105" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6599999999999999s"></rect><rect x="105" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="105" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="105" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="105" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="105" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="105" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="105" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="105" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="105" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="105" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="105" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="105" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="105" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="105" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="105" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8099999999999999s"></rect><rect x="105" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.82s"></rect><rect x="105" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.83s"></rect><rect x="105" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="105" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="105" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="105" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="105" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="105" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8899999999999999s"></rect><rect x="105" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8999999999999999s"></rect><rect x="105" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9099999999999999s"></rect><rect x="105" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="105" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="105" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="105" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="105" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="105" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="105" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="105" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="108.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="108.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="108.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="108.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="108.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="108.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="108.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="108.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="108.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="108.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="108.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="108.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="108.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="108.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="108.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="108.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="108.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="108.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.7649999999999999s"></rect><rect x="108.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="108.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="108.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="108.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.83s"></rect><rect x="108.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500))" opacity="0" style="transition:opacity 0.6s ease 0.7649999999999999s"></rect><rect x="108.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="108.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="108.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="108.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="108.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="108.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="108.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9099999999999999s"></rect><rect x="108.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="108.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="108.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="108.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="108.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="108.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="108.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="108.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="108.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="108.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="112" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="112" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="112" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="112" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="112" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="112" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="112" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="112" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="112" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="112" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="112" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="112" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="112" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="112" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="112" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="112" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="112" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="112" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="112" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="112" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="112" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="112" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="112" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="112" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="112" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="112" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="112" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="112" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="112" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="112" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="112" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="112" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="112" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="115.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="115.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="115.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="115.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="115.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7000000000000001s"></rect><rect x="115.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7100000000000001s"></rect><rect x="115.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="115.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="115.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="115.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="115.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="115.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="115.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="115.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="115.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="115.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="115.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="115.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="115.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="115.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="115.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="115.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="115.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.7949999999999999s"></rect><rect x="115.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="115.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="115.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="115.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="115.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="115.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="115.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="115.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="115.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="115.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="115.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="115.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="115.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="115.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="115.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="115.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="115.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="119" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="119" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="119" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7000000000000001s"></rect><rect x="119" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.7100000000000001s"></rect><rect x="119" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7200000000000001s"></rect><rect x="119" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.7300000000000001s"></rect><rect x="119" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="119" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="119" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="119" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="119" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="119" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="119" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="119" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="119" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="119" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="119" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="119" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="119" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="119" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="119" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8800000000000001s"></rect><rect x="119" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="119" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="119" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="119" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="119" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="119" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="119" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="119" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9600000000000001s"></rect><rect x="119" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="119" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="119" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="119" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="119" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="119" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="119" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="119" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="119" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="119" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="119" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="122.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.7000000000000001s"></rect><rect x="122.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7100000000000001s"></rect><rect x="122.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7200000000000001s"></rect><rect x="122.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7300000000000001s"></rect><rect x="122.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7400000000000001s"></rect><rect x="122.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7500000000000001s"></rect><rect x="122.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="122.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="122.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="122.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="122.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="122.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="122.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="122.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="122.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="122.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="122.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="122.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="122.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8800000000000001s"></rect><rect x="122.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8900000000000001s"></rect><rect x="122.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9000000000000001s"></rect><rect x="122.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="122.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="122.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="122.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="122.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="122.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9600000000000001s"></rect><rect x="122.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9700000000000001s"></rect><rect x="122.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9800000000000001s"></rect><rect x="122.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="122.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="122.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="122.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="122.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="122.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="122.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="122.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="122.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="122.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="122.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="126" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="126" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="126" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="126" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="126" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="126" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="126" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="126" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="126" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7999999999999999s"></rect><rect x="126" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8099999999999999s"></rect><rect x="126" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.82s"></rect><rect x="126" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.83s"></rect><rect x="126" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="126" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="126" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="126" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="126" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="126" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="126" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8999999999999999s"></rect><rect x="126" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9099999999999999s"></rect><rect x="126" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="126" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="126" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="126" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="126" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="126" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="126" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="126" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="126" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="126" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="126" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="126" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="126" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="126" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="126" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="126" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="126" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="126" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.0899999999999999s"></rect><rect x="126" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="126" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1099999999999999s"></rect><rect x="129.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="129.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="129.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="129.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="129.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="129.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="129.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="129.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="129.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.82s"></rect><rect x="129.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.83s"></rect><rect x="129.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="129.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="129.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="129.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="129.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="129.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="129.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="129.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="129.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="129.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="129.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="129.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="129.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="129.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="129.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="129.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="129.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="129.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="129.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="129.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="129.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="129.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="129.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="129.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="129.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="129.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="129.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="129.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1099999999999999s"></rect><rect x="129.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="129.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="133" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="133" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="133" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="133" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="133" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="133" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="133" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="133" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="133" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="133" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="133" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="133" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="133" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="133" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="133" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="133" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="133" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="133" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="133" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="133" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="133" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="133" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="133" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.8699999999999999s"></rect><rect x="133" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="133" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="133" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="133" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="133" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="133" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="133" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="133" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="133" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="133" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="133" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="133" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="133" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="133" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="133" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="133" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="133" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="136.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="136.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="136.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="136.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="136.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="136.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="136.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="136.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="136.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="136.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="136.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="136.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="136.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="136.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="136.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="136.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="136.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="136.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="136.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="136.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="136.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="136.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="136.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="136.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="136.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="136.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="136.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="136.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="136.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="136.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="136.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="136.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="136.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="136.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="136.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="136.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="136.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="136.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="136.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="136.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="140" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="140" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="140" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="140" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="140" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="140" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="140" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="140" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="140" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="140" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="140" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="140" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="140" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="140" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="140" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="140" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="140" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9600000000000001s"></rect><rect x="140" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9700000000000001s"></rect><rect x="140" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="140" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="140" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="140" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="140" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="140" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="140" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="140" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="140" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="140" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="140" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="140" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="140" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="140" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="140" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="140" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="140" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="140" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="140" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="140" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="140" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="140" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="143.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="143.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="143.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="143.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="143.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="143.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="143.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8800000000000001s"></rect><rect x="143.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8900000000000001s"></rect><rect x="143.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="143.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="143.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="143.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="143.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="143.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="143.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9600000000000001s"></rect><rect x="143.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9700000000000001s"></rect><rect x="143.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9800000000000001s"></rect><rect x="143.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9900000000000001s"></rect><rect x="143.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="143.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="143.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="143.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="143.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="143.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="143.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="143.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="143.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="143.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="143.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="143.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="143.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="143.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="143.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="143.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="143.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="143.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="143.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="143.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="143.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="143.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="147" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="147" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="147" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="147" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="147" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="147" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="147" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8999999999999999s"></rect><rect x="147" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9099999999999999s"></rect><rect x="147" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="147" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="147" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="147" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="147" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="147" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="147" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="147" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="147" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9299999999999999s"></rect><rect x="147" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.9299999999999999s"></rect><rect x="147" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.9299999999999999s"></rect><rect x="147" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="147" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="147" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9299999999999999s"></rect><rect x="147" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="147" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="147" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="147" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.0899999999999999s"></rect><rect x="147" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="147" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1099999999999999s"></rect><rect x="147" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="147" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="147" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.14s"></rect><rect x="147" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="147" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.16s"></rect><rect x="147" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="147" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="147" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="147" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="147" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="147" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="147" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="150.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="150.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="150.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="150.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="150.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="150.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="150.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="150.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="150.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="150.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="150.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="150.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="150.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="150.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="150.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="150.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="150.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9450000000000001s"></rect><rect x="150.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="150.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9450000000000001s"></rect><rect x="150.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="150.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="150.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="150.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9450000000000001s"></rect><rect x="150.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="150.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="150.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1099999999999999s"></rect><rect x="150.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="150.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="150.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="150.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="150.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.16s"></rect><rect x="150.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="150.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="150.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="150.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="150.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="150.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="150.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="150.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="150.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="154" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="154" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="154" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="154" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="154" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="154" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="154" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="154" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="154" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="154" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="154" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="154" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="154" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="154" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="154" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="154" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="154" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.96s"></rect><rect x="154" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="154" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.96s"></rect><rect x="154" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="154" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="154" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="154" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.96s"></rect><rect x="154" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="154" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="154" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="154" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="154" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="154" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="154" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="154" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="154" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="154" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="154" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="154" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="154" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="154" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="154" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="154" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="154" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="157.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="157.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="157.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="157.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="157.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="157.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="157.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="157.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="157.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="157.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="157.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="157.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="157.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="157.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="157.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="157.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="157.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9749999999999999s"></rect><rect x="157.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="157.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9749999999999999s"></rect><rect x="157.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="157.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="157.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="157.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9749999999999999s"></rect><rect x="157.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="157.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="157.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="157.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="157.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="157.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="157.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="157.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="157.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="157.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="157.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="157.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="157.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="157.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="157.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="157.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="157.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="161" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="161" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="161" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="161" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="161" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9600000000000001s"></rect><rect x="161" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9700000000000001s"></rect><rect x="161" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="161" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="161" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="161" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="161" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="161" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="161" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="161" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="161" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="161" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="161" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.99s"></rect><rect x="161" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="161" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="161" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.99s"></rect><rect x="161" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.99s"></rect><rect x="161" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.99s"></rect><rect x="161" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="161" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="161" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="161" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="161" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="161" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="161" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="161" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="161" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="161" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="161" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="161" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="161" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="161" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="161" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="161" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="161" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="161" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="164.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="164.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="164.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9600000000000001s"></rect><rect x="164.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9700000000000001s"></rect><rect x="164.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9800000000000001s"></rect><rect x="164.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9900000000000001s"></rect><rect x="164.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="164.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="164.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="164.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="164.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="164.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="164.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="164.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="164.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="164.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="164.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="164.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="164.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="164.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="164.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="164.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="164.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="164.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="164.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="164.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="164.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="164.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="164.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2200000000000002s"></rect><rect x="164.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="164.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="164.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="164.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="164.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="164.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="164.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="164.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="164.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="164.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="164.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="168" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="168" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="168" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="168" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="168" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="168" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="168" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="168" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="168" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="168" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="168" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="168" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="168" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="168" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.0899999999999999s"></rect><rect x="168" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="168" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1099999999999999s"></rect><rect x="168" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="168" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="168" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="168" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="168" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="168" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="168" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="168" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="168" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="168" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="168" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="168" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="168" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="168" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3199999999999998s"></rect><rect x="168" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="168" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3399999999999999s"></rect><rect x="168" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="171.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="171.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="171.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="171.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="171.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="171.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="171.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="171.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="171.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="171.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="171.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="171.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="171.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="171.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1099999999999999s"></rect><rect x="171.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="171.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="171.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.14s"></rect><rect x="171.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="171.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.16s"></rect><rect x="171.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.035s"></rect><rect x="171.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="171.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="171.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="171.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="171.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="171.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="171.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="171.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="171.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="171.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="171.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="171.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="171.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="171.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="171.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="171.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="171.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3399999999999999s"></rect><rect x="171.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="171.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="171.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="175" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="175" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="175" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="175" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="175" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="175" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="175" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="175" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="175" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="175" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="175" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="175" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="175" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="175" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="175" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="175" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="175" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.16s"></rect><rect x="175" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="175" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.05s"></rect><rect x="175" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="175" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 1.05s"></rect><rect x="175" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="175" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="175" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="175" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="175" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="175" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="175" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="175" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="175" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="175" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="175" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="175" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="175" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="175" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="175" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="175" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="175" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="175" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="175" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="178.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="178.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="178.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="178.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="178.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="178.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="178.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="178.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="178.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="178.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="178.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="178.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="178.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="178.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="178.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="178.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="178.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="178.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.065s"></rect><rect x="178.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="178.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="178.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="178.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 1.065s"></rect><rect x="178.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="178.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="178.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="178.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="178.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="178.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="178.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="178.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="178.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="178.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="178.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="178.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="178.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="178.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="178.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="178.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="178.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="178.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="182" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="182" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="182" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="182" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="182" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="182" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="182" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="182" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="182" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="182" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="182" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="182" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="182" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="182" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="182" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="182" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="182" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.08s"></rect><rect x="182" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="182" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="182" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="182" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="182" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="182" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.08s"></rect><rect x="182" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="182" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="182" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="182" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="182" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="182" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="182" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="182" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="182" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="182" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="182" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="182" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="182" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="182" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="182" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="182" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="182" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="185.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="185.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="185.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="185.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="185.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="185.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="185.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="185.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="185.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="185.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="185.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="185.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="185.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="185.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="185.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="185.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="185.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="185.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="185.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="185.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="185.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="185.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="185.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="185.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="185.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="185.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="185.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="185.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="185.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="185.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="185.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="185.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="185.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="185.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="185.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="185.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="185.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="185.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="185.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="185.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="189" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="189" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="189" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="189" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="189" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="189" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="189" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="189" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="189" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="189" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="189" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="189" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1900000000000002s"></rect><rect x="189" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="189" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="189" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2200000000000002s"></rect><rect x="189" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="189" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="189" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="189" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="189" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="189" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="189" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="189" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="189" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="189" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="189" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="189" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="189" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="189" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="189" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="189" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="189" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="189" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="189" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="189" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="189" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="189" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="189" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="189" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="189" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="192.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="192.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="192.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="192.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="192.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="192.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="192.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="192.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="192.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="192.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1900000000000002s"></rect><rect x="192.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="192.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2100000000000002s"></rect><rect x="192.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2200000000000002s"></rect><rect x="192.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="192.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2400000000000002s"></rect><rect x="192.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="192.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="192.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="192.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="192.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="192.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="192.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="192.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="192.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="192.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="192.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="192.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="192.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="192.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="192.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="192.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="192.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="192.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="192.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="192.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="192.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="192.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="192.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="192.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="192.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4900000000000002s"></rect><rect x="196" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="196" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="196" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="196" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="196" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="196" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="196" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="196" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1900000000000002s"></rect><rect x="196" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="196" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.2100000000000002s"></rect><rect x="196" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2200000000000002s"></rect><rect x="196" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2300000000000002s"></rect><rect x="196" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.2400000000000002s"></rect><rect x="196" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="196" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.2600000000000002s"></rect><rect x="196" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="196" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="196" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="196" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="196" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="196" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="196" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="196" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="196" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="196" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="196" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="196" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="196" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="196" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="196" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="196" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="196" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="196" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="196" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="196" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4600000000000002s"></rect><rect x="196" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="196" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="196" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4900000000000002s"></rect><rect x="196" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="196" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5100000000000002s"></rect><rect x="199.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="199.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="199.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="199.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="199.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="199.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1900000000000002s"></rect><rect x="199.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="199.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2100000000000002s"></rect><rect x="199.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.2200000000000002s"></rect><rect x="199.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2300000000000002s"></rect><rect x="199.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2400000000000002s"></rect><rect x="199.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2500000000000002s"></rect><rect x="199.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2600000000000002s"></rect><rect x="199.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="199.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2800000000000002s"></rect><rect x="199.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="199.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="199.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="199.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="199.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="199.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="199.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="199.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="199.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="199.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="199.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="199.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="199.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="199.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="199.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="199.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="199.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="199.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4600000000000002s"></rect><rect x="199.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="199.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4800000000000002s"></rect><rect x="199.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4900000000000002s"></rect><rect x="199.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="199.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.5100000000000002s"></rect><rect x="199.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="199.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5300000000000002s"></rect><rect x="203" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.16s"></rect><rect x="203" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="203" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="203" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="203" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="203" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="203" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="203" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="203" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="203" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="203" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="203" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="203" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2799999999999998s"></rect><rect x="203" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="203" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2999999999999998s"></rect><rect x="203" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3099999999999998s"></rect><rect x="203" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3199999999999998s"></rect><rect x="203" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3299999999999998s"></rect><rect x="203" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3399999999999999s"></rect><rect x="203" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3499999999999999s"></rect><rect x="203" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="203" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3699999999999999s"></rect><rect x="203" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="203" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.39s"></rect><rect x="203" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="203" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.41s"></rect><rect x="203" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="203" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="203" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="203" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="203" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="203" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="203" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="203" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="203" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="203" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="203" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="203" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.5299999999999998s"></rect><rect x="203" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="203" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5499999999999998s"></rect><rect x="206.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="206.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="206.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="206.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="206.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="206.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="206.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="206.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="206.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="206.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="206.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="206.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="206.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2999999999999998s"></rect><rect x="206.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="206.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3199999999999998s"></rect><rect x="206.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3299999999999998s"></rect><rect x="206.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3399999999999999s"></rect><rect x="206.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3499999999999999s"></rect><rect x="206.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="206.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3699999999999999s"></rect><rect x="206.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="206.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.39s"></rect><rect x="206.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="206.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.41s"></rect><rect x="206.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="206.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="206.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="206.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="206.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="206.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="206.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="206.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="206.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="206.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="206.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="206.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="206.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="206.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5499999999999998s"></rect><rect x="206.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="206.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5699999999999998s"></rect><rect x="210" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="210" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="210" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="210" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="210" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="210" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="210" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="210" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="210" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="210" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="210" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="210" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="210" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3199999999999998s"></rect><rect x="210" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="210" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3399999999999999s"></rect><rect x="210" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3499999999999999s"></rect><rect x="210" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="210" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3699999999999999s"></rect><rect x="210" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="210" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.39s"></rect><rect x="210" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="210" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.41s"></rect><rect x="210" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="210" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="210" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="210" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="210" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="210" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="210" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="210" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="210" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="210" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="210" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="210" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="210" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="210" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="210" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="210" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5699999999999998s"></rect><rect x="210" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="210" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5899999999999999s"></rect><rect x="213.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="213.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="213.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="213.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="213.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="213.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="213.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="213.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="213.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="213.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="213.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="213.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="213.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3399999999999999s"></rect><rect x="213.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="213.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="213.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3699999999999999s"></rect><rect x="213.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="213.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.39s"></rect><rect x="213.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="213.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.41s"></rect><rect x="213.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="213.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="213.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="213.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="213.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="213.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="213.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="213.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="213.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="213.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="213.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="213.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="213.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="213.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="213.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="213.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="213.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="213.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5899999999999999s"></rect><rect x="213.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="213.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6099999999999999s"></rect><rect x="217" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="217" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="217" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="217" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="217" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="217" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="217" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="217" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="217" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="217" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="217" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="217" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="217" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="217" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="217" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="217" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.39s"></rect><rect x="217" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="217" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.41s"></rect><rect x="217" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="217" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="217" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="217" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="217" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="217" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="217" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="217" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="217" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="217" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="217" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="217" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="217" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="217" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="217" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="217" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="217" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="217" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="217" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="217" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6099999999999999s"></rect><rect x="217" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="217" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.63s"></rect><rect x="220.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="220.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="220.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="220.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="220.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="220.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="220.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="220.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="220.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="220.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="220.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="220.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="220.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="220.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="220.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="220.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.41s"></rect><rect x="220.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="220.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="220.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="220.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="220.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="220.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="220.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="220.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="220.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="220.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="220.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="220.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="220.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="220.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="220.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="220.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="220.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="220.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="220.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="220.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="220.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="220.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.63s"></rect><rect x="220.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="220.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.65s"></rect><rect x="224" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="224" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="224" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="224" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="224" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="224" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="224" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="224" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="224" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="224" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="224" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="224" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="224" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="224" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="224" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="224" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="224" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="224" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="224" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="224" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="224" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="224" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="224" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="224" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="224" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="224" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="224" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="224" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="224" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="224" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="224" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="224" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="224" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="224" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="224" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="224" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="224" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="224" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.65s"></rect><rect x="224" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="224" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.67s"></rect><rect x="227.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="227.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="227.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="227.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="227.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="227.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="227.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="227.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="227.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="227.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="227.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="227.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="227.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="227.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="227.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="227.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="227.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="227.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="227.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="227.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="227.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="227.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="227.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="227.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="227.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="227.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="227.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="227.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="227.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="227.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="227.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="227.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="227.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="227.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="227.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="227.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6500000000000001s"></rect><rect x="227.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="227.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.67s"></rect><rect x="227.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6800000000000002s"></rect><rect x="227.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.69s"></rect><rect x="231" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="231" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="231" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="231" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="231" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="231" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="231" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="231" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="231" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="231" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="231" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="231" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="231" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="231" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="231" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="231" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="231" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="231" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="231" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="231" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="231" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="231" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="231" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="231" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="231" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="231" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="231" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="231" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="231" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="231" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="231" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="231" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="231" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="231" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6500000000000001s"></rect><rect x="231" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="231" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.6700000000000002s"></rect><rect x="231" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6800000000000002s"></rect><rect x="231" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.69s"></rect><rect x="231" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.7000000000000002s"></rect><rect x="231" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.71s"></rect><rect x="234.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="234.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="234.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="234.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="234.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="234.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="234.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="234.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="234.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="234.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="234.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="234.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="234.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="234.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="234.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="234.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="234.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="234.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="234.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="234.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="234.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="234.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="234.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="234.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="234.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="234.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="234.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="234.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="234.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="234.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="234.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="234.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6500000000000001s"></rect><rect x="234.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="234.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.6700000000000002s"></rect><rect x="234.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6800000000000002s"></rect><rect x="234.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6900000000000002s"></rect><rect x="234.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.7000000000000002s"></rect><rect x="234.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.71s"></rect><rect x="234.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.7200000000000002s"></rect><rect x="234.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.73s"></rect><rect x="238" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="238" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="238" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="238" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="238" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="238" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="238" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="238" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="238" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="238" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="238" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4600000000000002s"></rect><rect x="238" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="238" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="238" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4900000000000002s"></rect><rect x="238" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="238" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="238" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="238" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="238" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="238" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="238" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="238" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="238" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="238" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="238" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="238" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="238" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="238" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="238" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="238" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6500000000000001s"></rect><rect x="238" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="238" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6700000000000002s"></rect><rect x="238" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6800000000000002s"></rect><rect x="238" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6900000000000002s"></rect><rect x="238" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.7000000000000002s"></rect><rect x="238" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7100000000000002s"></rect><rect x="238" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7200000000000002s"></rect><rect x="238" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.73s"></rect><rect x="238" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.7400000000000002s"></rect><rect x="238" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.75s"></rect><rect x="241.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="241.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="241.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="241.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="241.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="241.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="241.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="241.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="241.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4600000000000002s"></rect><rect x="241.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="241.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4800000000000002s"></rect><rect x="241.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4900000000000002s"></rect><rect x="241.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="241.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5100000000000002s"></rect><rect x="241.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="241.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="241.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="241.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="241.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="241.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="241.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="241.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="241.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="241.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="241.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="241.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="241.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="241.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6500000000000001s"></rect><rect x="241.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="241.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6700000000000002s"></rect><rect x="241.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.6800000000000002s"></rect><rect x="241.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6900000000000002s"></rect><rect x="241.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.7000000000000002s"></rect><rect x="241.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7100000000000002s"></rect><rect x="241.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7200000000000002s"></rect><rect x="241.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.7300000000000002s"></rect><rect x="241.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.7400000000000002s"></rect><rect x="241.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.75s"></rect><rect x="241.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7600000000000002s"></rect><rect x="241.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.77s"></rect><rect x="245" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="245" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="245" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="245" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="245" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="245" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="245" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4600000000000002s"></rect><rect x="245" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="245" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4800000000000002s"></rect><rect x="245" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4900000000000002s"></rect><rect x="245" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5000000000000002s"></rect><rect x="245" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.5100000000000002s"></rect><rect x="245" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="245" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5300000000000002s"></rect><rect x="245" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="245" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="245" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="245" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="245" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="245" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="245" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="245" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="245" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="245" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="245" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="245" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6500000000000001s"></rect><rect x="245" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="245" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6700000000000002s"></rect><rect x="245" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6800000000000002s"></rect><rect x="245" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6900000000000002s"></rect><rect x="245" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7000000000000002s"></rect><rect x="245" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.7100000000000002s"></rect><rect x="245" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.7200000000000002s"></rect><rect x="245" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7300000000000002s"></rect><rect x="245" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7400000000000002s"></rect><rect x="245" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7500000000000002s"></rect><rect x="245" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7600000000000002s"></rect><rect x="245" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.77s"></rect><rect x="245" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7800000000000002s"></rect><rect x="245" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.79s"></rect><rect x="248.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="248.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="248.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="248.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="248.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="248.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="248.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="248.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="248.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="248.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="248.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="248.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="248.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="248.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5499999999999998s"></rect><rect x="248.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="248.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5699999999999998s"></rect><rect x="248.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5799999999999998s"></rect><rect x="248.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5899999999999999s"></rect><rect x="248.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5999999999999999s"></rect><rect x="248.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6099999999999999s"></rect><rect x="248.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6199999999999999s"></rect><rect x="248.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.63s"></rect><rect x="248.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.64s"></rect><rect x="248.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.65s"></rect><rect x="248.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.66s"></rect><rect x="248.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.67s"></rect><rect x="248.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.68s"></rect><rect x="248.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.69s"></rect><rect x="248.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7s"></rect><rect x="248.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.71s"></rect><rect x="248.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.72s"></rect><rect x="248.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.73s"></rect><rect x="248.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.74s"></rect><rect x="248.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.75s"></rect><rect x="248.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.76s"></rect><rect x="248.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.77s"></rect><rect x="248.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7799999999999998s"></rect><rect x="248.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.79s"></rect><rect x="248.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7999999999999998s"></rect><rect x="248.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.81s"></rect></svg></div><div class="section-container relative py-16 sm:py-18 md:py-24 z-10 py-24!"><div class="flex flex-col mx-auto md:mx-0 items-center md:items-start gap-6 w-full max-w-lg"><div class="flex flex-col items-center text-center md:items-start md:text-left gap-6 w-full"><div><h2 class="text-4xl text-foreground text-balance">Open source from day one</h2><p class="mt-4 text-sm leading-relaxed text-foreground-lighter">Supabase is built in the open because we believe great developer tools should be transparent, inspectable, and owned by the community. Read, contribute, self-host. You&#x27;re never locked in, and always in control.</p></div><div class="flex items-center gap-3"><a target="_blank" data-size="small" type="button" tabindex="0" class="relative inline-flex items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring control-surface-shadows border-0 raised-control-surface text-base md:text-sm leading-4 px-3 py-2 h-[34px] rounded-[calc(var(--radius-md)*(1+(34/26-1)*0.35))]" href="https://github.com/supabase"><div aria-hidden="true" class="inline-flex items-center justify-center shrink-0 [&amp;_svg]:h-[18px] [&amp;_svg]:w-[18px] text-foreground-lighter"><svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 2.22168C5.23312 2.22168 2.58496 4.87398 2.58496 8.14677C2.58496 10.7642 4.27962 12.9853 6.63026 13.7684C6.92601 13.8228 7.03366 13.6401 7.03366 13.4827C7.03366 13.3425 7.02893 12.9693 7.02597 12.4754C5.38041 12.8333 5.0332 11.681 5.0332 11.681C4.76465 10.996 4.37663 10.8139 4.37663 10.8139C3.83954 10.4471 4.41744 10.4542 4.41744 10.4542C5.01072 10.4956 5.32303 11.0647 5.32303 11.0647C5.85065 11.9697 6.70774 11.7082 7.04431 11.5568C7.09873 11.1741 7.25134 10.9132 7.42051 10.7654C6.10737 10.6157 4.72621 10.107 4.72621 7.83683C4.72621 7.19031 4.95689 6.66092 5.33486 6.24686C5.27394 6.09721 5.07105 5.49447 5.39283 4.67938C5.39283 4.67938 5.88969 4.51967 7.01947 5.28626C7.502 5.15466 7.99985 5.08763 8.5 5.08692C9.00278 5.08929 9.50851 5.15495 9.98113 5.28626C11.1103 4.51967 11.606 4.67879 11.606 4.67879C11.9289 5.49447 11.7255 6.09721 11.6651 6.24686C12.0437 6.66092 12.2732 7.19031 12.2732 7.83683C12.2732 10.1129 10.8897 10.6139 9.5724 10.7606C9.78475 10.9434 9.97344 11.3048 9.97344 11.8579C9.97344 12.6493 9.96634 13.2887 9.96634 13.4827C9.96634 13.6413 10.0728 13.8258 10.3733 13.7678C11.5512 13.3728 12.5751 12.6175 13.3003 11.6089C14.0256 10.6002 14.4155 9.38912 14.415 8.14677C14.415 4.87398 11.7663 2.22168 8.5 2.22168Z" fill="currentColor"></path></svg></div><span class="truncate">View on GitHub</span></a></div></div><div class="md:hidden relative w-full aspect-2/1 mt-2" style="mask-image:radial-gradient(ellipse 70% 80% at 50% 50%, black 25%, transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 50%, black 25%, transparent 75%)"><svg viewBox="0 0 251.5 139.5" preserveAspectRatio="xMidYMid slice" class="absolute inset-0 h-full w-full" aria-hidden="true"><rect x="0" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0s"></rect><rect x="0" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.01s"></rect><rect x="0" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.02s"></rect><rect x="0" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.03s"></rect><rect x="0" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.04s"></rect><rect x="0" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.05s"></rect><rect x="0" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.06s"></rect><rect x="0" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.07s"></rect><rect x="0" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.08s"></rect><rect x="0" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.09s"></rect><rect x="0" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.1s"></rect><rect x="0" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.11s"></rect><rect x="0" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.12s"></rect><rect x="0" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="0" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.14s"></rect><rect x="0" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.15s"></rect><rect x="0" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="0" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.17s"></rect><rect x="0" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="0" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="0" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="0" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.21s"></rect><rect x="0" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="0" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="0" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="0" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="0" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="0" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="0" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="0" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29s"></rect><rect x="0" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="0" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="0" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="0" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="0" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="0" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35000000000000003s"></rect><rect x="0" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="0" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="0" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="0" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="3.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.02s"></rect><rect x="3.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.03s"></rect><rect x="3.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.04s"></rect><rect x="3.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.05s"></rect><rect x="3.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.06s"></rect><rect x="3.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.07s"></rect><rect x="3.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.08s"></rect><rect x="3.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.09000000000000001s"></rect><rect x="3.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.1s"></rect><rect x="3.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.11s"></rect><rect x="3.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.12000000000000001s"></rect><rect x="3.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="3.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.13999999999999999s"></rect><rect x="3.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.15s"></rect><rect x="3.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="3.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.16999999999999998s"></rect><rect x="3.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="3.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="3.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19999999999999998s"></rect><rect x="3.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.21s"></rect><rect x="3.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="3.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.22999999999999998s"></rect><rect x="3.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="3.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="3.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="3.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="3.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="3.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="3.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.30000000000000004s"></rect><rect x="3.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="3.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="3.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="3.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="3.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.35000000000000003s"></rect><rect x="3.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.36000000000000004s"></rect><rect x="3.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.37000000000000005s"></rect><rect x="3.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="3.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="3.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="3.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="7" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.04s"></rect><rect x="7" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.05s"></rect><rect x="7" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.06s"></rect><rect x="7" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.07s"></rect><rect x="7" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.08s"></rect><rect x="7" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.09s"></rect><rect x="7" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.1s"></rect><rect x="7" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.11000000000000001s"></rect><rect x="7" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.12s"></rect><rect x="7" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="7" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.14s"></rect><rect x="7" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.15s"></rect><rect x="7" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="7" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.17s"></rect><rect x="7" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.18000000000000002s"></rect><rect x="7" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="7" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="7" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.21000000000000002s"></rect><rect x="7" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="7" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="7" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24000000000000002s"></rect><rect x="7" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="7" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="7" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="7" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27999999999999997s"></rect><rect x="7" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29s"></rect><rect x="7" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="7" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="7" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="7" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32999999999999996s"></rect><rect x="7" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="7" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="7" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="7" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="7" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="7" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="7" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39999999999999997s"></rect><rect x="7" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41s"></rect><rect x="7" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="7" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="10.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.06s"></rect><rect x="10.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.06999999999999999s"></rect><rect x="10.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.08s"></rect><rect x="10.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.09s"></rect><rect x="10.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.1s"></rect><rect x="10.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.11s"></rect><rect x="10.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.12s"></rect><rect x="10.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="10.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.14s"></rect><rect x="10.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.15s"></rect><rect x="10.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="10.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16999999999999998s"></rect><rect x="10.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="10.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="10.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="10.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.21s"></rect><rect x="10.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="10.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="10.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="10.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="10.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="10.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="10.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="10.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="10.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="10.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="10.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="10.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="10.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="10.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="10.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="10.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="10.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="10.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="10.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="10.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="10.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="10.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="10.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="10.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="14" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.08s"></rect><rect x="14" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.09s"></rect><rect x="14" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.1s"></rect><rect x="14" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.11s"></rect><rect x="14" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.12s"></rect><rect x="14" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="14" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.14s"></rect><rect x="14" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.15000000000000002s"></rect><rect x="14" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="14" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.16999999999999998s"></rect><rect x="14" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="14" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="14" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="14" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.21000000000000002s"></rect><rect x="14" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22000000000000003s"></rect><rect x="14" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22999999999999998s"></rect><rect x="14" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="14" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="14" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="14" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="14" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="14" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.29s"></rect><rect x="14" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="14" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="14" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="14" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="14" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="14" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.35000000000000003s"></rect><rect x="14" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.36000000000000004s"></rect><rect x="14" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="14" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="14" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="14" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="14" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="14" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="14" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="14" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="14" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="14" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="14" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="17.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.1s"></rect><rect x="17.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.11s"></rect><rect x="17.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.12000000000000001s"></rect><rect x="17.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="17.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.14s"></rect><rect x="17.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.15000000000000002s"></rect><rect x="17.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="17.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.17s"></rect><rect x="17.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="17.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="17.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="17.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.21000000000000002s"></rect><rect x="17.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="17.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="17.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24000000000000002s"></rect><rect x="17.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="17.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="17.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="17.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="17.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="17.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.30000000000000004s"></rect><rect x="17.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="17.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="17.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="17.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="17.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="17.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="17.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="17.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="17.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="17.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="17.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="17.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="17.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="17.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44000000000000006s"></rect><rect x="17.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45000000000000007s"></rect><rect x="17.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="17.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="17.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="17.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="21" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.12s"></rect><rect x="21" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.13s"></rect><rect x="21" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.13999999999999999s"></rect><rect x="21" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.15s"></rect><rect x="21" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="21" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.16999999999999998s"></rect><rect x="21" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="21" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="21" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="21" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.21s"></rect><rect x="21" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="21" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22999999999999998s"></rect><rect x="21" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="21" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="21" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="21" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="21" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="21" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="21" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="21" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="21" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="21" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32999999999999996s"></rect><rect x="21" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="21" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="21" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="21" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="21" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="21" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="21" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="21" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.41s"></rect><rect x="21" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="21" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="21" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="21" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="21" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="21" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="21" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="21" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="21" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="21" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="24.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.14s"></rect><rect x="24.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.15000000000000002s"></rect><rect x="24.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="24.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.17s"></rect><rect x="24.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.18000000000000002s"></rect><rect x="24.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="24.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="24.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.21000000000000002s"></rect><rect x="24.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.22000000000000003s"></rect><rect x="24.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="24.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24000000000000002s"></rect><rect x="24.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="24.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="24.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="24.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="24.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="24.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.30000000000000004s"></rect><rect x="24.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.31000000000000005s"></rect><rect x="24.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="24.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="24.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="24.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="24.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="24.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="24.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="24.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="24.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="24.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="24.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="24.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="24.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="24.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="24.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="24.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="24.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48000000000000004s"></rect><rect x="24.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.49000000000000005s"></rect><rect x="24.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="24.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="24.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="24.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="28" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.16s"></rect><rect x="28" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.17s"></rect><rect x="28" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="28" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="28" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="28" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.21000000000000002s"></rect><rect x="28" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="28" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="28" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="28" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="28" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="28" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="28" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="28" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="28" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.30000000000000004s"></rect><rect x="28" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="28" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="28" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="28" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="28" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="28" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="28" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="28" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="28" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="28" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="28" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="28" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="28" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="28" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.44000000000000006s"></rect><rect x="28" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.44999999999999996s"></rect><rect x="28" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="28" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="28" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="28" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="28" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="28" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="28" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="28" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="28" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="28" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="31.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.18s"></rect><rect x="31.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.19s"></rect><rect x="31.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.19999999999999998s"></rect><rect x="31.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.21s"></rect><rect x="31.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="31.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22999999999999998s"></rect><rect x="31.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="31.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="31.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="31.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="31.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="31.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29s"></rect><rect x="31.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="31.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="31.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="31.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32999999999999996s"></rect><rect x="31.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="31.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="31.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="31.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="31.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="31.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="31.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="31.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="31.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="31.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="31.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="31.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="31.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="31.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="31.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="31.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="31.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="31.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="31.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="31.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="31.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="31.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="31.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="31.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="35" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.2s"></rect><rect x="35" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.21000000000000002s"></rect><rect x="35" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="35" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="35" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24000000000000002s"></rect><rect x="35" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="35" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="35" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="35" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="35" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="35" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.30000000000000004s"></rect><rect x="35" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="35" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="35" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="35" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="35" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="35" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="35" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="35" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="35" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="35" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="35" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="35" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="35" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="35" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="35" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="35" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="35" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="35" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48000000000000004s"></rect><rect x="35" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="35" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="35" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="35" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="35" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="35" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="35" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="35" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="35" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="35" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="35" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="38.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.22s"></rect><rect x="38.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.23s"></rect><rect x="38.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="38.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="38.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="38.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="38.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="38.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="38.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="38.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="38.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="38.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="38.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="38.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="38.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="38.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="38.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="38.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="38.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="38.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="38.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="38.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="38.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="38.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="38.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="38.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="38.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="38.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="38.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="38.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="38.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="38.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="38.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="38.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="38.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="38.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="38.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.58s"></rect><rect x="38.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="38.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="38.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="42" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.24s"></rect><rect x="42" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.25s"></rect><rect x="42" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="42" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="42" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.27999999999999997s"></rect><rect x="42" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.29s"></rect><rect x="42" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="42" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="42" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="42" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.32999999999999996s"></rect><rect x="42" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="42" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="42" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="42" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="42" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="42" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="42" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="42" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="42" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="42" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="42" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="42" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44999999999999996s"></rect><rect x="42" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="42" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="42" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="42" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="42" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="42" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="42" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="42" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="42" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="42" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="42" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="42" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="42" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="42" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="42" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="42" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="42" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="42" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="45.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.26s"></rect><rect x="45.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.27s"></rect><rect x="45.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="45.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="45.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="45.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="45.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="45.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="45.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="45.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="45.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="45.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="45.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="45.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="45.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="45.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="45.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="45.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="45.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="45.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="45.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="45.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="45.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="45.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="45.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="45.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="45.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="45.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="45.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="45.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="45.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="45.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="45.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="45.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="45.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="45.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6100000000000001s"></rect><rect x="45.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="45.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="45.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="45.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="49" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.28s"></rect><rect x="49" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.29000000000000004s"></rect><rect x="49" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.30000000000000004s"></rect><rect x="49" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.31000000000000005s"></rect><rect x="49" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="49" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="49" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="49" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.35000000000000003s"></rect><rect x="49" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.36000000000000004s"></rect><rect x="49" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="49" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="49" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="49" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="49" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="49" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="49" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="49" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.44000000000000006s"></rect><rect x="49" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45000000000000007s"></rect><rect x="49" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="49" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="49" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.48000000000000004s"></rect><rect x="49" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="49" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="49" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="49" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="49" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="49" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="49" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="49" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="49" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="49" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="49" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="49" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="49" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6100000000000001s"></rect><rect x="49" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6200000000000001s"></rect><rect x="49" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6300000000000001s"></rect><rect x="49" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="49" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="49" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="49" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="52.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.3s"></rect><rect x="52.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.31s"></rect><rect x="52.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="52.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.32999999999999996s"></rect><rect x="52.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.33999999999999997s"></rect><rect x="52.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="52.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="52.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="52.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="52.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="52.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="52.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41s"></rect><rect x="52.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="52.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="52.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="52.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44999999999999996s"></rect><rect x="52.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="52.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="52.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="52.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="52.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="52.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="52.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="52.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="52.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="52.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="52.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="52.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="52.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="52.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="52.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="52.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="52.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="52.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="52.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="52.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="52.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6599999999999999s"></rect><rect x="52.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="52.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="52.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="56" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.32s"></rect><rect x="56" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.33s"></rect><rect x="56" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="56" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.35s"></rect><rect x="56" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="56" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="56" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="56" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="56" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="56" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="56" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="56" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="56" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="56" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="56" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="56" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="56" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="56" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="56" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="56" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="56" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="56" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="56" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="56" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="56" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="56" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="56" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="56" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="56" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="56" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="56" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="56" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="56" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="56" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="56" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="56" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="56" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="56" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="56" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="56" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="59.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.34s"></rect><rect x="59.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.35000000000000003s"></rect><rect x="59.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.36000000000000004s"></rect><rect x="59.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="59.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="59.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="59.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="59.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="59.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="59.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="59.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44000000000000006s"></rect><rect x="59.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="59.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="59.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="59.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48000000000000004s"></rect><rect x="59.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="59.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="59.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="59.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="59.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="59.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="59.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="59.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="59.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="59.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="59.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="59.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="59.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6100000000000001s"></rect><rect x="59.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6200000000000001s"></rect><rect x="59.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="59.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="59.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="59.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="59.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="59.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="59.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="59.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="59.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="59.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="59.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="63" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.36s"></rect><rect x="63" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.37s"></rect><rect x="63" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="63" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="63" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.39999999999999997s"></rect><rect x="63" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.41s"></rect><rect x="63" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="63" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="63" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="63" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.44999999999999996s"></rect><rect x="63" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="63" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="63" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="63" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="63" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="63" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="63" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="63" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="63" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="63" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="63" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="63" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.57s"></rect><rect x="63" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.58s"></rect><rect x="63" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="63" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="63" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="63" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="63" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="63" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="63" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6499999999999999s"></rect><rect x="63" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6599999999999999s"></rect><rect x="63" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="63" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="63" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="63" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="63" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="63" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="63" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="63" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="63" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="66.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.38s"></rect><rect x="66.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.39s"></rect><rect x="66.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="66.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="66.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="66.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="66.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="66.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="66.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="66.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="66.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="66.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="66.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="66.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="66.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="66.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="66.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="66.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.585s"></rect><rect x="66.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="66.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="66.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="66.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="66.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.585s"></rect><rect x="66.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="66.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="66.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="66.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="66.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="66.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="66.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="66.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="66.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="66.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="66.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="66.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="66.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="66.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="66.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="66.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="66.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="70" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.4s"></rect><rect x="70" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.41000000000000003s"></rect><rect x="70" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.42000000000000004s"></rect><rect x="70" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.43000000000000005s"></rect><rect x="70" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="70" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="70" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="70" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="70" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48000000000000004s"></rect><rect x="70" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="70" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="70" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="70" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="70" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="70" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="70" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="70" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.6s"></rect><rect x="70" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="70" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="70" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="70" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="70" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="70" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="70" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="70" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="70" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="70" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="70" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="70" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="70" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="70" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="70" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="70" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="70" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="73.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.42s"></rect><rect x="73.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.43s"></rect><rect x="73.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="73.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.44999999999999996s"></rect><rect x="73.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45999999999999996s"></rect><rect x="73.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="73.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="73.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="73.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="73.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="73.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="73.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="73.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="73.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="73.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="73.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.57s"></rect><rect x="73.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.58s"></rect><rect x="73.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="73.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="73.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="73.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="73.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="73.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.615s"></rect><rect x="73.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="73.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6599999999999999s"></rect><rect x="73.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="73.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="73.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="73.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="73.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="73.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="73.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="73.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="73.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="73.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="73.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="73.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="73.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="73.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="73.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="77" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.44s"></rect><rect x="77" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.45s"></rect><rect x="77" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="77" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47s"></rect><rect x="77" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="77" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="77" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="77" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="77" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="77" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="77" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="77" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="77" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="77" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="77" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="77" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="77" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="77" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="77" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="77" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="77" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="77" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="77" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="77" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="77" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="77" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="77" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="77" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="77" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="77" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="77" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="77" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="77" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="77" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="77" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="77" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="77" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="77" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="77" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="77" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="80.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.46s"></rect><rect x="80.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.47000000000000003s"></rect><rect x="80.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.48000000000000004s"></rect><rect x="80.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="80.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="80.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="80.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="80.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="80.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="80.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="80.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="80.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="80.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="80.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="80.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="80.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="80.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="80.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="80.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="80.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="80.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="80.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="80.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="80.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="80.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="80.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="80.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="80.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="80.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="80.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="80.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="80.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="80.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="80.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="80.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="80.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="80.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="80.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="80.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="80.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="84" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.48s"></rect><rect x="84" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.49s"></rect><rect x="84" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="84" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="84" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="84" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="84" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="84" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="84" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5599999999999999s"></rect><rect x="84" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.57s"></rect><rect x="84" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.58s"></rect><rect x="84" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="84" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="84" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="84" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="84" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="84" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="84" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="84" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6599999999999999s"></rect><rect x="84" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="84" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="84" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="84" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="84" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="84" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="84" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="84" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="84" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="84" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="84" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="84" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="84" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="84" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="84" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="84" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="84" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="84" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="84" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="84" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="84" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="87.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5s"></rect><rect x="87.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.51s"></rect><rect x="87.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="87.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="87.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="87.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="87.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="87.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="87.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.58s"></rect><rect x="87.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="87.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="87.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="87.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="87.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="87.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="87.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="87.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="87.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.675s"></rect><rect x="87.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="87.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="87.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="87.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="87.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.675s"></rect><rect x="87.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="87.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="87.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="87.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="87.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="87.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="87.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="87.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="87.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="87.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="87.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="87.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="87.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="87.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="87.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="87.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="87.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="91" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.52s"></rect><rect x="91" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.53s"></rect><rect x="91" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="91" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="91" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="91" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="91" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="91" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="91" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="91" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="91" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="91" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="91" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="91" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="91" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="91" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="91" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.69s"></rect><rect x="91" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="91" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="91" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="91" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="91" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="91" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="91" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="91" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="91" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="91" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="91" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="91" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="91" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="91" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="91" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="91" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="91" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="94.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.54s"></rect><rect x="94.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.55s"></rect><rect x="94.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="94.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="94.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="94.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="94.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="94.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6100000000000001s"></rect><rect x="94.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="94.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="94.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="94.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="94.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="94.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="94.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="94.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="94.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7000000000000001s"></rect><rect x="94.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7100000000000001s"></rect><rect x="94.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="94.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="94.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="94.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="94.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.705s"></rect><rect x="94.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="94.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="94.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="94.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="94.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="94.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="94.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="94.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="94.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="94.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="94.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="94.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8800000000000001s"></rect><rect x="94.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8900000000000001s"></rect><rect x="94.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="94.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="94.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="94.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="98" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.56s"></rect><rect x="98" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.5700000000000001s"></rect><rect x="98" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.5800000000000001s"></rect><rect x="98" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.5900000000000001s"></rect><rect x="98" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6000000000000001s"></rect><rect x="98" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6100000000000001s"></rect><rect x="98" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6200000000000001s"></rect><rect x="98" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6300000000000001s"></rect><rect x="98" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="98" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="98" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="98" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="98" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="98" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="98" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7000000000000001s"></rect><rect x="98" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7100000000000001s"></rect><rect x="98" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7200000000000001s"></rect><rect x="98" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.7300000000000001s"></rect><rect x="98" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="98" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="98" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="98" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="98" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="98" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="98" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="98" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="98" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="98" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="98" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="98" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="98" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="98" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="98" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8800000000000001s"></rect><rect x="98" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8900000000000001s"></rect><rect x="98" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9000000000000001s"></rect><rect x="98" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9100000000000001s"></rect><rect x="98" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="98" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="98" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="98" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="101.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.58s"></rect><rect x="101.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.59s"></rect><rect x="101.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="101.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="101.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="101.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="101.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6399999999999999s"></rect><rect x="101.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6499999999999999s"></rect><rect x="101.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6599999999999999s"></rect><rect x="101.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="101.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="101.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="101.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="101.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="101.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="101.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="101.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="101.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="101.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="101.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="101.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="101.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7899999999999999s"></rect><rect x="101.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7999999999999999s"></rect><rect x="101.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8099999999999999s"></rect><rect x="101.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.82s"></rect><rect x="101.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.83s"></rect><rect x="101.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="101.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="101.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="101.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8699999999999999s"></rect><rect x="101.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8799999999999999s"></rect><rect x="101.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8899999999999999s"></rect><rect x="101.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8999999999999999s"></rect><rect x="101.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9099999999999999s"></rect><rect x="101.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="101.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="101.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="101.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="101.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="101.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="105" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6s"></rect><rect x="105" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.61s"></rect><rect x="105" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="105" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="105" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="105" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="105" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6599999999999999s"></rect><rect x="105" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6699999999999999s"></rect><rect x="105" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="105" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="105" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="105" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="105" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="105" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="105" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="105" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="105" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="105" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="105" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="105" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="105" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="105" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8099999999999999s"></rect><rect x="105" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.82s"></rect><rect x="105" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.83s"></rect><rect x="105" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="105" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="105" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="105" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="105" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="105" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8899999999999999s"></rect><rect x="105" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8999999999999999s"></rect><rect x="105" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9099999999999999s"></rect><rect x="105" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="105" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="105" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="105" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="105" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="105" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="105" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="105" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="108.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.62s"></rect><rect x="108.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.63s"></rect><rect x="108.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="108.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="108.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="108.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="108.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6799999999999999s"></rect><rect x="108.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.69s"></rect><rect x="108.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="108.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="108.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="108.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="108.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="108.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="108.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="108.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="108.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="108.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.7649999999999999s"></rect><rect x="108.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="108.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="108.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="108.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.83s"></rect><rect x="108.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500))" opacity="0" style="transition:opacity 0.6s ease 0.7649999999999999s"></rect><rect x="108.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="108.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="108.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="108.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="108.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="108.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="108.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9099999999999999s"></rect><rect x="108.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="108.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="108.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="108.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="108.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="108.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="108.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="108.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="108.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="108.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="112" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.64s"></rect><rect x="112" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.65s"></rect><rect x="112" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="112" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="112" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="112" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="112" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7s"></rect><rect x="112" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.71s"></rect><rect x="112" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="112" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="112" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="112" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="112" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="112" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="112" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="112" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="112" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.78s"></rect><rect x="112" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="112" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="112" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="112" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="112" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="112" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="112" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="112" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="112" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="112" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="112" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="112" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="112" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="112" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="112" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="112" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="112" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="115.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.66s"></rect><rect x="115.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.67s"></rect><rect x="115.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="115.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="115.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7000000000000001s"></rect><rect x="115.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7100000000000001s"></rect><rect x="115.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="115.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="115.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="115.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="115.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="115.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="115.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="115.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="115.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="115.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="115.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="115.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="115.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="115.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="115.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="115.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="115.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.7949999999999999s"></rect><rect x="115.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="115.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="115.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="115.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="115.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="115.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="115.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="115.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="115.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="115.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="115.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="115.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="115.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="115.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="115.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="115.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="115.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="119" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.68s"></rect><rect x="119" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.6900000000000001s"></rect><rect x="119" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7000000000000001s"></rect><rect x="119" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.7100000000000001s"></rect><rect x="119" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7200000000000001s"></rect><rect x="119" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.7300000000000001s"></rect><rect x="119" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="119" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="119" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="119" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="119" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="119" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="119" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="119" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="119" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="119" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="119" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="119" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="119" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="119" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="119" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8800000000000001s"></rect><rect x="119" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="119" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="119" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="119" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="119" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="119" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="119" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="119" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9600000000000001s"></rect><rect x="119" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="119" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="119" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="119" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="119" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="119" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="119" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="119" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="119" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="119" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="119" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="122.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.7000000000000001s"></rect><rect x="122.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.7100000000000001s"></rect><rect x="122.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7200000000000001s"></rect><rect x="122.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7300000000000001s"></rect><rect x="122.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7400000000000001s"></rect><rect x="122.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.7500000000000001s"></rect><rect x="122.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="122.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="122.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="122.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="122.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="122.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="122.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="122.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="122.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="122.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="122.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="122.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="122.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8800000000000001s"></rect><rect x="122.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8900000000000001s"></rect><rect x="122.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9000000000000001s"></rect><rect x="122.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="122.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="122.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="122.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="122.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="122.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9600000000000001s"></rect><rect x="122.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9700000000000001s"></rect><rect x="122.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9800000000000001s"></rect><rect x="122.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="122.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="122.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="122.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="122.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="122.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="122.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="122.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="122.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="122.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="122.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="126" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.72s"></rect><rect x="126" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.73s"></rect><rect x="126" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="126" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="126" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="126" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="126" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="126" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="126" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.7999999999999999s"></rect><rect x="126" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8099999999999999s"></rect><rect x="126" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.82s"></rect><rect x="126" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.83s"></rect><rect x="126" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="126" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="126" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="126" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="126" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="126" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="126" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8999999999999999s"></rect><rect x="126" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9099999999999999s"></rect><rect x="126" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="126" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="126" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="126" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="126" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="126" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="126" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="126" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="126" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="126" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="126" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="126" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="126" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="126" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="126" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="126" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="126" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="126" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.0899999999999999s"></rect><rect x="126" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="126" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1099999999999999s"></rect><rect x="129.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.74s"></rect><rect x="129.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.75s"></rect><rect x="129.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="129.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="129.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="129.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="129.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="129.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="129.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.82s"></rect><rect x="129.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.83s"></rect><rect x="129.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="129.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="129.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="129.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="129.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="129.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="129.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="129.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="129.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="129.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="129.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="129.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="129.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="129.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="129.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="129.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="129.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="129.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="129.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="129.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="129.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="129.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="129.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="129.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="129.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="129.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="129.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="129.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1099999999999999s"></rect><rect x="129.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="129.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="133" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.76s"></rect><rect x="133" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.77s"></rect><rect x="133" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="133" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="133" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="133" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="133" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="133" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="133" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="133" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="133" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="133" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="133" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="133" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="133" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="133" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="133" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="133" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="133" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="133" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="133" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="133" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="133" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.8699999999999999s"></rect><rect x="133" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="133" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="133" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="133" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="133" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="133" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="133" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="133" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="133" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="133" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="133" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="133" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="133" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="133" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="133" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="133" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="133" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="136.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.78s"></rect><rect x="136.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.79s"></rect><rect x="136.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="136.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="136.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="136.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="136.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="136.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="136.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="136.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="136.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="136.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="136.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="136.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="136.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="136.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="136.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="136.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="136.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="136.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="136.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="136.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="136.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="136.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="136.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="136.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="136.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="136.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="136.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="136.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="136.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="136.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="136.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="136.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="136.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="136.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="136.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="136.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="136.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="136.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="140" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8s"></rect><rect x="140" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.81s"></rect><rect x="140" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="140" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="140" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="140" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="140" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="140" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="140" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="140" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="140" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="140" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="140" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="140" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="140" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="140" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="140" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9600000000000001s"></rect><rect x="140" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9700000000000001s"></rect><rect x="140" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="140" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="140" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="140" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="140" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="140" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="140" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="140" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="140" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="140" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="140" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="140" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="140" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="140" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="140" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="140" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="140" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="140" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="140" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="140" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="140" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="140" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="143.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8200000000000001s"></rect><rect x="143.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8300000000000001s"></rect><rect x="143.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8400000000000001s"></rect><rect x="143.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.8500000000000001s"></rect><rect x="143.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8600000000000001s"></rect><rect x="143.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.8700000000000001s"></rect><rect x="143.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.8800000000000001s"></rect><rect x="143.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8900000000000001s"></rect><rect x="143.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="143.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="143.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="143.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="143.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="143.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="143.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9600000000000001s"></rect><rect x="143.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9700000000000001s"></rect><rect x="143.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9800000000000001s"></rect><rect x="143.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9900000000000001s"></rect><rect x="143.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="143.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="143.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="143.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="143.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="143.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="143.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="143.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="143.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="143.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="143.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="143.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="143.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="143.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="143.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="143.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="143.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="143.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="143.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="143.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="143.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="143.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="147" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.84s"></rect><rect x="147" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.85s"></rect><rect x="147" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="147" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="147" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="147" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="147" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.8999999999999999s"></rect><rect x="147" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9099999999999999s"></rect><rect x="147" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="147" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="147" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="147" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="147" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="147" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="147" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="147" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="147" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9299999999999999s"></rect><rect x="147" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.9299999999999999s"></rect><rect x="147" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.9299999999999999s"></rect><rect x="147" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="147" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="147" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9299999999999999s"></rect><rect x="147" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="147" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="147" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="147" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.0899999999999999s"></rect><rect x="147" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="147" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1099999999999999s"></rect><rect x="147" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="147" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="147" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.14s"></rect><rect x="147" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="147" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.16s"></rect><rect x="147" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="147" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="147" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="147" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="147" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="147" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="147" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="150.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.86s"></rect><rect x="150.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.87s"></rect><rect x="150.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="150.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="150.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="150.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="150.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9199999999999999s"></rect><rect x="150.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9299999999999999s"></rect><rect x="150.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="150.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="150.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="150.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="150.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="150.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="150.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="150.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="150.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9450000000000001s"></rect><rect x="150.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="150.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9450000000000001s"></rect><rect x="150.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="150.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="150.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="150.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9450000000000001s"></rect><rect x="150.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="150.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="150.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1099999999999999s"></rect><rect x="150.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="150.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="150.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="150.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="150.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.16s"></rect><rect x="150.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="150.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="150.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="150.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="150.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="150.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="150.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="150.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="150.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="154" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.88s"></rect><rect x="154" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.89s"></rect><rect x="154" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="154" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="154" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="154" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="154" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.94s"></rect><rect x="154" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.95s"></rect><rect x="154" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="154" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="154" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="154" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="154" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="154" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="154" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="154" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="154" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.96s"></rect><rect x="154" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="154" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.96s"></rect><rect x="154" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="154" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="154" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="154" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.96s"></rect><rect x="154" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="154" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="154" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="154" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="154" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="154" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="154" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="154" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="154" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="154" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="154" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="154" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="154" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="154" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="154" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="154" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="154" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="157.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9s"></rect><rect x="157.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.91s"></rect><rect x="157.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="157.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="157.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="157.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="157.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="157.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="157.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="157.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="157.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="157.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="157.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="157.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="157.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="157.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="157.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9749999999999999s"></rect><rect x="157.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="157.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9749999999999999s"></rect><rect x="157.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="157.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="157.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="157.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.9749999999999999s"></rect><rect x="157.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="157.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="157.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="157.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="157.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="157.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="157.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="157.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="157.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="157.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="157.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="157.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="157.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="157.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="157.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="157.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="157.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="161" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.92s"></rect><rect x="161" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.93s"></rect><rect x="161" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="161" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="161" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9600000000000001s"></rect><rect x="161" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9700000000000001s"></rect><rect x="161" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="161" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="161" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="161" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="161" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="161" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="161" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="161" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="161" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="161" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="161" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.99s"></rect><rect x="161" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="161" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="161" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.99s"></rect><rect x="161" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 0.99s"></rect><rect x="161" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 0.99s"></rect><rect x="161" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="161" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="161" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="161" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="161" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="161" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="161" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="161" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="161" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="161" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="161" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="161" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="161" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="161" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="161" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="161" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="161" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="161" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="164.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9400000000000001s"></rect><rect x="164.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9500000000000001s"></rect><rect x="164.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 0.9600000000000001s"></rect><rect x="164.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.9700000000000001s"></rect><rect x="164.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 0.9800000000000001s"></rect><rect x="164.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.9900000000000001s"></rect><rect x="164.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="164.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="164.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="164.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="164.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="164.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="164.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="164.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="164.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="164.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="164.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="164.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="164.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="164.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="164.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="164.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="164.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="164.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="164.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="164.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="164.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="164.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="164.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2200000000000002s"></rect><rect x="164.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="164.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="164.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="164.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="164.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="164.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="164.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="164.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="164.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="164.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="164.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="168" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.96s"></rect><rect x="168" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.97s"></rect><rect x="168" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="168" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="168" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="168" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="168" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="168" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="168" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="168" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="168" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="168" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="168" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="168" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.0899999999999999s"></rect><rect x="168" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="168" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1099999999999999s"></rect><rect x="168" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 1.02s"></rect><rect x="168" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="168" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="168" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="168" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="168" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="168" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="168" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="168" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="168" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="168" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="168" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="168" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="168" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="168" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3199999999999998s"></rect><rect x="168" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="168" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3399999999999999s"></rect><rect x="168" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="171.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 0.98s"></rect><rect x="171.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 0.99s"></rect><rect x="171.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="171.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="171.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="171.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="171.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="171.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="171.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="171.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="171.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="171.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="171.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="171.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1099999999999999s"></rect><rect x="171.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="171.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="171.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.14s"></rect><rect x="171.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="171.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.16s"></rect><rect x="171.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.035s"></rect><rect x="171.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="171.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="171.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="171.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="171.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="171.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="171.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="171.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="171.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="171.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="171.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="171.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="171.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="171.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="171.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="171.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="171.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3399999999999999s"></rect><rect x="171.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="171.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="171.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="175" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1s"></rect><rect x="175" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.01s"></rect><rect x="175" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="175" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="175" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="175" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="175" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="175" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="175" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="175" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="175" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="175" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="175" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="175" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.13s"></rect><rect x="175" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="175" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="175" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.16s"></rect><rect x="175" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="175" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.05s"></rect><rect x="175" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="175" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 1.05s"></rect><rect x="175" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="175" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="175" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="175" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="175" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="175" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="175" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="175" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="175" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="175" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="175" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="175" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="175" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="175" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="175" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="175" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="175" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="175" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="175" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="178.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.02s"></rect><rect x="178.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.03s"></rect><rect x="178.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="178.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="178.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="178.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="178.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="178.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="178.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="178.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="178.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="178.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="178.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="178.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.15s"></rect><rect x="178.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="178.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="178.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="178.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.065s"></rect><rect x="178.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="178.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="178.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="178.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default))" opacity="0" style="transition:opacity 0.6s ease 1.065s"></rect><rect x="178.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="178.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="178.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="178.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="178.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="178.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="178.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="178.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="178.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="178.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="178.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="178.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="178.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="178.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="178.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="178.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="178.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="178.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="182" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.04s"></rect><rect x="182" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.05s"></rect><rect x="182" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="182" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="182" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="182" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="182" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="182" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="182" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="182" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="182" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="182" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="182" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="182" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="182" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="182" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="182" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.08s"></rect><rect x="182" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="182" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="182" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="182" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="182" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="182" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600))" opacity="0" style="transition:opacity 0.6s ease 1.08s"></rect><rect x="182" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="182" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="182" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="182" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="182" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="182" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="182" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="182" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="182" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="182" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="182" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="182" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="182" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="182" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="182" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="182" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="182" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="185.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.06s"></rect><rect x="185.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.07s"></rect><rect x="185.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="185.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="185.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="185.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="185.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="185.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="185.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="185.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="185.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="185.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="185.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="185.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="185.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="185.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="185.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="185.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="185.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="185.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="185.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="185.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="185.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="185.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="185.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="185.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="185.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="185.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="185.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="185.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="185.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="185.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="185.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="185.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="185.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="185.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="185.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="185.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="185.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="185.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="189" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.08s"></rect><rect x="189" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.09s"></rect><rect x="189" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="189" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="189" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="189" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="189" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="189" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="189" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="189" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="189" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="189" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1900000000000002s"></rect><rect x="189" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="189" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="189" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2200000000000002s"></rect><rect x="189" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="189" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="189" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="189" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="189" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="189" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="189" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="189" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="189" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="189" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="189" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="189" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="189" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="189" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="189" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="189" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="189" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="189" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="189" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="189" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="189" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="189" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="189" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="189" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="189" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="192.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1s"></rect><rect x="192.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.11s"></rect><rect x="192.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="192.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="192.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="192.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="192.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="192.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="192.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="192.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1900000000000002s"></rect><rect x="192.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="192.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2100000000000002s"></rect><rect x="192.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2200000000000002s"></rect><rect x="192.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="192.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2400000000000002s"></rect><rect x="192.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="192.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="192.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="192.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="192.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="192.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="192.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="192.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="192.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="192.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="192.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="192.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="192.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="192.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="192.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="192.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="192.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="192.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="192.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="192.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="192.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="192.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="192.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="192.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="192.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4900000000000002s"></rect><rect x="196" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.12s"></rect><rect x="196" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1300000000000001s"></rect><rect x="196" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="196" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="196" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="196" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="196" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="196" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1900000000000002s"></rect><rect x="196" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="196" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.2100000000000002s"></rect><rect x="196" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2200000000000002s"></rect><rect x="196" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2300000000000002s"></rect><rect x="196" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.2400000000000002s"></rect><rect x="196" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="196" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.2600000000000002s"></rect><rect x="196" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="196" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="196" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="196" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="196" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="196" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="196" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="196" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="196" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="196" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="196" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="196" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="196" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="196" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="196" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="196" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="196" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="196" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="196" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="196" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4600000000000002s"></rect><rect x="196" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="196" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="196" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4900000000000002s"></rect><rect x="196" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="196" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5100000000000002s"></rect><rect x="199.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1400000000000001s"></rect><rect x="199.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.1500000000000001s"></rect><rect x="199.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.1600000000000001s"></rect><rect x="199.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1700000000000002s"></rect><rect x="199.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1800000000000002s"></rect><rect x="199.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.1900000000000002s"></rect><rect x="199.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2000000000000002s"></rect><rect x="199.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2100000000000002s"></rect><rect x="199.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.2200000000000002s"></rect><rect x="199.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2300000000000002s"></rect><rect x="199.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2400000000000002s"></rect><rect x="199.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2500000000000002s"></rect><rect x="199.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2600000000000002s"></rect><rect x="199.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="199.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2800000000000002s"></rect><rect x="199.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="199.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="199.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="199.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="199.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="199.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="199.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="199.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="199.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="199.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="199.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="199.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="199.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="199.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="199.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="199.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="199.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="199.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4600000000000002s"></rect><rect x="199.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="199.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4800000000000002s"></rect><rect x="199.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4900000000000002s"></rect><rect x="199.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="199.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.5100000000000002s"></rect><rect x="199.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="199.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5300000000000002s"></rect><rect x="203" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.16s"></rect><rect x="203" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.17s"></rect><rect x="203" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="203" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="203" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="203" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="203" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="203" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="203" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="203" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="203" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="203" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="203" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2799999999999998s"></rect><rect x="203" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="203" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.2999999999999998s"></rect><rect x="203" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3099999999999998s"></rect><rect x="203" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3199999999999998s"></rect><rect x="203" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3299999999999998s"></rect><rect x="203" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3399999999999999s"></rect><rect x="203" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3499999999999999s"></rect><rect x="203" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="203" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3699999999999999s"></rect><rect x="203" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="203" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.39s"></rect><rect x="203" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="203" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.41s"></rect><rect x="203" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="203" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="203" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="203" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="203" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="203" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="203" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="203" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="203" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="203" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="203" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="203" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.5299999999999998s"></rect><rect x="203" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="203" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5499999999999998s"></rect><rect x="206.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.18s"></rect><rect x="206.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.19s"></rect><rect x="206.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="206.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="206.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="206.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="206.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="206.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="206.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="206.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="206.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="206.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="206.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.2999999999999998s"></rect><rect x="206.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="206.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3199999999999998s"></rect><rect x="206.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3299999999999998s"></rect><rect x="206.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3399999999999999s"></rect><rect x="206.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3499999999999999s"></rect><rect x="206.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="206.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3699999999999999s"></rect><rect x="206.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="206.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.39s"></rect><rect x="206.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="206.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.41s"></rect><rect x="206.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="206.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="206.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="206.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="206.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="206.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="206.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="206.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="206.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="206.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="206.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="206.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="206.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="206.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5499999999999998s"></rect><rect x="206.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="206.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5699999999999998s"></rect><rect x="210" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.2s"></rect><rect x="210" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.21s"></rect><rect x="210" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="210" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="210" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="210" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="210" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="210" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="210" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="210" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="210" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="210" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="210" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3199999999999998s"></rect><rect x="210" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="210" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3399999999999999s"></rect><rect x="210" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3499999999999999s"></rect><rect x="210" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="210" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3699999999999999s"></rect><rect x="210" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="210" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.39s"></rect><rect x="210" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="210" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.41s"></rect><rect x="210" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="210" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="210" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="210" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="210" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="210" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="210" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="210" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="210" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="210" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="210" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="210" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="210" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="210" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="210" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="210" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5699999999999998s"></rect><rect x="210" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="210" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5899999999999999s"></rect><rect x="213.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.22s"></rect><rect x="213.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.23s"></rect><rect x="213.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="213.5" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="213.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="213.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="213.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="213.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="213.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="213.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="213.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="213.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="213.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3399999999999999s"></rect><rect x="213.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="213.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="213.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3699999999999999s"></rect><rect x="213.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="213.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.39s"></rect><rect x="213.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="213.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.41s"></rect><rect x="213.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="213.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="213.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="213.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="213.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="213.5" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="213.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="213.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="213.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="213.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="213.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="213.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="213.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="213.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="213.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="213.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="213.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="213.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5899999999999999s"></rect><rect x="213.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="213.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6099999999999999s"></rect><rect x="217" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.24s"></rect><rect x="217" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.25s"></rect><rect x="217" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="217" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="217" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="217" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="217" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="217" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="217" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="217" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="217" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="217" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="217" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3599999999999999s"></rect><rect x="217" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="217" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="217" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.39s"></rect><rect x="217" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="217" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.41s"></rect><rect x="217" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="217" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="217" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="217" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="217" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="217" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="217" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="217" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="217" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="217" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="217" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="217" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="217" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="217" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="217" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="217" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="217" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="217" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="217" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="217" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6099999999999999s"></rect><rect x="217" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="217" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.63s"></rect><rect x="220.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.26s"></rect><rect x="220.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.27s"></rect><rect x="220.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="220.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="220.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="220.5" y="17.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="220.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="220.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="220.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="220.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="220.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="220.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="220.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.38s"></rect><rect x="220.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="220.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="220.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.41s"></rect><rect x="220.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="220.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="220.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="220.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="220.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="220.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="220.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="220.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="220.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="220.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="220.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="220.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="220.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="220.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="220.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="220.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="220.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="220.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="220.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="220.5" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="220.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="220.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.63s"></rect><rect x="220.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="220.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.65s"></rect><rect x="224" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.28s"></rect><rect x="224" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.29s"></rect><rect x="224" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="224" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="224" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="224" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="224" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="224" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="224" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="224" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="224" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="224" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="224" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4s"></rect><rect x="224" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="224" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="224" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="224" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="224" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="224" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="224" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="224" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="224" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="224" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="224" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="224" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="224" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="224" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="224" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="224" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="224" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="224" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="224" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="224" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="224" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="224" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="224" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="224" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="224" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.65s"></rect><rect x="224" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="224" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.67s"></rect><rect x="227.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3s"></rect><rect x="227.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.31s"></rect><rect x="227.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="227.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="227.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="227.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="227.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="227.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="227.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="227.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="227.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="227.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="227.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="227.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="227.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="227.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="227.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="227.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="227.5" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="227.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="227.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="227.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="227.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="227.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="227.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="227.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="227.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="227.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="227.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="227.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="227.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="227.5" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="227.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="227.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="227.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="227.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6500000000000001s"></rect><rect x="227.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="227.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.67s"></rect><rect x="227.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6800000000000002s"></rect><rect x="227.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.69s"></rect><rect x="231" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.32s"></rect><rect x="231" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.33s"></rect><rect x="231" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="231" y="10.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="231" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="231" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="231" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="231" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="231" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="231" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="231" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="231" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="231" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="231" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="231" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="231" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="231" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="231" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="231" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="231" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="231" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="231" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="231" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="231" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="231" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="231" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="231" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="231" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="231" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="231" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="231" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="231" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="231" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="231" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6500000000000001s"></rect><rect x="231" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="231" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.6700000000000002s"></rect><rect x="231" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6800000000000002s"></rect><rect x="231" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.69s"></rect><rect x="231" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.7000000000000002s"></rect><rect x="231" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.71s"></rect><rect x="234.5" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.34s"></rect><rect x="234.5" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.35s"></rect><rect x="234.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="234.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="234.5" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="234.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="234.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="234.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="234.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="234.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="234.5" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="234.5" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="234.5" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="234.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="234.5" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="234.5" y="52.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="234.5" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="234.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="234.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="234.5" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="234.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="234.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="234.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="234.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="234.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="234.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="234.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="234.5" y="94.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="234.5" y="98" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="234.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="234.5" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="234.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6500000000000001s"></rect><rect x="234.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="234.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.6700000000000002s"></rect><rect x="234.5" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6800000000000002s"></rect><rect x="234.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6900000000000002s"></rect><rect x="234.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.7000000000000002s"></rect><rect x="234.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.71s"></rect><rect x="234.5" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.7200000000000002s"></rect><rect x="234.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.73s"></rect><rect x="238" y="0" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.36s"></rect><rect x="238" y="3.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.37s"></rect><rect x="238" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="238" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="238" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="238" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="238" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="238" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="238" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="238" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="238" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4600000000000002s"></rect><rect x="238" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="238" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="238" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4900000000000002s"></rect><rect x="238" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="238" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="238" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="238" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="238" y="63" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="238" y="66.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="238" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="238" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="238" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="238" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="238" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="238" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="238" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="238" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="238" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="238" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6500000000000001s"></rect><rect x="238" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="238" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6700000000000002s"></rect><rect x="238" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6800000000000002s"></rect><rect x="238" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6900000000000002s"></rect><rect x="238" y="119" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.7000000000000002s"></rect><rect x="238" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7100000000000002s"></rect><rect x="238" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7200000000000002s"></rect><rect x="238" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.73s"></rect><rect x="238" y="133" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.7400000000000002s"></rect><rect x="238" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.75s"></rect><rect x="241.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.3800000000000001s"></rect><rect x="241.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.3900000000000001s"></rect><rect x="241.5" y="7" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="241.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="241.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="241.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="241.5" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="241.5" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="241.5" y="28" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.4600000000000002s"></rect><rect x="241.5" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="241.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4800000000000002s"></rect><rect x="241.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4900000000000002s"></rect><rect x="241.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="241.5" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5100000000000002s"></rect><rect x="241.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="241.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="241.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="241.5" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="241.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="241.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="241.5" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="241.5" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="241.5" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="241.5" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="241.5" y="84" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="241.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="241.5" y="91" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="241.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6500000000000001s"></rect><rect x="241.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="241.5" y="101.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6700000000000002s"></rect><rect x="241.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.6800000000000002s"></rect><rect x="241.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6900000000000002s"></rect><rect x="241.5" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.7000000000000002s"></rect><rect x="241.5" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7100000000000002s"></rect><rect x="241.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7200000000000002s"></rect><rect x="241.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.7300000000000002s"></rect><rect x="241.5" y="126" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.7400000000000002s"></rect><rect x="241.5" y="129.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.75s"></rect><rect x="241.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7600000000000002s"></rect><rect x="241.5" y="136.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.77s"></rect><rect x="245" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4000000000000001s"></rect><rect x="245" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4100000000000001s"></rect><rect x="245" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.4200000000000002s"></rect><rect x="245" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4300000000000002s"></rect><rect x="245" y="14" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4400000000000002s"></rect><rect x="245" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4500000000000002s"></rect><rect x="245" y="21" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4600000000000002s"></rect><rect x="245" y="24.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.4700000000000002s"></rect><rect x="245" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4800000000000002s"></rect><rect x="245" y="31.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.4900000000000002s"></rect><rect x="245" y="35" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.5000000000000002s"></rect><rect x="245" y="38.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.5100000000000002s"></rect><rect x="245" y="42" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="245" y="45.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5300000000000002s"></rect><rect x="245" y="49" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="245" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.55s"></rect><rect x="245" y="56" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="245" y="59.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.57s"></rect><rect x="245" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.58s"></rect><rect x="245" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.59s"></rect><rect x="245" y="70" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6s"></rect><rect x="245" y="73.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.61s"></rect><rect x="245" y="77" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.62s"></rect><rect x="245" y="80.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6300000000000001s"></rect><rect x="245" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.6400000000000001s"></rect><rect x="245" y="87.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6500000000000001s"></rect><rect x="245" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6600000000000001s"></rect><rect x="245" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6700000000000002s"></rect><rect x="245" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6800000000000002s"></rect><rect x="245" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.6900000000000002s"></rect><rect x="245" y="105" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7000000000000002s"></rect><rect x="245" y="108.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.7100000000000002s"></rect><rect x="245" y="112" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.7200000000000002s"></rect><rect x="245" y="115.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7300000000000002s"></rect><rect x="245" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7400000000000002s"></rect><rect x="245" y="122.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7500000000000002s"></rect><rect x="245" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7600000000000002s"></rect><rect x="245" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.77s"></rect><rect x="245" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7800000000000002s"></rect><rect x="245" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.79s"></rect><rect x="248.5" y="0" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.42s"></rect><rect x="248.5" y="3.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.43s"></rect><rect x="248.5" y="7" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.44s"></rect><rect x="248.5" y="10.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.45s"></rect><rect x="248.5" y="14" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.46s"></rect><rect x="248.5" y="17.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.47s"></rect><rect x="248.5" y="21" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.48s"></rect><rect x="248.5" y="24.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.49s"></rect><rect x="248.5" y="28" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5s"></rect><rect x="248.5" y="31.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.51s"></rect><rect x="248.5" y="35" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.52s"></rect><rect x="248.5" y="38.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.53s"></rect><rect x="248.5" y="42" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.54s"></rect><rect x="248.5" y="45.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5499999999999998s"></rect><rect x="248.5" y="49" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.56s"></rect><rect x="248.5" y="52.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5699999999999998s"></rect><rect x="248.5" y="56" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5799999999999998s"></rect><rect x="248.5" y="59.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.5899999999999999s"></rect><rect x="248.5" y="63" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.5999999999999999s"></rect><rect x="248.5" y="66.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6099999999999999s"></rect><rect x="248.5" y="70" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.6199999999999999s"></rect><rect x="248.5" y="73.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.63s"></rect><rect x="248.5" y="77" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.64s"></rect><rect x="248.5" y="80.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.65s"></rect><rect x="248.5" y="84" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.66s"></rect><rect x="248.5" y="87.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.67s"></rect><rect x="248.5" y="91" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.68s"></rect><rect x="248.5" y="94.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.69s"></rect><rect x="248.5" y="98" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7s"></rect><rect x="248.5" y="101.5" width="3" height="3" rx="1" fill="hsl(var(--brand-default) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.71s"></rect><rect x="248.5" y="105" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.72s"></rect><rect x="248.5" y="108.5" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.73s"></rect><rect x="248.5" y="112" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.74s"></rect><rect x="248.5" y="115.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.75s"></rect><rect x="248.5" y="119" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.76s"></rect><rect x="248.5" y="122.5" width="3" height="3" rx="1" fill="hsl(var(--brand-400) / 0.08)" opacity="0" style="transition:opacity 0.4s ease 1.77s"></rect><rect x="248.5" y="126" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7799999999999998s"></rect><rect x="248.5" y="129.5" width="3" height="3" rx="1" fill="hsl(var(--brand-600) / 0.12)" opacity="0" style="transition:opacity 0.4s ease 1.79s"></rect><rect x="248.5" y="133" width="3" height="3" rx="1" fill="color-mix(in oklch, var(--foreground) 5%, var(--background))" opacity="0" style="transition:opacity 0.4s ease 1.7999999999999998s"></rect><rect x="248.5" y="136.5" width="3" height="3" rx="1" fill="hsl(var(--brand-500) / 0.1)" opacity="0" style="transition:opacity 0.4s ease 1.81s"></rect></svg></div></div></div></div></section><section id="cta"><div class="relative overflow-hidden py-32"><div class="relative z-20 flex flex-col items-center text-center gap-6"><h2 class="h2"><span class="text-foreground-lighter">Build in a weekend,</span><span class="text-foreground block sm:inline"> scale to millions</span></h2><div class="flex items-center gap-2"><a href="https://supabase.com/dashboard/sign-up" data-size="medium" type="button" tabindex="0" class="relative inline-flex items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring control-surface-shadows border-0 bg-primary-solid bg-[linear-gradient(to_bottom,hsl(var(--colors-white)/0.015),hsl(var(--colors-black)/0.01))] text-primary-solid-foreground shadow-[var(--button-shadow-raised)] hover:bg-[var(--primary-solid-hover)] data-[state=open]:bg-[var(--primary-solid-hover)] text-base md:text-sm px-4 py-2 h-[38px] rounded-[calc(var(--radius-md)*(1+(38/26-1)*0.35))]"><span class="truncate">Start your project</span></a><a data-size="medium" type="button" tabindex="0" class="relative inline-flex items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring control-surface-shadows border-0 raised-control-surface text-base md:text-sm px-4 py-2 h-[38px] rounded-[calc(var(--radius-md)*(1+(38/26-1)*0.35))]" href="/contact/sales"><span class="truncate">Request a demo</span></a></div></div></div></section><!--$--><!--/$--></main></div><footer class="bg-alternative"><h2 id="footerHeading" class="sr-only">Footer</h2><div class="w-full py-0!"><div class="section-container relative py-16 sm:py-18 md:py-24 grid grid-cols-2 md:flex items-center justify-between text-foreground md:justify-center gap-8 md:gap-16 xl:gap-28 py-6! md:py-10! text-sm"><div class="flex flex-col md:flex-row gap-2 md:items-center">We protect your data.<a class="text-primary hover:underline" href="/security">More on Security</a></div><ul class="flex flex-col md:flex-row gap-2 md:gap-8 justify-center md:items-center"><li class="flex items-center gap-2 whitespace-nowrap flex-nowrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path></svg> SOC2 Type 2<!-- --> <span class="text-foreground-lighter hidden sm:inline">Certified</span></li><li class="flex items-center gap-2 whitespace-nowrap flex-nowrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path></svg> HIPAA<!-- --> <span class="text-foreground-lighter hidden sm:inline">Compliant</span></li><li class="flex items-center gap-2 whitespace-nowrap flex-nowrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path></svg> ISO 27001<!-- --> <span class="text-foreground-lighter hidden sm:inline">Certified</span></li></ul></div><div class="w-full h-px bg-linear-to-r from-transparent via-border to-transparent"></div></div><div class="section-container relative py-16 sm:py-18 md:py-24 py-8"><div class="xl:grid xl:grid-cols-7 xl:gap-4"><div class="xl:col-span-2 flex flex-col gap-8"><a class="w-40" href="/"><svg viewBox="0 0 581 113" fill="none" width="124" height="24" class="w-40 h-[30px]" aria-label="Supabase Logo" role="img"><path d="M151.397 66.7608C151.996 72.3621 157.091 81.9642 171.877 81.9642C184.764 81.9642 190.959 73.7624 190.959 65.7607C190.959 58.559 186.063 52.6577 176.373 50.6571L169.379 49.1569C166.682 48.6568 164.884 47.1565 164.884 44.7559C164.884 41.9552 167.681 39.8549 171.178 39.8549C176.772 39.8549 178.87 43.5556 179.27 46.4564L190.359 43.9558C189.76 38.6546 185.064 29.7527 171.078 29.7527C160.488 29.7527 152.696 37.0543 152.696 45.8561C152.696 52.7576 156.991 58.4591 166.482 60.5594L172.976 62.0598C176.772 62.8599 178.271 64.6605 178.271 66.8609C178.271 69.4615 176.173 71.762 171.777 71.762C165.983 71.762 163.085 68.1611 162.786 64.2602L151.397 66.7608Z" fill="currentColor"></path><path d="M233.421 80.4639H246.109C245.909 78.7635 245.609 75.3628 245.609 71.5618V31.2529H232.321V59.8592C232.321 65.5606 228.925 69.5614 223.031 69.5614C216.837 69.5614 214.039 65.1604 214.039 59.6592V31.2529H200.752V62.3599C200.752 73.0622 207.545 81.7642 219.434 81.7642C224.628 81.7642 230.325 79.7638 233.022 75.1627C233.022 77.1631 233.221 79.4636 233.421 80.4639Z" fill="currentColor"></path><path d="M273.076 99.4682V75.663C275.473 78.9636 280.469 81.6644 287.263 81.6644C301.149 81.6644 310.439 70.6617 310.439 55.7584C310.439 41.1553 302.148 30.1528 287.762 30.1528C280.37 30.1528 274.875 33.4534 272.677 37.2544V31.253H259.79V99.4682H273.076ZM297.352 55.8585C297.352 64.6606 291.958 69.7616 285.164 69.7616C278.372 69.7616 272.877 64.5605 272.877 55.8585C272.877 47.1566 278.372 42.0554 285.164 42.0554C291.958 42.0554 297.352 47.1566 297.352 55.8585Z" fill="currentColor"></path><path d="M317.964 67.0609C317.964 74.7627 324.357 81.8643 334.848 81.8643C342.139 81.8643 346.835 78.4634 349.332 74.5625C349.332 76.463 349.532 79.1635 349.832 80.4639H362.02C361.72 78.7635 361.422 75.2627 361.422 72.6622V48.4567C361.422 38.5545 355.627 29.7527 340.043 29.7527C326.855 29.7527 319.761 38.2544 318.963 45.9562L330.751 48.4567C331.151 44.1558 334.348 40.455 340.141 40.455C345.737 40.455 348.434 43.3556 348.434 46.8564C348.434 48.5568 347.536 49.9572 344.738 50.3572L332.65 52.1576C324.458 53.3579 317.964 58.2589 317.964 67.0609ZM337.644 71.962C333.349 71.962 331.25 69.1614 331.25 66.2608C331.25 62.4599 333.947 60.5594 337.345 60.0594L348.434 58.359V60.5594C348.434 69.2615 343.239 71.962 337.644 71.962Z" fill="currentColor"></path><path d="M387.703 80.4641V74.4627C390.299 78.6637 395.494 81.6644 402.288 81.6644C416.276 81.6644 425.467 70.5618 425.467 55.6585C425.467 41.0552 417.174 29.9528 402.788 29.9528C395.494 29.9528 390.1 33.1535 387.902 36.6541V8.04785H374.815V80.4641H387.703ZM412.178 55.7584C412.178 64.7605 406.784 69.7616 399.99 69.7616C393.297 69.7616 387.703 64.6606 387.703 55.7584C387.703 46.7564 393.297 41.8554 399.99 41.8554C406.784 41.8554 412.178 46.7564 412.178 55.7584Z" fill="currentColor"></path><path d="M432.99 67.0609C432.99 74.7627 439.383 81.8643 449.873 81.8643C457.165 81.8643 461.862 78.4634 464.358 74.5625C464.358 76.463 464.559 79.1635 464.858 80.4639H477.046C476.748 78.7635 476.448 75.2627 476.448 72.6622V48.4567C476.448 38.5545 470.653 29.7527 455.068 29.7527C441.881 29.7527 434.788 38.2544 433.989 45.9562L445.776 48.4567C446.177 44.1558 449.374 40.455 455.167 40.455C460.763 40.455 463.46 43.3556 463.46 46.8564C463.46 48.5568 462.561 49.9572 459.763 50.3572L447.676 52.1576C439.484 53.3579 432.99 58.2589 432.99 67.0609ZM452.671 71.962C448.375 71.962 446.276 69.1614 446.276 66.2608C446.276 62.4599 448.973 60.5594 452.371 60.0594L463.46 58.359V60.5594C463.46 69.2615 458.265 71.962 452.671 71.962Z" fill="currentColor"></path><path d="M485.645 66.7608C486.243 72.3621 491.339 81.9642 506.124 81.9642C519.012 81.9642 525.205 73.7624 525.205 65.7607C525.205 58.559 520.311 52.6577 510.62 50.6571L503.626 49.1569C500.929 48.6568 499.132 47.1565 499.132 44.7559C499.132 41.9552 501.928 39.8549 505.425 39.8549C511.021 39.8549 513.118 43.5556 513.519 46.4564L524.607 43.9558C524.007 38.6546 519.312 29.7527 505.326 29.7527C494.735 29.7527 486.944 37.0543 486.944 45.8561C486.944 52.7576 491.238 58.4591 500.73 60.5594L507.224 62.0598C511.021 62.8599 512.519 64.6605 512.519 66.8609C512.519 69.4615 510.421 71.762 506.025 71.762C500.23 71.762 497.334 68.1611 497.034 64.2602L485.645 66.7608Z" fill="currentColor"></path><path d="M545.385 50.2571C545.685 45.7562 549.482 40.5549 556.375 40.5549C563.967 40.5549 567.165 45.3561 567.365 50.2571H545.385ZM568.664 63.0601C567.065 67.4609 563.668 70.5617 557.474 70.5617C550.88 70.5617 545.385 65.8606 545.087 59.3593H580.252C580.252 59.159 580.451 57.1587 580.451 55.2582C580.451 39.4547 571.361 29.7527 556.175 29.7527C543.588 29.7527 531.998 39.9548 531.998 55.6584C531.998 72.262 543.886 81.9642 557.374 81.9642C569.462 81.9642 577.255 74.8626 579.753 66.3607L568.664 63.0601Z" fill="currentColor"></path><path d="M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z" fill="url(#_R_5fcnnalb_-paint0)"></path><path d="M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z" fill="url(#_R_5fcnnalb_-paint1)" fill-opacity="0.2"></path><path d="M45.317 2.07103C48.1765 -1.53037 53.9745 0.442937 54.0434 5.041L54.4849 72.2922H9.83113C1.64038 72.2922 -2.92775 62.8321 2.1655 56.4175L45.317 2.07103Z" fill="#3ECF8E"></path><defs><linearGradient id="_R_5fcnnalb_-paint0" x1="53.9738" y1="54.974" x2="94.1635" y2="71.8295" gradientUnits="userSpaceOnUse"><stop stop-color="#249361"></stop><stop offset="1" stop-color="#3ECF8E"></stop></linearGradient><linearGradient id="_R_5fcnnalb_-paint1" x1="36.1558" y1="30.578" x2="54.4844" y2="65.0806" gradientUnits="userSpaceOnUse"><stop></stop><stop offset="1" stop-opacity="0"></stop></linearGradient></defs></svg></a><div class="flex space-x-5"><a href="https://twitter.com/supabase" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">Twitter</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill="currentColor" d="M12.6009 0.903908H15.0544L9.69434 7.03008L16 15.3664H11.0627L7.19566 10.3105L2.77087 15.3664H0.31595L6.04904 8.81379L0 0.903908H5.06262L8.55811 5.52524L12.6009 0.903908ZM11.7399 13.8979H13.0993L4.32392 2.29528H2.86506L11.7399 13.8979Z"></path></svg></div></a><a href="https://github.com/supabase" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">GitHub</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.5816 0 0 3.58719 0 8.01357C0 11.5535 2.292 14.5575 5.4712 15.6167C5.8712 15.6903 6.0168 15.4431 6.0168 15.2303C6.0168 15.0407 6.0104 14.5359 6.0064 13.8679C3.7808 14.3519 3.3112 12.7935 3.3112 12.7935C2.948 11.8671 2.4232 11.6207 2.4232 11.6207C1.6968 11.1247 2.4784 11.1343 2.4784 11.1343C3.2808 11.1903 3.7032 11.9599 3.7032 11.9599C4.4168 13.1839 5.576 12.8303 6.0312 12.6255C6.1048 12.1079 6.3112 11.7551 6.54 11.5551C4.764 11.3527 2.896 10.6647 2.896 7.59438C2.896 6.71998 3.208 6.00398 3.7192 5.44398C3.6368 5.24158 3.3624 4.42639 3.7976 3.32399C3.7976 3.32399 4.4696 3.10799 5.9976 4.14479C6.65022 3.9668 7.32355 3.87614 8 3.87519C8.68 3.87839 9.364 3.96719 10.0032 4.14479C11.5304 3.10799 12.2008 3.32319 12.2008 3.32319C12.6376 4.42639 12.3624 5.24158 12.2808 5.44398C12.7928 6.00398 13.1032 6.71998 13.1032 7.59438C13.1032 10.6727 11.232 11.3503 9.4504 11.5487C9.73762 11.7959 9.99282 12.2847 9.99282 13.0327C9.99282 14.1031 9.98322 14.9679 9.98322 15.2303C9.98322 15.4447 10.1272 15.6943 10.5336 15.6159C12.1266 15.0816 13.5115 14.0602 14.4924 12.696C15.4733 11.3318 16.0007 9.69382 16 8.01357C16 3.58719 12.4176 0 8 0Z" fill="currentColor"></path></svg></div></a><a href="https://discord.supabase.com/" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">Discord</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5447 3.01094C12.5249 2.54302 11.4313 2.19828 10.2879 2.00083C10.2671 1.99702 10.2463 2.00654 10.2356 2.02559C10.0949 2.27573 9.93921 2.60206 9.83011 2.85856C8.60028 2.67444 7.3768 2.67444 6.17222 2.85856C6.06311 2.59636 5.90166 2.27573 5.76038 2.02559C5.74966 2.00717 5.72887 1.99765 5.70803 2.00083C4.56527 2.19764 3.47171 2.54239 2.45129 3.01094C2.44246 3.01475 2.43488 3.0211 2.42986 3.02935C0.355594 6.12826 -0.212633 9.151 0.06612 12.1362C0.067381 12.1508 0.0755799 12.1648 0.0869319 12.1737C1.45547 13.1787 2.78114 13.7889 4.08219 14.1933C4.10301 14.1996 4.12507 14.192 4.13832 14.1749C4.44608 13.7546 4.72043 13.3114 4.95565 12.8454C4.96953 12.8181 4.95628 12.7857 4.92791 12.7749C4.49275 12.6099 4.0784 12.4086 3.67982 12.18C3.64829 12.1616 3.64577 12.1165 3.67477 12.095C3.75865 12.0321 3.84255 11.9667 3.92264 11.9007C3.93713 11.8886 3.95732 11.8861 3.97435 11.8937C6.59287 13.0892 9.42771 13.0892 12.0153 11.8937C12.0323 11.8854 12.0525 11.888 12.0677 11.9C12.1478 11.9661 12.2316 12.0321 12.3161 12.095C12.3451 12.1165 12.3433 12.1616 12.3117 12.18C11.9131 12.413 11.4988 12.6099 11.063 12.7743C11.0346 12.7851 11.022 12.8181 11.0359 12.8454C11.2762 13.3108 11.5505 13.7539 11.8526 14.1742C11.8652 14.192 11.8879 14.1996 11.9087 14.1933C13.2161 13.7889 14.5417 13.1787 15.9103 12.1737C15.9223 12.1648 15.9298 12.1515 15.9311 12.1369C16.2647 8.6856 15.3723 5.68765 13.5655 3.02998C13.5611 3.0211 13.5535 3.01475 13.5447 3.01094ZM5.34668 10.3185C4.55833 10.3185 3.90876 9.59478 3.90876 8.70593C3.90876 7.81707 4.54574 7.09331 5.34668 7.09331C6.15393 7.09331 6.79722 7.82342 6.7846 8.70593C6.7846 9.59478 6.14762 10.3185 5.34668 10.3185ZM10.6632 10.3185C9.87481 10.3185 9.22527 9.59478 9.22527 8.70593C9.22527 7.81707 9.86221 7.09331 10.6632 7.09331C11.4704 7.09331 12.1137 7.82342 12.1011 8.70593C12.1011 9.59478 11.4704 10.3185 10.6632 10.3185Z" fill="currentColor"></path></svg></div></a><a href="https://youtube.com/c/supabase" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">Youtube</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.6657 4.13526C15.4817 3.44239 14.9395 2.8967 14.2511 2.71152C13.0033 2.37502 8 2.37502 8 2.37502C8 2.37502 2.99669 2.37502 1.74891 2.71152C1.06052 2.89673 0.518351 3.44239 0.334337 4.13526C1.90735e-06 5.39112 1.90735e-06 8.01137 1.90735e-06 8.01137C1.90735e-06 8.01137 1.90735e-06 10.6316 0.334337 11.8875C0.518351 12.5804 1.06052 13.1033 1.74891 13.2885C2.99669 13.625 8 13.625 8 13.625C8 13.625 13.0033 13.625 14.2511 13.2885C14.9395 13.1033 15.4817 12.5804 15.6657 11.8875C16 10.6316 16 8.01137 16 8.01137C16 8.01137 16 5.39112 15.6657 4.13526ZM6.36363 10.3904V5.63238L10.5454 8.01143L6.36363 10.3904Z" fill="currentColor"></path></svg></div></a><a href="https://www.tiktok.com/@supabase.com" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">TikTok</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill="currentColor" d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07Z"></path></svg></div></a><a href="https://www.instagram.com/supabasecom" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">Instagram</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill="currentColor" d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069ZM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0Z"></path><path fill="currentColor" d="M12 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324ZM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8ZM18.406 4.155a1.44 1.44 0 1 0 0 2.88 1.44 1.44 0 0 0 0-2.88Z"></path></svg></div></a></div><div><form class="flex flex-col gap-2"><p class="text-foreground-lighter text-sm">Get product updates and news from Supabase.</p><input type="email" placeholder="Your email" aria-label="Email for newsletter" required="" class="flex w-full rounded-md border border-control hover:border-control-hover read-only:border-button bg-field file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-foreground-muted read-only:text-foreground-light focus:border-control-hover focus-ring disabled:cursor-not-allowed disabled:text-foreground-muted transition-colors duration-200 aria-[invalid=true]:bg-destructive-200 aria-[invalid=true]:border-destructive-400 aria-[invalid=true]:hover:border-destructive aria-[invalid=true]:focus:border-destructive aria-[invalid=true]:focus-visible:border-destructive md:text-sm py-2 h-[34px] flex-1 md:max-w-72 xl:max-w-[80%] h-6! text-xs px-2" value=""/><button data-size="tiny" type="submit" tabindex="0" class="relative inline-flex items-center justify-center cursor-pointer space-x-2 text-center font-medium ease-[cubic-bezier(0.22,1,0.36,1)] duration-200 transition-[background-color,border-color,color,scale] [&amp;:not([aria-haspopup])]:motion-safe:active:scale-[0.97] focus-ring control-surface-shadows border-0 bg-primary-solid bg-[linear-gradient(to_bottom,hsl(var(--colors-white)/0.015),hsl(var(--colors-black)/0.01))] text-primary-solid-foreground shadow-[var(--button-shadow-raised)] hover:bg-[var(--primary-solid-hover)] data-[state=open]:bg-[var(--primary-solid-hover)] text-xs px-2.5 py-1 h-[26px] rounded-md w-fit"> <span class="truncate">Subscribe</span> </button></form></div></div><div class="mt-12 grid grid-cols-1 gap-8 xl:col-span-5 xl:mt-0"><div class="grid grid-cols-2 gap-x-4 gap-y-12 md:grid-cols-3 xl:grid-cols-6"><div><h6 class="text-foreground overwrite text-base">Product</h6><ul class="mt-4 space-y-2"><li><a href="/pricing"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Pricing</div></a></li><li><a href="/database"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Database</div></a></li><li><a href="/auth"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Auth</div></a></li><li><a href="/edge-functions"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Functions</div></a></li><li><a href="/compute"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Compute</div></a></li><li><a href="/realtime"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Realtime</div></a></li><li><a href="/storage"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Storage</div></a></li><li><a href="/modules/vector"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Vector</div></a></li><li><a href="/modules/cron"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Cron</div></a></li><li><a href="/features"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Feature Catalog</div></a></li><li><a href="/launch-week"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Launch Week</div></a></li></ul></div><div><h6 class="text-foreground overwrite text-base">Solutions</h6><ul class="mt-4 space-y-2"><li><a href="/solutions/ai-builders"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">AI Builders</div></a></li><li><a href="/solutions/no-code"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">No Code</div></a></li><li><a href="/solutions/beginners"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Beginners</div></a></li><li><a href="/solutions/developers"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Developers</div></a></li><li><a href="/solutions/postgres-developers"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Postgres Devs</div></a></li><li><a href="/solutions/vibe-coders"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Vibe Coders</div></a></li><li><a href="/solutions/hackathon"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Hackathon Contestants</div></a></li><li><a href="/solutions/startups"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Startups</div></a></li><li><a href="/solutions/agencies"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Agencies</div></a></li><li><a href="/solutions/enterprise"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Enterprise</div></a></li><li><a href="/solutions/innovation-teams"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Innovation Teams</div></a></li><li><a href="/solutions/hosted-postgres"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Hosted Postgres</div></a></li><li><a href="/solutions/b2b-saas"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">B2B SaaS</div></a></li><li><a href="/solutions/finserv"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">FinServ</div></a></li><li><a href="/solutions/healthcare"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Healthcare</div></a></li><li><a href="/solutions/agents"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Agents</div></a></li><li><a href="/solutions/switch-from-firebase"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Switch from Firebase</div></a></li><li><a href="/solutions/switch-from-neon"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Switch from Neon</div></a></li></ul></div><div><h6 class="text-foreground overwrite text-base">Resources</h6><ul class="mt-4 space-y-2"><li><a href="/blog"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Blog</div></a></li><li><a href="/support"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Support</div></a></li><li><a href="https://status.supabase.com/"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">System Status</div></a></li><li><a href="/partners"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Become a Partner</div></a></li><li><a href="/partners/catalog"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Partner Catalog</div></a></li><li><a href="/brand-assets"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Brand Assets</div></a></li><li><a href="/security"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Security &amp; Compliance</div></a></li><li><a href="/regions"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Regions</div></a></li><li><a href="/security"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">SOC2</div></a></li><li><a href="https://forms.supabase.com/hipaa2"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">HIPAA</div></a></li></ul></div><div><h6 class="text-foreground overwrite text-base">Developers</h6><ul class="mt-4 space-y-2"><li><a href="/docs"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Documentation</div></a></li><li><a href="https://supabase.com/library"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Supabase Library</div></a></li><li><a href="/changelog"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Changelog</div></a></li><li><a href="/rss.xml"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">RSS</div></a></li></ul></div><div><h6 class="text-foreground overwrite text-base">Community</h6><ul class="mt-4 space-y-2"><li><a href="/events"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Events &amp; Webinars</div></a></li><li><a href="/supasquad"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">SupaSquad</div></a></li><li><a href="https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Contributing</div></a></li><li><a href="/open-source"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Open Source</div></a></li><li><a href="https://dev.to/supabase"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">DevTo</div></a></li></ul></div><div><h6 class="text-foreground overwrite text-base">Company</h6><ul class="mt-4 space-y-2"><li><a href="/company"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Company</div></a></li><li><a href="/careers"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Careers</div></a></li><li><a href="/ga"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">General Availability</div></a></li><li><a href="/legal"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Legal Hub</div></a></li><li><a href="/privacy"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Privacy Policy</div></a></li><li><button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_qqfcnnalb_" data-state="closed" tabindex="0"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Privacy Settings</div></button></li><li><a href="/aup"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Acceptable Use Policy</div></a></li><li><a href="/humans.txt"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Humans.txt</div></a></li><li><a href="/lawyers.txt"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Lawyers.txt</div></a></li><li><a href="/.well-known/security.txt"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Security.txt</div></a></li><li><a href="/contact-us"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Contact Us</div></a></li></ul></div></div></div></div><div class="border-default mt-32 flex justify-between border-t pt-8"><small class="small">© Supabase Inc</small><div class=""></div></div></div></footer><script src="https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/chunks/webpack-53083ea6b1fc1502.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n"])</script><script>self.__next_f.push([1,"2:I[34574,[\"2613\",\"static/chunks/953f2711-da9c297635373654.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"415\",\"static/chunks/82bb98b3-267f35dab9916d2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"3753\",\"static/chunks/3753-b8cf1b6044aaa224.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7535\",\"static/chunks/7535-0aaa26738f45827e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"883\",\"static/chunks/883-936ff0d380f95f2f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5085\",\"static/chunks/5085-c21ef080fd875a9c.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8118\",\"static/chunks/8118-6439df322a5d4e2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"502\",\"static/chunks/502-b8cbb9522a87c097.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"430\",\"static/chunks/430-7c224957bf96f16d.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"2984\",\"static/chunks/2984-180de0fe31643ee2.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8219\",\"static/chunks/8219-d0034554dd05a9e6.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8638\",\"static/chunks/8638-fc1ce95cad3f5481.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"33\",\"static/chunks/33-b6c57ab47852102e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"2353\",\"static/chunks/2353-a1832da659004118.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1356\",\"static/chunks/1356-6c1ba8c333c1d73f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7177\",\"static/chunks/app/layout-66cb522993e76e94.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"3:I[10520,[],\"\"]\n4:I[91566,[],\"\"]\n"])</script><script>self.__next_f.push([1,"5:I[3008,[\"2613\",\"static/chunks/953f2711-da9c297635373654.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"415\",\"static/chunks/82bb98b3-267f35dab9916d2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"3753\",\"static/chunks/3753-b8cf1b6044aaa224.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1477\",\"static/chunks/1477-2d442efcf6d2b9f4.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7535\",\"static/chunks/7535-0aaa26738f45827e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"883\",\"static/chunks/883-936ff0d380f95f2f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5085\",\"static/chunks/5085-c21ef080fd875a9c.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8118\",\"static/chunks/8118-6439df322a5d4e2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"502\",\"static/chunks/502-b8cbb9522a87c097.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"430\",\"static/chunks/430-7c224957bf96f16d.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"9503\",\"static/chunks/9503-24a66f734da9ecec.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"2984\",\"static/chunks/2984-180de0fe31643ee2.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1893\",\"static/chunks/1893-95b9579cd138ff25.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1903\",\"static/chunks/1903-99a95084feb9f685.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"227\",\"static/chunks/227-75e32a948f5717fd.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7861\",\"static/chunks/7861-dc62cd4525183370.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8638\",\"static/chunks/8638-fc1ce95cad3f5481.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"33\",\"static/chunks/33-b6c57ab47852102e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"2353\",\"static/chunks/2353-a1832da659004118.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"649\",\"static/chunks/649-0b63f502b1475158.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5737\",\"static/chunks/5737-65654d5e60d071ed.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1356\",\"static/chunks/1356-6c1ba8c333c1d73f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"635\",\"static/chunks/635-adcd0403b2808fa1.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"4345\",\"static/chunks/app/not-found-b80fd17ab7a52020.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"6:I[31120,[\"2613\",\"static/chunks/953f2711-da9c297635373654.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"415\",\"static/chunks/82bb98b3-267f35dab9916d2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"3753\",\"static/chunks/3753-b8cf1b6044aaa224.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1477\",\"static/chunks/1477-2d442efcf6d2b9f4.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7535\",\"static/chunks/7535-0aaa26738f45827e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"883\",\"static/chunks/883-936ff0d380f95f2f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5085\",\"static/chunks/5085-c21ef080fd875a9c.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8118\",\"static/chunks/8118-6439df322a5d4e2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"502\",\"static/chunks/502-b8cbb9522a87c097.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"430\",\"static/chunks/430-7c224957bf96f16d.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"9503\",\"static/chunks/9503-24a66f734da9ecec.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"2984\",\"static/chunks/2984-180de0fe31643ee2.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1893\",\"static/chunks/1893-95b9579cd138ff25.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7102\",\"static/chunks/7102-39d8de4ca9d49120.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"3269\",\"static/chunks/3269-67c34ee03dcc25fe.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5970\",\"static/chunks/5970-849bcf42c8fc4b2d.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1903\",\"static/chunks/1903-99a95084feb9f685.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"227\",\"static/chunks/227-75e32a948f5717fd.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7861\",\"static/chunks/7861-dc62cd4525183370.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8638\",\"static/chunks/8638-fc1ce95cad3f5481.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"33\",\"static/chunks/33-b6c57ab47852102e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"2353\",\"static/chunks/2353-a1832da659004118.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"649\",\"static/chunks/649-0b63f502b1475158.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"6926\",\"static/chunks/6926-aaaca9510c0f1f51.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5737\",\"static/chunks/5737-65654d5e60d071ed.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1356\",\"static/chunks/1356-6c1ba8c333c1d73f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"635\",\"static/chunks/635-adcd0403b2808fa1.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"4790\",\"static/chunks/app/(home)/layout-b5c8e0e0a45b225f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\"],\"Button\"]\n"])</script><script>self.__next_f.push([1,"7:I[92526,[\"2613\",\"static/chunks/953f2711-da9c297635373654.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"415\",\"static/chunks/82bb98b3-267f35dab9916d2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"3753\",\"static/chunks/3753-b8cf1b6044aaa224.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1477\",\"static/chunks/1477-2d442efcf6d2b9f4.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7535\",\"static/chunks/7535-0aaa26738f45827e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"883\",\"static/chunks/883-936ff0d380f95f2f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5085\",\"static/chunks/5085-c21ef080fd875a9c.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8118\",\"static/chunks/8118-6439df322a5d4e2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"502\",\"static/chunks/502-b8cbb9522a87c097.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"430\",\"static/chunks/430-7c224957bf96f16d.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"9503\",\"static/chunks/9503-24a66f734da9ecec.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"2984\",\"static/chunks/2984-180de0fe31643ee2.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1893\",\"static/chunks/1893-95b9579cd138ff25.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7102\",\"static/chunks/7102-39d8de4ca9d49120.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"3269\",\"static/chunks/3269-67c34ee03dcc25fe.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5970\",\"static/chunks/5970-849bcf42c8fc4b2d.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1903\",\"static/chunks/1903-99a95084feb9f685.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"227\",\"static/chunks/227-75e32a948f5717fd.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7861\",\"static/chunks/7861-dc62cd4525183370.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8638\",\"static/chunks/8638-fc1ce95cad3f5481.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"33\",\"static/chunks/33-b6c57ab47852102e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"2353\",\"static/chunks/2353-a1832da659004118.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"649\",\"static/chunks/649-0b63f502b1475158.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"6926\",\"static/chunks/6926-aaaca9510c0f1f51.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5737\",\"static/chunks/5737-65654d5e60d071ed.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1356\",\"static/chunks/1356-6c1ba8c333c1d73f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"635\",\"static/chunks/635-adcd0403b2808fa1.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"4790\",\"static/chunks/app/(home)/layout-b5c8e0e0a45b225f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\"],\"ThemeForcer\"]\n"])</script><script>self.__next_f.push([1,"8:I[71405,[\"2613\",\"static/chunks/953f2711-da9c297635373654.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"415\",\"static/chunks/82bb98b3-267f35dab9916d2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"3753\",\"static/chunks/3753-b8cf1b6044aaa224.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1477\",\"static/chunks/1477-2d442efcf6d2b9f4.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7535\",\"static/chunks/7535-0aaa26738f45827e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"883\",\"static/chunks/883-936ff0d380f95f2f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5085\",\"static/chunks/5085-c21ef080fd875a9c.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8118\",\"static/chunks/8118-6439df322a5d4e2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"502\",\"static/chunks/502-b8cbb9522a87c097.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"430\",\"static/chunks/430-7c224957bf96f16d.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"9503\",\"static/chunks/9503-24a66f734da9ecec.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"2984\",\"static/chunks/2984-180de0fe31643ee2.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1893\",\"static/chunks/1893-95b9579cd138ff25.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7102\",\"static/chunks/7102-39d8de4ca9d49120.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"3269\",\"static/chunks/3269-67c34ee03dcc25fe.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5970\",\"static/chunks/5970-849bcf42c8fc4b2d.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1903\",\"static/chunks/1903-99a95084feb9f685.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"227\",\"static/chunks/227-75e32a948f5717fd.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7861\",\"static/chunks/7861-dc62cd4525183370.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8638\",\"static/chunks/8638-fc1ce95cad3f5481.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"33\",\"static/chunks/33-b6c57ab47852102e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"2353\",\"static/chunks/2353-a1832da659004118.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"649\",\"static/chunks/649-0b63f502b1475158.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"6926\",\"static/chunks/6926-aaaca9510c0f1f51.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5737\",\"static/chunks/5737-65654d5e60d071ed.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1356\",\"static/chunks/1356-6c1ba8c333c1d73f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"635\",\"static/chunks/635-adcd0403b2808fa1.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"4790\",\"static/chunks/app/(home)/layout-b5c8e0e0a45b225f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"9:I[86593,[\"2613\",\"static/chunks/953f2711-da9c297635373654.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"415\",\"static/chunks/82bb98b3-267f35dab9916d2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"3753\",\"static/chunks/3753-b8cf1b6044aaa224.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1477\",\"static/chunks/1477-2d442efcf6d2b9f4.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7535\",\"static/chunks/7535-0aaa26738f45827e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"883\",\"static/chunks/883-936ff0d380f95f2f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5085\",\"static/chunks/5085-c21ef080fd875a9c.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8118\",\"static/chunks/8118-6439df322a5d4e2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"502\",\"static/chunks/502-b8cbb9522a87c097.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"430\",\"static/chunks/430-7c224957bf96f16d.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"9503\",\"static/chunks/9503-24a66f734da9ecec.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"2984\",\"static/chunks/2984-180de0fe31643ee2.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1893\",\"static/chunks/1893-95b9579cd138ff25.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7102\",\"static/chunks/7102-39d8de4ca9d49120.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"3269\",\"static/chunks/3269-67c34ee03dcc25fe.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5970\",\"static/chunks/5970-849bcf42c8fc4b2d.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1903\",\"static/chunks/1903-99a95084feb9f685.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"227\",\"static/chunks/227-75e32a948f5717fd.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7861\",\"static/chunks/7861-dc62cd4525183370.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8638\",\"static/chunks/8638-fc1ce95cad3f5481.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"33\",\"static/chunks/33-b6c57ab47852102e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"2353\",\"static/chunks/2353-a1832da659004118.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"649\",\"static/chunks/649-0b63f502b1475158.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"6926\",\"static/chunks/6926-aaaca9510c0f1f51.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5737\",\"static/chunks/5737-65654d5e60d071ed.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1356\",\"static/chunks/1356-6c1ba8c333c1d73f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"635\",\"static/chunks/635-adcd0403b2808fa1.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"4790\",\"static/chunks/app/(home)/layout-b5c8e0e0a45b225f.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"f:I[57307,[\"4219\",\"static/chunks/app/global-error-14d904d3c07eb521.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\"],\"default\"]\n:HL[\"https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/media/443896d591e4f761-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/media/4c9affa5bc8f420e-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/css/440c143c26a742d1.css?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"style\"]\n:HL[\"https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/css/5fa28d3dadd1c11f.css?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"style\"]\n:HL[\"https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/css/12a12fb72870916c.css?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"style\"]\n:HL[\"https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/css/b23993f6e1a7b05b.css?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"2YJCxJ_Xrcno0GTMIcia5\",\"p\":\"https://frontend-assets.supabase.com/www/e4bf44835271\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"(home)\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/css/440c143c26a742d1.css?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/css/5fa28d3dadd1c11f.css?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/css/12a12fb72870916c.css?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"__variable_a4b6db __variable_a9c695 __variable_71d91e\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]]}],{\"children\":[\"(home)\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://frontend-assets.supabase.com/www/e4bf44835271/_next/static/css/b23993f6e1a7b05b.css?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[[\"$\",\"div\",null,{\"className\":\"inline-flex bg-popover rounded-lg fixed top-0 left-[10px] z-[100] w-fit -translate-y-[calc(100%+8px)] focus-within:translate-y-[10px] transition-transform duration-200 ease-out\",\"children\":[\"$\",\"$L6\",null,{\"size\":\"tiny\",\"asChild\":true,\"children\":[\"$\",\"a\",null,{\"href\":\"#main\",\"children\":\"Skip to content\"}]}]}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{\"hideNavbar\":false}],[\"$\",\"div\",null,{\"className\":\"relative w-full\",\"children\":[\"$\",\"main\",null,{\"id\":\"main\",\"tabIndex\":-1,\"className\":\"relative min-h-screen scroll-mt-16 outline-hidden\",\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"$L9\",null,{}]]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"@id\\\":\\\"https://supabase.com/#organization\\\",\\\"name\\\":\\\"Supabase\\\",\\\"url\\\":\\\"https://supabase.com\\\",\\\"logo\\\":{\\\"@type\\\":\\\"ImageObject\\\",\\\"url\\\":\\\"https://supabase.com/images/og/supabase-og.png\\\"},\\\"description\\\":\\\"Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.\\\",\\\"legalName\\\":\\\"Supabase Pte. Ltd.\\\",\\\"contactPoint\\\":{\\\"@type\\\":\\\"ContactPoint\\\",\\\"contactType\\\":\\\"customer support\\\",\\\"url\\\":\\\"https://supabase.com/support\\\"},\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"streetAddress\\\":\\\"65 Chulia Street #38-02/03, OCBC Centre\\\",\\\"addressLocality\\\":\\\"Singapore\\\",\\\"postalCode\\\":\\\"049513\\\",\\\"addressCountry\\\":\\\"SG\\\"},\\\"sameAs\\\":[\\\"https://github.com/supabase\\\",\\\"https://twitter.com/supabase\\\",\\\"https://www.linkedin.com/company/supabase\\\",\\\"https://youtube.com/c/supabase\\\",\\\"https://discord.supabase.com/\\\",\\\"https://www.tiktok.com/@supabase.com\\\",\\\"https://www.instagram.com/supabasecom\\\"]}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"@id\\\":\\\"https://supabase.com/#website\\\",\\\"url\\\":\\\"https://supabase.com\\\",\\\"name\\\":\\\"Supabase\\\",\\\"description\\\":\\\"Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.\\\",\\\"publisher\\\":{\\\"@id\\\":\\\"https://supabase.com/#organization\\\"}}\"}}],\"$La\",\"$Lb\",\"$Lc\"],null,\"$Ld\"]}],{},null,false]},null,false]},null,false],\"$Le\",false]],\"m\":\"$undefined\",\"G\":[\"$f\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"11:I[26818,[\"2613\",\"static/chunks/953f2711-da9c297635373654.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"415\",\"static/chunks/82bb98b3-267f35dab9916d2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"3753\",\"static/chunks/3753-b8cf1b6044aaa224.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1477\",\"static/chunks/1477-2d442efcf6d2b9f4.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7535\",\"static/chunks/7535-0aaa26738f45827e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5085\",\"static/chunks/5085-c21ef080fd875a9c.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8118\",\"static/chunks/8118-6439df322a5d4e2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"502\",\"static/chunks/502-b8cbb9522a87c097.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1903\",\"static/chunks/1903-99a95084feb9f685.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7947\",\"static/chunks/7947-a0d682cd78a6ac52.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"33\",\"static/chunks/33-b6c57ab47852102e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5737\",\"static/chunks/5737-65654d5e60d071ed.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7813\",\"static/chunks/app/(home)/page-d336f50ea0095a4e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\"],\"HomeContent\"]\n"])</script><script>self.__next_f.push([1,"13:I[70133,[],\"OutletBoundary\"]\n15:I[65728,[],\"AsyncMetadataOutlet\"]\n17:I[70133,[],\"ViewportBoundary\"]\n19:I[70133,[],\"MetadataBoundary\"]\n1a:\"$Sreact.suspense\"\na:[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"Supabase\\\",\\\"description\\\":\\\"Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.\\\",\\\"url\\\":\\\"https://supabase.com\\\",\\\"image\\\":\\\"https://supabase.com/images/og/supabase-og.png\\\",\\\"applicationCategory\\\":\\\"DeveloperApplication\\\",\\\"operatingSystem\\\":\\\"Cross-platform\\\",\\\"publisher\\\":{\\\"@id\\\":\\\"https://supabase.com/#organization\\\"}}\"}}]\n10:T46a,"])</script><script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"Service\",\"name\":\"Supabase\",\"description\":\"Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.\",\"url\":\"https://supabase.com\",\"serviceType\":\"Postgres development platform\",\"provider\":{\"@id\":\"https://supabase.com/#organization\"},\"hasOfferCatalog\":{\"@type\":\"OfferCatalog\",\"name\":\"Supabase products\",\"itemListElement\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Database\",\"url\":\"https://supabase.com/database\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Authentication\",\"url\":\"https://supabase.com/auth\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Storage\",\"url\":\"https://supabase.com/storage\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Edge Functions\",\"url\":\"https://supabase.com/edge-functions\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Realtime\",\"url\":\"https://supabase.com/realtime\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Vector\",\"url\":\"https://supabase.com/modules/vector\"}}]}}"])</script><script>self.__next_f.push([1,"b:[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$10\"}}]\nc:[\"$\",\"$L11\",null,{\"frameworksSlot\":\"$L12\"}]\nd:[\"$\",\"$L13\",null,{\"children\":[\"$L14\",[\"$\",\"$L15\",null,{\"promise\":\"$@16\"}]]}]\ne:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L17\",null,{\"children\":\"$L18\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L19\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$1a\",null,{\"fallback\":null,\"children\":\"$L1b\"}]}]}]]}]\n"])</script><script>self.__next_f.push([1,"18:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n14:null\n"])</script><script>self.__next_f.push([1,"1c:I[2064,[],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"16:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Supabase | The Postgres Development Platform\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"/favicon/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://supabase.com\"}],[\"$\",\"link\",\"4\",{\"rel\":\"alternate\",\"type\":\"text/markdown\",\"href\":\"https://supabase.com/index.md\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Supabase | The Postgres Development Platform\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:url\",\"content\":\"https://supabase.com/\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:site_name\",\"content\":\"Supabase\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://supabase.com/images/og/supabase-og.png\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:width\",\"content\":\"800\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:height\",\"content\":\"600\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"Supabase Og Image\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:site\",\"content\":\"@supabase\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:creator\",\"content\":\"@supabase\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:title\",\"content\":\"Supabase | The Postgres Development Platform\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:description\",\"content\":\"Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image\",\"content\":\"https://supabase.com/images/og/supabase-og.png\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image:width\",\"content\":\"800\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:image:height\",\"content\":\"600\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image:alt\",\"content\":\"Supabase Og Image\"}],[\"$\",\"link\",\"23\",{\"rel\":\"icon\",\"href\":\"/favicon/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16 32x32 48x48\"}],[\"$\",\"link\",\"24\",{\"rel\":\"apple-touch-icon\",\"href\":\"/favicon/apple-icon-180x180.png\",\"sizes\":\"180x180\"}],[\"$\",\"$L1c\",\"25\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"1b:\"$16:metadata\"\n"])</script><script>self.__next_f.push([1,"1d:I[42071,[\"2613\",\"static/chunks/953f2711-da9c297635373654.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"415\",\"static/chunks/82bb98b3-267f35dab9916d2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"3753\",\"static/chunks/3753-b8cf1b6044aaa224.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1477\",\"static/chunks/1477-2d442efcf6d2b9f4.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7535\",\"static/chunks/7535-0aaa26738f45827e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5085\",\"static/chunks/5085-c21ef080fd875a9c.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"8118\",\"static/chunks/8118-6439df322a5d4e2e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"502\",\"static/chunks/502-b8cbb9522a87c097.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"1903\",\"static/chunks/1903-99a95084feb9f685.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7947\",\"static/chunks/7947-a0d682cd78a6ac52.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"33\",\"static/chunks/33-b6c57ab47852102e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"5737\",\"static/chunks/5737-65654d5e60d071ed.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\",\"7813\",\"static/chunks/app/(home)/page-d336f50ea0095a4e.js?dpl=dpl_BAiXoHuaFtRYWtyf3XEFXcJWY2dA\"],\"FrameworksSectionClient\"]\n"])</script><script>self.__next_f.push([1,"1e:T1430,"])</script><script>self.__next_f.push([1,"M45.74 23.6983C45.2739 23.5379 44.7909 23.3861 44.2937 23.2426C44.3754 22.909 44.4504 22.5798 44.5171 22.2561C45.6119 16.9418 44.8961 12.6605 42.4518 11.2509C40.1079 9.89927 36.2748 11.3085 32.4035 14.6776C32.0313 15.0016 31.6579 15.3446 31.2848 15.704C31.0362 15.4662 30.7879 15.2364 30.5403 15.0165C26.4831 11.4141 22.4164 9.89599 19.9744 11.3097C17.6329 12.6652 16.9394 16.69 17.9249 21.7265C18.0201 22.2129 18.1313 22.7097 18.2571 23.2148C17.6816 23.3782 17.1259 23.5524 16.5943 23.7377C11.8376 25.3961 8.7998 27.9952 8.7998 30.6911C8.7998 33.4755 12.0609 36.2683 17.0153 37.9617C17.4063 38.0953 17.812 38.2217 18.2301 38.3416C18.0944 38.8879 17.9763 39.4232 17.8773 39.9454C16.9376 44.8944 17.6714 48.8242 20.0068 50.1711C22.4189 51.5622 26.4673 50.1324 30.4093 46.6865C30.7209 46.4141 31.0336 46.1253 31.3469 45.8225C31.7529 46.2135 32.1582 46.5835 32.5615 46.9306C36.3798 50.2164 40.151 51.5432 42.4842 50.1925C44.894 48.7975 45.6772 44.576 44.6604 39.4399C44.5828 39.0476 44.4924 38.6469 44.3909 38.239C44.6752 38.155 44.9543 38.0682 45.2265 37.978C50.3771 36.2715 53.7282 33.5127 53.7282 30.6911C53.7282 27.9854 50.5924 25.3688 45.74 23.6983ZM44.6228 36.1561C44.3772 36.2375 44.1251 36.3161 43.8682 36.3923C43.2996 34.5922 42.5322 32.6781 41.5931 30.7005C42.4893 28.7699 43.227 26.8803 43.7797 25.0919C44.2393 25.2249 44.6854 25.3651 45.1152 25.5132C49.2728 26.9444 51.8089 29.0605 51.8089 30.6911C51.8089 32.4279 49.07 34.6826 44.6228 36.1561ZM42.7776 39.8126C43.2272 42.0837 43.2914 44.1371 42.9936 45.7423C42.726 47.1847 42.1878 48.1463 41.5225 48.5315C40.1066 49.351 37.0787 48.2857 33.8132 45.4757C33.4388 45.1535 33.0618 44.8096 32.6835 44.4455C33.9495 43.061 35.2147 41.4514 36.4495 39.6638C38.6215 39.4711 40.6735 39.156 42.5344 38.7258C42.626 39.0955 42.7074 39.4581 42.7776 39.8126ZM24.1169 48.3898C22.7336 48.8784 21.6318 48.8924 20.9658 48.5084C19.5486 47.691 18.9594 44.5358 19.7631 40.3033C19.8551 39.8186 19.9647 39.3207 20.091 38.8118C21.9314 39.2187 23.9684 39.5116 26.1456 39.6881C27.3887 41.4373 28.6905 43.0452 30.0024 44.453C29.7157 44.7297 29.4302 44.9931 29.1463 45.2413C27.4032 46.7651 25.6564 47.8461 24.1169 48.3898ZM17.6361 36.1455C15.4453 35.3967 13.6361 34.4235 12.396 33.3616C11.2817 32.4073 10.7191 31.4599 10.7191 30.6911C10.7191 29.0551 13.1581 26.9684 17.226 25.5501C17.7196 25.378 18.2363 25.2158 18.7725 25.0635C19.3347 26.8923 20.0722 28.8043 20.9623 30.7378C20.0607 32.7 19.3128 34.6425 18.745 36.4927C18.3628 36.3829 17.9924 36.2672 17.6361 36.1455ZM19.8085 21.3579C18.9642 17.0428 19.5249 13.7876 20.936 12.9708C22.4391 12.1006 25.7628 13.3413 29.2659 16.4518C29.4898 16.6506 29.7146 16.8587 29.9401 17.074C28.6347 18.4756 27.3448 20.0714 26.1127 21.8103C23.9997 22.0061 21.977 22.3208 20.1174 22.742C20.0004 22.2717 19.8969 21.8097 19.8085 21.3579ZM39.1886 26.1433C38.744 25.3754 38.2876 24.6257 37.8223 23.8964C39.2558 24.0777 40.6293 24.3182 41.9191 24.6126C41.5318 25.8536 41.0492 27.1511 40.4811 28.4813C40.0735 27.7076 39.6425 26.9275 39.1886 26.1433ZM31.2854 18.4456C32.1707 19.4047 33.0573 20.4756 33.9293 21.6374C33.0506 21.5959 32.161 21.5743 31.264 21.5743C30.3755 21.5743 29.4925 21.5954 28.6192 21.6362C29.4921 20.4852 30.3863 19.4158 31.2854 18.4456ZM23.3317 26.1566C22.8876 26.9267 22.4645 27.7025 22.0634 28.4799C21.5045 27.1543 21.0263 25.8509 20.6357 24.5923C21.9176 24.3054 23.2846 24.0709 24.7089 23.8931C24.2371 24.6291 23.7769 25.3843 23.3317 26.1564V26.1566ZM24.75 37.626C23.2783 37.4618 21.8908 37.2394 20.6093 36.9604C21.0061 35.6793 21.4948 34.3481 22.0655 32.994C22.4677 33.7707 22.8925 34.5469 23.3393 35.3187H23.3393C23.7945 36.1049 24.266 36.875 24.75 37.626ZM31.3385 43.0719C30.4289 42.0904 29.5215 41.0047 28.6353 39.8368C29.4956 39.8706 30.3726 39.8879 31.264 39.8879C32.1798 39.8879 33.085 39.8672 33.9761 39.8276C33.1012 41.0164 32.2178 42.1038 31.3385 43.0719ZM40.4994 32.9249C41.0999 34.2937 41.6061 35.618 42.0081 36.8772C40.7054 37.1744 39.2989 37.4138 37.8171 37.5916C38.2835 36.8525 38.7439 36.0899 39.1963 35.3055C39.6539 34.5118 40.0885 33.717 40.4994 32.9249ZM37.5337 34.3466C36.8314 35.5643 36.1104 36.7268 35.3784 37.8241C34.0452 37.9194 32.6678 37.9685 31.264 37.9685C29.8659 37.9685 28.5058 37.9251 27.1962 37.8401C26.4347 36.7284 25.698 35.5625 25.0002 34.3571H25.0004C24.3044 33.155 23.6638 31.9427 23.0834 30.7372C23.6636 29.5289 24.3025 28.3152 24.9945 27.1152L24.9944 27.1155C25.6882 25.9123 26.4184 24.7521 27.1729 23.6473C28.509 23.5463 29.8792 23.4936 31.2639 23.4936H31.264C32.655 23.4936 34.0269 23.5467 35.3626 23.6486C36.1056 24.7453 36.8308 25.9017 37.5274 27.1051C38.2319 28.3219 38.879 29.5275 39.4642 30.7099C38.8808 31.9126 38.2351 33.1303 37.5337 34.3466ZM41.4931 12.9137C42.9976 13.7813 43.5826 17.2804 42.6374 21.8688C42.5771 22.1615 42.5092 22.4597 42.4354 22.762C40.5715 22.3319 38.5474 22.0118 36.4282 21.813C35.1937 20.055 33.9143 18.4567 32.6302 17.0731C32.9755 16.741 33.3202 16.4243 33.6636 16.1254C36.9805 13.2388 40.0806 12.0991 41.4931 12.9137ZM31.264 26.6791C33.4797 26.6791 35.276 28.4753 35.276 30.6911C35.276 32.9068 33.4797 34.703 31.264 34.703C29.0483 34.703 27.252 32.9068 27.252 30.6911C27.252 28.4753 29.0483 26.6791 31.264 26.6791Z"])</script><script>self.__next_f.push([1,"1f:Tc1d,"])</script><script>self.__next_f.push([1,"\u003cpre class=\"shiki supabase-dark\" style=\"background-color:#00000000;color:#ffffff\" tabindex=\"0\"\u003e\u003ccode\u003e\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003eimport\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e { createClient } \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e '\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e@supabase/supabase-js\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003econst\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e supabase\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e createClient\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e  process.env.\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eSUPABASE_URL\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e  process.env.\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eSUPABASE_ANON_KEY\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003eexport\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e default\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e function\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e App\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e() {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e  const\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e [\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e, \u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003esetTodos\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e] \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e useState\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e([])\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#3ECF8E\"\u003e  useEffect\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(() \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003e\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e    supabase.\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e).\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eselect\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e*\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e      .\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003ethen\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(({ data }) \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003e\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e setTodos\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(data))\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e  }, [])\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e  return\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e \u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eTodoList\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e items\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e{todos} /\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e}\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e"])</script><script>self.__next_f.push([1,"20:Teb7,"])</script><script>self.__next_f.push([1,"\u003cpre class=\"shiki supabase-light\" style=\"background-color:#00000000;color:#525252\" tabindex=\"0\"\u003e\u003ccode\u003e\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003eimport\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e createClient \u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e}\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e from\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e '\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e@supabase/supabase-js\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003econst\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e supabase\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e createClient\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e  process\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003eenv\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eSUPABASE_URL\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e  process\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003eenv\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eSUPABASE_ANON_KEY\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003eexport\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e default\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e function\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e App\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e()\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e  const\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e [\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e,\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e setTodos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e]\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e useState\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e([])\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#15593B\"\u003e  useEffect\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e()\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003e\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e    supabase\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eselect\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e*\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e      .\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003ethen\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e({\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e data \u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e})\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003e\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e setTodos\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(data))\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e  },\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e [])\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e  return\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e \u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eTodoList\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e items\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e{\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e}\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e /\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e}\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e"])</script><script>self.__next_f.push([1,"21:Ta22,"])</script><script>self.__next_f.push([1,"\u003cpre class=\"shiki supabase-dark\" style=\"background-color:#00000000;color:#ffffff\" tabindex=\"0\"\u003e\u003ccode\u003e\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003eimport\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e { createClient } \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e '\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e@supabase/supabase-js\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003econst\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e supabase\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e createClient\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e  process.env.\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eNEXT_PUBLIC_SUPABASE_URL\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e  process.env.\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eNEXT_PUBLIC_SUPABASE_ANON_KEY\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003eexport\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e default\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e async\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e function\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e Page\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e() {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e  const\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e { data: \u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e } \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e await\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e supabase\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e    .\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e    .\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eselect\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e*\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e  return\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e \u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eTodoList\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e items\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e{todos} /\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e}\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e"])</script><script>self.__next_f.push([1,"22:Tc0d,"])</script><script>self.__next_f.push([1,"\u003cpre class=\"shiki supabase-light\" style=\"background-color:#00000000;color:#525252\" tabindex=\"0\"\u003e\u003ccode\u003e\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003eimport\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e createClient \u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e}\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e from\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e '\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e@supabase/supabase-js\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003econst\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e supabase\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e createClient\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e  process\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003eenv\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eNEXT_PUBLIC_SUPABASE_URL\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e  process\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003eenv\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eNEXT_PUBLIC_SUPABASE_ANON_KEY\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003eexport\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e default\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e async\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e function\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e Page\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e()\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e  const\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e data\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e:\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e todos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e }\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e await\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e supabase\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e    .\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e    .\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eselect\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e*\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e  return\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e \u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eTodoList\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e items\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e{\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e}\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e /\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e}\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e"])</script><script>self.__next_f.push([1,"23:T963,"])</script><script>self.__next_f.push([1,"\u003cpre class=\"shiki supabase-dark\" style=\"background-color:#00000000;color:#ffffff\" tabindex=\"0\"\u003e\u003ccode\u003e\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003eimport\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e 'package:supabase_flutter/supabase_flutter.dart'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e;\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003eFuture\u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003evoid\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u003e \u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003emain\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e() \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003easync\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e  await\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e Supabase.\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003einitialize\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e    url\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e:\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e 'YOUR_SUPABASE_URL'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e    anonKey\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e:\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e 'YOUR_SUPABASE_ANON_KEY'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e  );\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#3ECF8E\"\u003e  runApp\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(MyApp());\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e}\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003efinal\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e supabase \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e Supabase.instance.client;\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003efinal\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e data \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e await\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e supabase\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e    .\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e'todos'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e    .\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eselect\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e'*'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e);\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e"])</script><script>self.__next_f.push([1,"24:Ta9f,"])</script><script>self.__next_f.push([1,"\u003cpre class=\"shiki supabase-light\" style=\"background-color:#00000000;color:#525252\" tabindex=\"0\"\u003e\u003ccode\u003e\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003eimport\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e 'package:supabase_flutter/supabase_flutter.dart'\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e;\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003eFuture\u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003evoid\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e\u003e \u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003emain\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e() \u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003easync\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e  await\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e Supabase\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003einitialize\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e    url\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e:\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e 'YOUR_SUPABASE_URL'\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e    anonKey\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e:\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e 'YOUR_SUPABASE_ANON_KEY'\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e  )\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e;\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#15593B\"\u003e  runApp\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(MyApp())\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e;\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e}\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003efinal\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e supabase \u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e Supabase\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003einstance\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003eclient\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e;\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003efinal\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e data \u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e await\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e supabase\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e    .\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e'todos'\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e    .\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eselect\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e'*'\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e;\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e"])</script><script>self.__next_f.push([1,"25:T8e8,"])</script><script>self.__next_f.push([1,"M29.9094 11.2292C35.956 7.37668 44.3187 9.17299 48.553 15.2334H48.5532C50.5831 18.0746 51.3826 21.614 50.771 25.0519C50.4778 26.677 49.8581 28.2259 48.9493 29.6047C50.2752 32.1335 50.7201 35.0322 50.2136 37.8422C49.6086 41.2154 47.6106 44.1777 44.7096 46.0024L34.0903 52.7707C28.0445 56.623 19.6818 54.8274 15.4466 48.7665C13.4171 45.9251 12.6176 42.3859 13.2288 38.948C13.5223 37.3227 14.1422 35.7738 15.0512 34.3949C13.7247 31.8665 13.2794 28.9677 13.786 26.1577C14.3913 22.7845 16.3893 19.8223 19.29 17.9974L29.9094 11.2292ZM19.8146 45.9861C21.8311 48.8931 25.4469 50.2333 28.8709 49.343H28.8708C29.6345 49.139 30.3624 48.8192 31.0293 48.3946L41.6512 41.6252C43.396 40.5274 44.5979 38.7455 44.9622 36.7164C45.33 34.6483 44.8489 32.5192 43.6278 30.8101C41.6113 27.9032 37.9955 26.5629 34.5715 27.4531C33.8084 27.6571 33.081 27.9768 32.4147 28.4012L28.3617 30.9842C28.1601 31.1125 27.9401 31.2092 27.7093 31.271C26.6776 31.5384 25.5887 31.1342 24.9815 30.2584C24.614 29.7429 24.4693 29.1012 24.5801 28.4779C24.6899 27.8669 25.0519 27.3302 25.5774 26.9996L36.2002 20.2298C36.4017 20.1015 36.6218 20.0048 36.8526 19.9431C37.8838 19.6754 38.9725 20.0795 39.5793 20.9551C39.9039 21.4146 40.0556 21.974 40.0078 22.5345L39.9714 22.9285L40.3662 23.0484C41.8596 23.4989 43.265 24.2014 44.5218 25.1254L45.0657 25.5245L45.2658 24.9145C45.3729 24.59 45.4577 24.2586 45.5196 23.9225C45.8873 21.8544 45.4063 19.7254 44.1852 18.0162C42.1687 15.1093 38.553 13.7691 35.129 14.6593C34.3653 14.8633 33.6374 15.1832 32.9705 15.6077L22.3487 22.3777C20.6036 23.475 19.4016 25.2568 19.0376 27.2858C18.6699 29.3539 19.1509 31.4829 20.372 33.192C22.3885 36.099 26.0043 37.4392 29.4283 36.549C30.1914 36.345 30.9188 36.0256 31.5853 35.6017L35.6389 33.0177C35.8402 32.8895 36.06 32.7929 36.2905 32.7311C37.3221 32.4637 38.4111 32.868 39.0183 33.7438C39.3857 34.2592 39.5306 34.9007 39.4205 35.524C39.3102 36.1352 38.948 36.6718 38.4224 37.0028L27.7996 43.7722C27.5981 43.9006 27.378 43.9973 27.1471 44.059C26.116 44.3266 25.0273 43.9225 24.4204 43.0469C24.0955 42.5876 23.9438 42.0281 23.992 41.4675L24.0284 41.0735L23.6336 40.9537C22.1404 40.5032 20.7351 39.8011 19.4783 38.8776L18.934 38.4778L18.734 39.0878C18.6266 39.4122 18.5418 39.7437 18.4801 40.0798C18.1125 42.1479 18.5935 44.277 19.8146 45.9861Z"])</script><script>self.__next_f.push([1,"26:Ta8c,"])</script><script>self.__next_f.push([1,"\u003cpre class=\"shiki supabase-dark\" style=\"background-color:#00000000;color:#ffffff\" tabindex=\"0\"\u003e\u003ccode\u003e\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003escript\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e  import\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e { createClient } \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e '\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e@supabase/supabase-js\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e  const\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e supabase\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e createClient\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#3ECF8E\"\u003e    PUBLIC_SUPABASE_URL\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#3ECF8E\"\u003e    PUBLIC_SUPABASE_ANON_KEY\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e  )\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e  let\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e todos \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e []\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e  async\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e function\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e loadTodos\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e() {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e    const\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e { \u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003edata\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e } \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e await\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e supabase\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e      .\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e).\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eselect\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e*\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e    todos \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e data\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e  }\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u0026#x3C;/\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003escript\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e"])</script><script>self.__next_f.push([1,"27:Tb19,"])</script><script>self.__next_f.push([1,"\u003cpre class=\"shiki supabase-light\" style=\"background-color:#00000000;color:#525252\" tabindex=\"0\"\u003e\u003ccode\u003e\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003escript\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e  import\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e createClient \u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e}\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e from\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e '\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e@supabase/supabase-js\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e  const\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e supabase\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e createClient\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#15593B\"\u003e    PUBLIC_SUPABASE_URL\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#15593B\"\u003e    PUBLIC_SUPABASE_ANON_KEY\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e  )\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e  let\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e todos \u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e []\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e  async\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e function\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e loadTodos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e()\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e    const\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e data\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e }\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e await\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e supabase\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e      .\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eselect\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e*\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e    todos \u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e data\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e  }\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u0026#x3C;/\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003escript\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e"])</script><script>self.__next_f.push([1,"28:Tced,"])</script><script>self.__next_f.push([1,"\u003cpre class=\"shiki supabase-dark\" style=\"background-color:#00000000;color:#ffffff\" tabindex=\"0\"\u003e\u003ccode\u003e\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003escript\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e setup\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003eimport\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e { createClient } \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e '\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e@supabase/supabase-js\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003eimport\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e { ref, onMounted } \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e '\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003evue\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003econst\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e supabase\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e createClient\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e  import\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e.meta.env.\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eVITE_SUPABASE_URL\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e  import\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e.meta.env.\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eVITE_SUPABASE_ANON_KEY\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003econst\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e todos\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e ref\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e([])\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#3ECF8E\"\u003eonMounted\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003easync\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e () \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003e\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e  const\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e { \u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003edata\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e } \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e await\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e supabase\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e    .\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e).\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eselect\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e*\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e  todos.\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003evalue\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e data\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e})\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u0026#x3C;/\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003escript\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e"])</script><script>self.__next_f.push([1,"29:Tf41,"])</script><script>self.__next_f.push([1,"\u003cpre class=\"shiki supabase-light\" style=\"background-color:#00000000;color:#525252\" tabindex=\"0\"\u003e\u003ccode\u003e\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003escript\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e setup\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003eimport\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e createClient \u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e}\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e from\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e '\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e@supabase/supabase-js\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003eimport\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e ref\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e,\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e onMounted \u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e}\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e from\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e '\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003evue\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003econst\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e supabase\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e createClient\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e  import\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003emeta\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003eenv\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eVITE_SUPABASE_URL\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e  import\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003emeta\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003eenv\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eVITE_SUPABASE_ANON_KEY\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003econst\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e todos\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e ref\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e([])\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#15593B\"\u003eonMounted\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003easync\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e ()\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003e\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e  const\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e data\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e }\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e await\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e supabase\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e    .\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eselect\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e*\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e  todos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e.\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003evalue\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e data\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e}\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u0026#x3C;/\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003escript\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e"])</script><script>self.__next_f.push([1,"2a:Tc8b,"])</script><script>self.__next_f.push([1,"\u003cpre class=\"shiki supabase-dark\" style=\"background-color:#00000000;color:#ffffff\" tabindex=\"0\"\u003e\u003ccode\u003e\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003escript\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e setup\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003econst\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e supabase\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e useSupabaseClient\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e()\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003econst\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e { data: \u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e } \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e await\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e useAsyncData\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e  '\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e  async\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e () \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003e\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e    const\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e { \u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003edata\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e } \u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#BDA4FF\"\u003e await\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e supabase\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e      .\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e      .\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eselect\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003e*\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#BDA4FF\"\u003e    return\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e data\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e  }\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u0026#x3C;/\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003escript\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003etemplate\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e  \u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003eTodoList\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003e :items\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\"\u003c/span\u003e\u003cspan style=\"color:#FFCDA1\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\"\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e /\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u0026#x3C;/\u003c/span\u003e\u003cspan style=\"color:#3ECF8E\"\u003etemplate\u003c/span\u003e\u003cspan style=\"color:#FFFFFF\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e"])</script><script>self.__next_f.push([1,"2b:Tcd2,"])</script><script>self.__next_f.push([1,"\u003cpre class=\"shiki supabase-light\" style=\"background-color:#00000000;color:#525252\" tabindex=\"0\"\u003e\u003ccode\u003e\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003escript\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e setup\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003econst\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e supabase\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e useSupabaseClient\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e()\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003econst\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e data\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e:\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e todos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e }\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e await\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e useAsyncData\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e  '\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e,\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e  async\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e ()\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003e\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e    const\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e {\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e data\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e }\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e =\u003c/span\u003e\u003cspan style=\"color:#6B35DC\"\u003e await\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e supabase\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e      .\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003efrom\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e      .\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eselect\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003e*\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e'\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#6B35DC\"\u003e    return\u003c/span\u003e\u003cspan style=\"color:#525252\"\u003e data\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e  }\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#525252\"\u003e)\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u0026#x3C;/\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003escript\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003etemplate\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e  \u0026#x3C;\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003eTodoList\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003e :items\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\"\u003c/span\u003e\u003cspan style=\"color:#B45309\"\u003etodos\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\"\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e /\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line\"\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u0026#x3C;/\u003c/span\u003e\u003cspan style=\"color:#15593B\"\u003etemplate\u003c/span\u003e\u003cspan style=\"color:#A0A0A0\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e"])</script><script>self.__next_f.push([1,"12:[\"$\",\"$L1d\",null,{\"frameworks\":[{\"name\":\"React\",\"icon\":\"$1e\",\"docsUrl\":\"/docs/guides/getting-started/quickstarts/reactjs\",\"darkHtml\":\"$1f\",\"lightHtml\":\"$20\",\"examples\":[{\"title\":\"Todo List\",\"description\":\"CRUD app with real-time and RLS.\",\"url\":\"/docs/guides/getting-started/tutorials/with-react\",\"icon\":\"ListChecks\"},{\"title\":\"Auth \u0026 User Management\",\"description\":\"Email, social login, and user profiles.\",\"url\":\"/docs/guides/auth/quickstarts/react\",\"icon\":\"Users\"}]},{\"name\":\"Next.js\",\"icon\":\"M42.3148 48.6796C38.9009 50.9525 34.8014 52.2771 30.3924 52.2771C18.4957 52.2771 8.85156 42.6329 8.85156 30.7362C8.85156 18.8395 18.4957 9.19531 30.3924 9.19531C42.2891 9.19531 51.9333 18.8395 51.9333 30.7362C51.9333 37.1564 49.1245 42.9207 44.6688 46.8671L39.5552 40.2803V21.8278H36.584V36.4531L25.2299 21.8278H21.4808V39.6473H24.4801V25.6368L42.3148 48.6796Z\",\"docsUrl\":\"/docs/guides/getting-started/quickstarts/nextjs\",\"darkHtml\":\"$21\",\"lightHtml\":\"$22\",\"examples\":[{\"title\":\"App Router Quickstart\",\"description\":\"Server Components with SSR auth.\",\"url\":\"/docs/guides/getting-started/quickstarts/nextjs\",\"icon\":\"Rocket\"},{\"title\":\"Auth with PKCE\",\"description\":\"Secure auth flow with middleware.\",\"url\":\"/docs/guides/auth/server-side/nextjs\",\"icon\":\"KeyRound\"}]},{\"name\":\"Flutter\",\"icon\":\"M46.5067 10.3828L34.3509 10.3962L14.75 29.9971L20.7974 36.0519L26.1125 30.7666L46.5067 10.3828Z M34.6996 28.4653C34.5272 28.4573 34.3493 28.4491 34.2378 28.5965L23.7856 39.0471L29.7894 45.0142L29.7825 45.021L34.079 49.3212C34.1072 49.3462 34.1352 49.3741 34.1637 49.4026C34.2813 49.5201 34.4074 49.6462 34.5895 49.6055C36.5743 49.601 38.5591 49.6017 40.544 49.6025C42.529 49.6032 44.5142 49.604 46.4998 49.5995L35.9333 39.0234L46.4963 28.467L34.906 28.464C34.8415 28.4719 34.7711 28.4686 34.6996 28.4653Z\",\"docsUrl\":\"/docs/guides/getting-started/quickstarts/flutter\",\"darkHtml\":\"$23\",\"lightHtml\":\"$24\",\"examples\":[{\"title\":\"User Management\",\"description\":\"Auth and profile management.\",\"url\":\"/docs/guides/getting-started/tutorials/with-flutter\",\"icon\":\"Users\"},{\"title\":\"Deep Linking\",\"description\":\"OAuth and magic link for mobile.\",\"url\":\"/docs/guides/auth/native-mobile-deep-linking\",\"icon\":\"Link2\"}]},{\"name\":\"Svelte\",\"icon\":\"$25\",\"docsUrl\":\"/docs/guides/getting-started/quickstarts/sveltekit\",\"darkHtml\":\"$26\",\"lightHtml\":\"$27\",\"examples\":[{\"title\":\"Todo List\",\"description\":\"Server-side auth and real-time data.\",\"url\":\"/docs/guides/getting-started/tutorials/with-svelte\",\"icon\":\"ListChecks\"},{\"title\":\"Auth Helpers\",\"description\":\"Sessions and protected routes.\",\"url\":\"/docs/guides/auth/server-side/sveltekit\",\"icon\":\"ShieldCheck\"}]},{\"name\":\"Vue\",\"icon\":\"M43.0532 13.4531H50.1147L30.2756 47.8158L10.4365 13.4531H17.4978L30.2755 35.5845L43.0532 13.4531ZM42.1764 13.4531L30.2755 34.0659L18.3746 13.4531L25.6939 13.4531L30.2756 21.3888L34.8572 13.4531L42.1764 13.4531Z\",\"docsUrl\":\"/docs/guides/getting-started/quickstarts/vue\",\"darkHtml\":\"$28\",\"lightHtml\":\"$29\",\"examples\":[{\"title\":\"Todo List\",\"description\":\"CRUD with Vue 3 Composition API.\",\"url\":\"/docs/guides/getting-started/tutorials/with-vue-3\",\"icon\":\"ListChecks\"},{\"title\":\"Auth with Vue\",\"description\":\"Email and OAuth authentication.\",\"url\":\"/docs/guides/getting-started/quickstarts/vue\",\"icon\":\"KeyRound\"}]},{\"name\":\"Nuxt\",\"icon\":\"M32.5784 45.4741H50.2199C50.7802 45.4741 51.3307 45.3325 51.8159 45.0634C52.3012 44.7943 52.7041 44.4072 52.9842 43.9409C53.2642 43.4748 53.4115 42.946 53.4113 42.4078C53.4111 41.8696 53.2633 41.3409 52.9828 40.875L41.1352 21.164C40.8552 20.6979 40.4524 20.3109 39.9672 20.0418C39.4821 19.7727 38.9317 19.631 38.3715 19.631C37.8113 19.631 37.261 19.7727 36.7758 20.0418C36.2906 20.3109 35.8878 20.6979 35.6078 21.164L32.5784 26.2073L26.6555 16.3452C26.3753 15.8792 25.9723 15.4922 25.487 15.2232C25.0017 14.9541 24.4513 14.8125 23.8909 14.8125C23.3306 14.8125 22.7802 14.9541 22.2949 15.2232C21.8096 14.9541 21.4066 15.8792 21.1263 16.3452L6.38358 40.875C6.10311 41.3409 5.95532 41.8696 5.95508 42.4078C5.95483 42.946 6.10214 43.4748 6.38219 43.9409C6.66224 44.4072 7.06515 44.7943 7.5504 45.0634C8.03564 45.3325 8.58612 45.4741 9.14645 45.4741H20.2203C24.6079 45.4741 27.8436 43.6229 30.07 40.0113L38.3706 26.2073L47.0599 40.6619H35.4754L32.5784 45.4741Z\",\"docsUrl\":\"/docs/guides/getting-started/quickstarts/nuxtjs\",\"darkHtml\":\"$2a\",\"lightHtml\":\"$2b\",\"examples\":[{\"title\":\"Nuxt Module\",\"description\":\"Auto-configured auth and client.\",\"url\":\"/docs/guides/getting-started/quickstarts/nuxtjs\",\"icon\":\"Blocks\"},{\"title\":\"Server Routes\",\"description\":\"Service role access from server.\",\"url\":\"/docs/guides/auth/server-side/nuxt\",\"icon\":\"Server\"}]}]}]\n"])</script></body></html>